Share
Iedereen heeft zijn eigen schuldgevoel als het gaat om webdesign; bij mij is het een grote typografie. ik liefde lezen op internet wanneer inhoud wordt gepresenteerd met een groot, unapologetic type. Koppel dat met slim gebruikte kleuren, zelfverzekerde witruimten en goed ontworpen lettertypen - ik ben verslaafd. De inspiratie van deze week verzamelt enkele van mijn favoriete voorbeelden.
Als een website deze lijst gaat maken, moet deze een kopie van minstens 16px hebben, bij voorkeur veel meer. We beginnen aan de onderkant van de schaal met digg, waarvan de feature-artikelen een gezonde 18px gebruiken:
Koppen en lichaam gebruiken verschillende gewichten van Graphik, hoewel de koppen een iets donkerdere, sterk contrasterende # 191919 zijn vergeleken met de gemakkelijkere # 232323 die wordt gebruikt voor de hoofdaflezing.
Een ander voorbeeld van 18px (1.125em) is de Royal Drawing School in Londen, die een treffend chique lettertype-combinatie gebruikt:
Het lettertype dat voor de kopjes wordt gebruikt, wordt Vinter genoemd; Art Deco in persoonlijkheid, met sterk contrasterende gemoduleerde streken (slagen die variëren in dikte). Lees meer over het ontwerp op de Monokrom-website.
Ik geef de voorkeur aan de durf van de functie van digg voor The Verge's, hoewel deze ook de lijst maakt voor zijn genereuze witruimte en de focus op de inhoud zelf:
De body-kopie is in dit geval 16.5px op grote schermen en vertrouwt op systeemlettertypen (Helvetica, Arial), hoewel de kopjes en blockquotes stampen voor Playfair Display. Het is groot lezen, maar kan wat mij betreft altijd groter zijn.
De Washington Post gebruikt ook een systeemlettertype (Georgia 18px) als werkpaard, hoewel de koppen en bijschriften Postoni gebruiken (een gecondenseerde schreef, iets wat je in veel kranten zult zien gebruikt) en ITC Franklin respectievelijk.
Petje af voor Wondersauce, het bureau achter het herontwerp van The Fader. Hoe is dit voor het maken van een verklaring met de kop van een artikel?
"We stonden de lezers nooit in de weg met onnodige extra inhoud of overtollig ontwerp. Inhoud regeerde als Koning; een heel goed geklede koning. "- Wondersauce
Mooi! 120 px opvallend oranje neutraal lettertype (we negeren het feit dat deze kop is gemarkeerd als De subtitel ook, Freight Text Pro in een zeer in-your-face 48px. In feite zijn deze koppen zo massief dat ze de tekst van het lichaam er klein uit laten zien, terwijl het feitelijk wordt weergegeven op 19.2px (1.2rem) op grote schermen! Edenspiekermann gebruikt een enorme 1.92rem om ons te verwelkomen op hun website: Het betreffende lettertype is "Espi"; een interne versie van hun eigen FF-eenheid (door Christian Schwartz en Erik Spiekermann) die net zo thuis is als een display- of lettertype. En het zal geen verrassing zijn dat, ook al zijn ze geen redactionele publicatie, Edenspiekermann ook een overdaad aan groot formaat gebruikt voor hun blog. Een snelle hat-tip gaat naar Jason Pamental voor het aanbevelen van Donny Trương's geschiedenis van Vietnamese typografie. Groot lichaamstype (1.1875em of 19px), combinaties van hoogwaardige lettertypen (bekijk de OpenType-ligaturen), en gedempt contrast tussen type en achtergrond maken deze pagina's heel gemakkelijk te absorberen. Meer gemakkeuze kleuren zijn te vinden op Vox, waar het lichaam een gezond 19.5px (of equivalent) lettertype krijgt. Laat gewoon je ogen ontspannen en lees ... Het onderwerp kleurencombinaties brengt ons bij ons volgende onderwerp: The Forecaster. Deze website is gebouwd om een documentaire te begeleiden over de financieel adviseur Martin Armstrong en zijn voorspellingen over de wereldeconomie. Geïnspireerd door de klassieke "zalm" gebruikt door de Financial Times, geeft deze roze het contrast af en verbetert de leeservaring. Het is zeker onderscheidend, wat een van de redenen is die worden toegeschreven aan de originele beslissing van de FT om op gekleurd papier te drukken. Een misschien meer geschikte theorie is dat de roze tint goedkoper was, vanwege minder uitgebreid bleken van het papier. Hoe dan ook, de kleuren zijn geweldig en het type is massief. Het lichaam komt binnen op een conservatieve 16px, maar de koppen rekken uit om de beschikbare ruimte te vullen (met behulp van een techniek die lijkt op FitText). Bekijk enkele van de thema's die te koop zijn op Envato Market en voeg een groot type toe aan uw volgende webproject: Zoals ik al vroeg vermeldde; Ik hou van groot type. Ik ben dol op de details die het toestaat en ik ben er dol op als ontwerpers het lezen van inhoud bovenaan hun prioriteitenlijsten plaatsen. Ik hoop dat deze collectie je inspireert om gedurfd te zijn en groot te denken!
Makkelijk voor de ogen
Envato Market
WordPress-thema: Barcelona
WordPress-thema: vrijdagnieuwsConcluderen
Accentsconagua