Do's and Don'ts van Typography
Omdat zoveel van de inhoud op het web tekst is, is het voor webontwerpers essentieel om de basisprincipes van goede typografie te begrijpen. Met dergelijke kennis kunnen ontwerpers effectiever communiceren, waardoor ze betere ontwerpen en websites kunnen maken die gemakkelijker te gebruiken zijn.
Voor meer ervaren ontwerpers kan het plaatsen van tekst natuurlijk zijn, maar voor degenen die net beginnen, heb ik besloten om een lijst samen te stellen van de fundamentele do's en don'ts. Niet alleen leert deze lijst je de fundamenten, maar je kunt het ook gebruiken als een checklist om door te werken aan toekomstige projecten. Hier gaat:
Stel een typografische hiërarchie op
Een typografische hiërarchie kan worden vastgesteld met behulp van verschillende methoden, zoals grootte, gewicht, kleur en contrast. Het doel is om pagina's structuur te geven en de gebruiker door de inhoud te leiden. Zonder een duidelijke hiërarchie wordt de tekst veel moeilijker te scannen en daarom over het algemeen moeilijker om te lezen. Bekijk de onderstaande voorbeelden. Aan de linkerkant is de tekst één grootte en één gewicht, dus het is moeilijk om onderscheid te maken tussen koppen en hoofdtekst. Ondertussen hebben we aan de rechterkant dezelfde inhoud, maar met een duidelijke typografische hiërarchie, dus het is veel gemakkelijker om onderscheid te maken tussen de verschillende elementen.
Hier heb ik alleen de grootte en het gewicht gebruikt om mijn hiërarchie vast te stellen, maar voor nog betere resultaten kun je ook proberen te experimenteren met kleur en contrast.
Maak de tekst NIET te klein
Niet iedereen heeft een 20-20-visie, dus het is belangrijk om ervoor te zorgen dat je lichaamstekst groot genoeg is voor mensen om comfortabel te lezen. Persoonlijk zou ik niet kleiner dan een grootte van 14pt aanbevelen.
Kies een geschikt lettertype voor de hoofdtekst
Een andere belangrijke factor als het gaat om uw lichaamstekst is de leesbaarheid. Hoewel een lettertype als Satisfy misschien past bij een ontwerp met een handgemaakte esthetiek, zal het gebruik van een lettertype zoals dit voor uw lichaamstekst een negatieve invloed hebben op uw gebruikers. Dit komt omdat het veel moeilijker te lezen is dan je gemiddelde schreef- of schreefloze letter. Kijk naar de onderstaande voorbeelden en u zult merken hoeveel harder uw hersenen moeten werken om de woorden aan de linkerkant te onderscheiden van die aan de rechterkant.
Gebruik NIET te veel verschillende lettertypen op één pagina
Services zoals Typekit en Google Fonts geven u mogelijk toegang tot duizenden lettertypen, maar dit betekent niet dat u ze allemaal moet gebruiken. Zoals je in het onderstaande voorbeeld kunt zien, kan het gebruik van meerdere lettertypen erg afleidend zijn, tenzij het erg goed werkt. Daarom raad ik meestal aan om niet meer dan 2 of 3 te gebruiken.
Geef je tekstruimte de ruimte om te ademen
Een gebrek aan witte ruimte tussen elke regel kan de leesbaarheid beïnvloeden, omdat het het voor het oog moeilijk maakt om van de ene regel naar de volgende te volgen. Dit probleem kan echter gemakkelijk worden opgelost door uw lijnhoogten te vergroten, maar pas op dat u het niet overdrijft, want te veel ruimte kan de leesbaarheid ook negatief beïnvloeden.
Maak NIET continu gebruik van alle doppen
Mensen zijn niet gewend om grote hoeveelheden tekst in te lezen, en daarom is het voor mensen moeilijker om te lezen. Niet alleen dat, maar mensen associëren vaak alle caps met schreeuwen of agressie en als het gaat om marketingexemplaren kan het heel spammy overkomen. Daarom is het belangrijk om na te denken over hoe en wanneer u alle caps gaat gebruiken en ervoor te zorgen dat u het met mate gebruikt.
Probeer de alinea's te beperken tot 40-60 tekens per regel
Als een lijn te lang is, begint de lezer geleidelijk de focus te verliezen en kan hij vaak moeite hebben om van de ene regel naar de volgende te lezen. Als een lijn te kort is, zorgt het ervoor dat het oog van de lezer te vaak teruggaat, wat zijn ritme verstoort. Dit kan ertoe leiden dat ze de volgende regel te snel beginnen te lezen, waardoor ze woorden uit de vorige regel missen. Dit is de reden waarom de optimale lijnlengte voor body-tekst naar verluidt ongeveer 40-60 tekens per regel is.
Gebruik GEEN grote hoeveelheden gecentreerde tekst
Gecentreerde tekst is moeilijk te lezen omdat de randen van het tekstblok ongelijk zijn, waardoor het moeilijker is om te scannen omdat elke regel een ander beginpunt heeft. Gecentreerde tekstblokken zijn ook moeilijk uit te lijnen met andere objecten op de pagina en worden vaak beschouwd als behoorlijk amateuristisch. Daarom is het, net als bij alle hoofdletters, het beste om gecentreerde tekst met mate te gebruiken, door in plaats daarvan te kiezen voor links uitgelijnde tekst.
Zorg ervoor dat er voldoende contrast is tussen uw tekst en de achtergrond
Contrast is een ander aspect van typografie dat de leesbaarheid kan beïnvloeden. Als er onvoldoende contrast is tussen de tekst en de achtergrond, kan de inhoud onleesbaar worden.
Heb je iets toe te voegen? Welke tips zou u nieuwe ontwerpers geven die net zijn begonnen? Laat het ons weten in de comments.