Kijk naar elke webpagina die tegenwoordig online is, ongeacht de grootte van de site of de branche waarvoor deze is bedoeld, en u zult zien dat één 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 worden veel webontwerpers die aan het begin van hun carrière staan een beetje gek door te veel lettertypen op elke pagina te gebruiken. Dit kan zorgen voor een vertroebelde ervaring die ontwerpcohesie lijkt te missen. In andere gevallen proberen ontwerpers te experimenteren met lettertypen die vrijwel onleesbaar zijn, door ze alleen maar te gebruiken omdat ze "cool" of anders zijn. Het kunnen inderdaad cool uitziende lettertypen zijn, maar als de tekst die ze moeten overbrengen niet kan worden gelezen, dan is de "coolheid" van dat lettertype zal afnemen wanneer niemand die website leest en in plaats daarvan vertrekt naar een site die ze kunnen werkwijze!
Enkele vuistregels
- Gebruik niet meer dan 3-4 lettertypen op een pagina. Alles meer dan dit begint amateuristisch aan te voelen - en zelfs 4 lettertypen kunnen in sommige gevallen te veel zijn!
- niet doen verander het lettertype midden in een zin, tenzij je een heel goede reden hebt.
- Gebruik schreefloze lettertypen of serif-lettertypen voor hoofdtekst om die blokken met inhoud gemakkelijker leesbaar te maken.
- Gebruik monospace-lettertypen voor schrijfmachinetekst en codeblok om die code te onderscheiden van de pagina.
- Gebruik script- en fantasielettertypen voor accenten of grote koppen met heel weinig woorden.
Onthoud dat dit allemaal suggesties zijn, geen vaste regels. Als je echter iets anders gaat doen, doe het dan met opzet, niet per ongeluk.
Sans Serif-lettertypen vormen de basis van uw site
Sans serif-lettertypen zijn die lettertypen die geen "schreven” — de weinig toegevoegde ontwerpbehandeling aan de uiteinden van de letters.
Als je cursussen printontwerp hebt gevolgd, is je waarschijnlijk verteld dat je alleen serif-lettertypen voor koppen mag gebruiken. Dit geldt niet voor het web. Webpagina's zijn bedoeld om bekeken te worden door web browsers op computermonitoren en mobiele apparaten en de huidige monitoren en displays zijn redelijk goed in het duidelijk weergeven van zowel serif- als sans-serif-lettertypen. Sommige serif-lettertypen kunnen een beetje uitdagend zijn om te lezen bij kleinere formaten, vooral op oudere schermen, dus u moet altijd wees je bewust van je publiek en zorg ervoor dat ze serif-lettertypen kunnen lezen voordat je de beslissing neemt om ze voor je lichaam te gebruiken tekst. 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 zijn ingesteld.
Enkele voorbeelden van schreefloze lettertypen zijn:
- Arial
- Genève
- Helvetica
- Lucida Sans
- Trebuchet
- Verdana
Opmerking
Verdana is een lettertypefamilie die is uitgevonden voor gebruik op het web.
Gebruik Serif-lettertypen om af te drukken.
Hoewel serif-lettertypen online moeilijk te lezen zijn voor oudere schermen, zijn ze perfect om af te drukken en goed voor koppen op webpagina's. Als je hebt printvriendelijk versies van uw site, is dit de perfecte plek om serif-lettertypen te gebruiken. De schreven, in gedrukte vorm, maakt het gemakkelijker om te lezen, omdat mensen de letters duidelijker kunnen onderscheiden. En omdat print een hogere resolutie heeft, is het duidelijker te zien en lijkt het niet samen te vervagen.
Sommige voorbeelden van serif-lettertypen zijn:
- Garamond
- Georgië
- Keer
- Times New Roman
Monospace-lettertypen nemen evenveel ruimte in voor elke letter
Zelfs als uw site niet over computers gaat, kunt u monospace gebruiken om instructies te geven, voorbeelden te geven of getypte tekst te impliceren. Monospace-letters hebben dezelfde breedte voor elk teken, zodat ze altijd dezelfde hoeveelheid ruimte op de pagina innemen. Monospace-lettertypen werken vooral goed voor codevoorbeelden.
Typemachines gebruikten meestal monospace-lettertypen en als u ze op uw webpagina gebruikt, kunt u het gevoel krijgen van die getypte inhoud.
Enkele voorbeelden van monospace-lettertypen zijn:
- Koerier
- Koerier Nieuw
- Lucida-console
- Monaco
Fantasie- en scriptlettertypen zijn moeilijk te lezen
Fantasie- en scriptlettertypen zijn niet zo wijdverbreid op computers en kunnen over het algemeen moeilijk in grote stukken te lezen zijn. Hoewel je misschien het effect van een dagboek of een ander persoonlijk record leuk vindt dat het gebruik van een cursief lettertype kan geven, kunnen je lezers problemen hebben. Dit geldt vooral als uw publiek niet-moedertaalsprekers bevat. Ook bevatten fantasie- en cursieve lettertypen niet altijd accenttekens of andere speciale tekens die uw tekst tot het Engels beperken.
Gebruik fantasie- en cursieve lettertypen in afbeeldingen en als koppen of toelichtingen. Houd ze kort en houd er rekening mee dat welk lettertype u ook kiest, waarschijnlijk niet op de meeste computers van uw lezers zal staan, dus u moet ze aanleveren weblettertypen gebruiken.
Enkele voorbeelden van fantasielettertypen zijn:
- Koperen plaat
- Desdemona
- Gevolg
- Kino
Opmerking
Impact is de lettertypefamilie die het meest waarschijnlijk voorkomt op Mac-, Windows- en Unix-machines.
Enkele voorbeelden van scriptlettertypen zijn:
- Appelkanselarij
- Comic Sans MS
- Lucida-handschrift
Opmerking
Studies hebben aangetoond dat lettertypen die moeilijker te lezen zijn, studenten kunnen helpen meer informatie vast te houden.