Kijk vandaag online naar elke webpagina, ongeacht de grootte van de site of de branche waar het voor is, en u zult zien dat een ding dat ze allemaal gemeen hebben, tekstinhoud is.
Een van de gemakkelijkste manieren om het ontwerp van een webpagina te beïnvloeden, is met de lettertypen die u gebruikt voor de tekstinhoud op die site. Helaas gaan veel webontwerpers die al vroeg in hun carrière zijn, een beetje gek door te veel lettertypen op elke pagina te gebruiken. Dit kan zorgen voor een modderige ervaring die gebrek aan ontwerpcohesie lijkt te hebben. In andere gevallen proberen ontwerpers te experimenteren met lettertypen die vrijwel onleesbaar zijn, ze gewoon gebruiken omdat ze "cool" of anders zijn. Ze kunnen inderdaad cool uitziende lettertypen zijn, maar als de tekst die ze moeten overbrengen niet leesbaar is, "coolness" van dat lettertype zal afnemen als niemand die website leest en in plaats daarvan vertrekt naar een site die ze kunnen verwerken!
In dit artikel worden enkele items behandeld die u in overweging moet nemen terwijl u een lettertypefamilie kiest voor uw volgende websiteproject.
ENKELE REGELS VAN DUIM
- Gebruik niet meer dan 3-4 lettertypen op één pagina. Iets meer dan dit begint amateuristisch aan te voelen - en zelfs 4 lettertypen kunnen in sommige gevallen te veel zijn!
- Wijzig het lettertype niet in de middelste zin tenzij u een zeer goede reden hebt (Opmerking - ik heb nooit, in al mijn jaren als webdesigner, een goede reden gevonden om dit te doen)
- Gebruik sans serif-lettertypen of serif-lettertypen voor hoofdtekst om die blokken met inhoud gemakkelijker leesbaar te maken.
- Gebruik monospace-lettertypen voor typemachine-tekst en codeblok om die code apart van de pagina in te stellen.
- Gebruik script- en fantasiedoopvonten voor accenten of grote koppen met heel weinig woorden.
Vergeet niet dat dit allemaal suggesties zijn, geen harde en snelle regels. Als je echter iets anders gaat doen, dan moet je het doen met de intentie, niet per ongeluk.
SANS SERIF-FONTS ZIJN DE BASIS VAN UW SITE
Sans serif-lettertypen zijn lettertypen die geen "schreef" hebben - de kleine toegevoegde ontwerpbehandeling aan de uiteinden van de letters.
Als u cursussen voor het ontwerpen van afdrukken hebt gevolgd, hebt u waarschijnlijk te horen gekregen dat u alleen serif-lettertypen alleen voor krantenkoppen moet gebruiken. Dit is niet waar voor het web. Webpagina's zijn bedoeld om te worden bekeken door webbrowsers op computermonitoren en de monitors van vandaag zijn vrij goed in het weergeven van zowel schreefloze als schreefloze lettertypen. Sommige serif-lettertypen kunnen een beetje uitdagend worden om op kleinere formaten te lezen, vooral op oudere schermen, dus houd altijd rekening met uw publiek en zorg ervoor dat ze serif-lettertypen kunnen lezen voordat u besluit deze voor uw hoofdtekst te gebruiken. Dat gezegd hebbende, de meeste serif-lettertypen zijn tegenwoordig ontworpen voor digitale consumptie en ze zullen prima werken als body-copy zolang ze op een redelijke lettergrootte worden ingesteld.
Enkele voorbeelden van sans-serif-lettertypen zijn:
- Arial
- Genève
- Helvetica
- Lucida Sans
- trebuchet
- Verdana
Trivia: Verdana is een lettertypefamilie die is uitgevonden voor gebruik op internet.
GEBRUIK SERIF-LETTERTYPEN VOOR PRINT
Hoewel serif-lettertypen zich kunnen veroorloven om online te lezen voor oudere schermen, zijn ze perfect voor afdrukken en goed voor koppen op webpagina's. Als u afdrukvriendelijke versies van uw site hebt, is dit de perfecte plek om serif-lettertypen te gebruiken. De geschreven reeksen maken het gemakkelijker om te lezen, omdat ze mensen in staat stellen de letters duidelijker te differentiëren. En omdat afdrukken een hogere resolutie heeft, kunnen ze duidelijker worden gezien en lijken ze niet samen te vervagen.
Best Practice: Overweeg serif-lettertypen te gebruiken voor uw afdrukvriendelijke pagina's.
Enkele voorbeelden van serif-lettertypen zijn:
- Garamond
- Georgië
- Times
- Times New Roman
MONOSPASBANDEN KOMEN VOOR ELKE BRIEF GELIJKE RUIMTE AAN
Zelfs als uw site niet over computing gaat, kunt u monospace gebruiken om instructies te geven, voorbeelden te geven, of impliciet getypte tekst te impliceren. Monospace-letters hebben dezelfde breedte voor elk teken, dus nemen ze altijd dezelfde hoeveelheid ruimte op de pagina in beslag.
Typemachines gebruiken meestal monospace-lettertypen en het gebruik ervan op uw webpagina kan u het gevoel geven van die getypte inhoud.
Enkele voorbeelden van monospace-lettertypen zijn:
- Koerier
- Koerier Nieuw
- Lucida-console
- Monaco
Beste praktijk: Monospace-lettertypen werken goed voor codevoorbeelden.
FANTASIE EN SCRIPT-LETTERTYPEN ZIJN TE LEZEN
Fantasie- en scriptlettertypen zijn niet zo wijdverspreid op computers en kunnen over het algemeen in grote delen moeilijk leesbaar zijn. Hoewel je misschien het effect wilt van een dagboek of een ander persoonlijk record dat een cursief lettertype kan geven, kunnen je lezers problemen hebben. Dit geldt vooral als uw publiek niet-moedertaalsprekers bevat. Ook bevatten fantasieën en cursieve lettertypen niet altijd accenttekens of andere speciale tekens die uw tekst beperken tot het Engels.
Gebruik fantasie- en cursieve lettertypen in afbeeldingen en als koppen of call-outs. Houd ze kort en wees u ervan bewust dat welk lettertype u ook kiest waarschijnlijk niet op een groot deel van de computer van uw lezer staat, dus moet u ze met weblettertypen bezorgen.
Enkele voorbeelden van fantasief lettertypen zijn:
- Koperen plaat
- Desdemona
- botsing
- Kino
Trivia: Impact is de lettertypefamilie die waarschijnlijk op Mac-, Windows- en Unix-machines wordt gebruikt.
Enkele voorbeelden van scriptlettertypen zijn:
- Apple Chancery
- Comic Sans MS
- Lucida handschrift
Trivia: Studies hebben aangetoond dat lettertypen die moeilijker te lezen zijn, studenten kunnen helpen meer van de informatie te behouden.
Origineel artikel door Jennifer Krynin. Bewerkt door Jeremy Girard op 9/8/17
