Share
Goede typografie brengt hiërarchie en focus op de juiste plaatsen. Deze korte handleiding leert u hoe u ineffectieve typografie kunt vermijden en hoe u de juiste nadruk op de geschreven woorden in uw ontwerp kunt brengen.
Goede typografie betekent ontwerpen niet alleen voor ideale omstandigheden, maar ook voor niet-ideale scenario's, bijvoorbeeld wanneer iemand slechtziend is of lezen bij weinig licht. Probeer een hoge contrastverhouding te hebben tussen de achtergrond en de tekstkleur. Er zijn veel online tools beschikbaar om ervoor te zorgen dat uw tekst leesbaar is.
WCAG 2.0 level AA vereist een contrastverhouding van 4,5: 1 voor normale tekst en 3: 1 voor grote tekst. Niveau AAA vereist een contrastverhouding van 7: 1 voor normale tekst en 4.5: 1 voor grote tekst.
Tekst met te veel contrast kan ook moeilijk te lezen zijn. Bijvoorbeeld, lichtgekleurde tekst tegen donkere achtergronden.
Een goede vuistregel is om afleidingen voor het lezen van tekst te verminderen. Of het nu gaat om het gebruik van te veel lettertypen, te veel stijlen en varianten, te weinig of te veel ruimte tussen regels. Verminder dergelijke afleiding door een limiet in te stellen voor het aantal letterstijlen of gewichten dat u in één opmaak hebt.
Het gebruik van twee of drie lettertypen kan bijvoorbeeld werken op een webervaring, maar meer dan dat en u loopt het risico dat de pagina er ongeorganiseerd en rommelig uitziet..
De gemiddelde lijnlengte (of "maat") voor optimale aflezing is 8-12 woorden per regel of ongeveer 50-60 tekens per regel. Dit helpt ervoor te zorgen dat het oog van de lezer niet te vaak van het begin tot het einde van een zin springt, en ook een goede tip om ervoor te zorgen dat de lezer betrokken blijft.
Houd hier goed rekening mee wanneer u vloeiende lay-outs ontwerpt, omdat de meetwaarde waarschijnlijk zal veranderen met de viewport-grootte. Typografie is een goed referentiepunt bij het bepalen van breekpunten voor uw ontwerpen.
Met deze richtlijnen als uitgangspunt, kunt u slechte typografie voorkomen en de boodschap van uw ontwerp duidelijk overbrengen met minimale afleiding.
Accentsconagua