Do's og Don'ts of Typography
Da så meget af indholdet på internettet er tekst, er det vigtigt for webdesignere at forstå de grundlæggende principper for god typografi. At have sådan viden gør det muligt for designere at kommunikere mere effektivt, så de kan skabe bedre design og hjemmesider, der er nemmere at bruge.
For mere erfarne designere kan teksten komme naturligt, men for dem, der lige er begyndt, har jeg besluttet at sammensætte en liste over de grundlæggende gør og ikke. Ikke kun vil denne liste lære dig fundamentet, men du kan også bruge det som en tjekliste til at arbejde igennem på fremtidige projekter. Her går:
DO etablere et typografisk hierarki
Et typografisk hierarki kan etableres ved at anvende en række forskellige metoder som størrelse, vægt, farve og kontrast. Dens formål er at give sider struktur og guide brugeren gennem indholdet. Uden et klart hierarki bliver teksten meget sværere at scanne og derfor generelt sværere at læse. Bare se på eksemplerne nedenfor. Til venstre er teksten en størrelse og en vægt, så det er svært at skelne mellem overskrifter og krops tekst. I mellemtiden til højre har vi det samme indhold, men med et tydeligt typografisk hierarki er det så meget lettere at skelne mellem de forskellige elementer.
Her har jeg kun brugt størrelse og vægt til at etablere mit hierarki, men for endnu bedre resultater kan du også forsøge at eksperimentere med farve og kontrast.
Lav IKKE teksten for lille
Ikke alle har 20-20 vision, så det er vigtigt at sikre, at din kropstekst er stor nok til at folk kan læse komfortabelt. Personligt vil jeg anbefale ikke mindre end en størrelse på 14pt.
Vælg en passende skrifttype til kroppens tekst
En anden vigtig faktor når det kommer til din krops tekst er læsbarhed. Selv om et skrifttype som Satisfy kan passe til et design med en håndlavet æstetik, ved hjælp af et skrifttype som dette for din kropstekst, vil det have en negativ indvirkning på dine brugere. Dette skyldes, at det er meget sværere at læse end din gennemsnitlige serif eller sans-serif. Se på eksemplerne nedenfor, og du vil se, hvor meget hårdere din hjerne skal arbejde for at udarbejde ordene til venstre i forhold til dem til højre.
Brug IKKE for mange forskellige skrifttyper på en side
Tjenester som Typekit og Google Fonts kan give dig adgang til tusindvis af skrifttyper, men det betyder ikke, at du skal bruge dem alle. Som du kan se fra nedenstående eksempel, medmindre det er gjort rigtig godt, kan det være meget distraherende at bruge flere skrifttyper. Derfor anbefaler jeg normalt at bruge ikke mere end 2 eller 3.
Gør dit tekstrum til at trække vejret
Manglen på hvidt mellemrum mellem hver linje kan påvirke læsbarheden, fordi det gør det svært for øjet at spore fra en linje til den næste. Imidlertid kan dette problem let løses ved at øge dine linjehøjder, men pas på at ikke overdrive det, for meget plads kan også påvirke læsbarheden på en negativ måde.
Gør ikke kontinuerlig brug af alle hætter
Folk er ikke vant til at læse store klumper af tekst, der er sat i alle hætter og på grund af dette er det faktisk sværere for folk at læse. Ikke kun det, men folk ofte forbinder alle caps med shouting eller aggression, og når det kommer til markedsføring kopi det kan støde på ganske spammy. På grund af dette er det vigtigt at tænke på, hvordan og hvornår du skal bruge alle kasketter og for at sikre dig, at du bruger det i moderation.
Prøv at begrænse afsnit til 40-60 tegn pr. Linje
Hvis en linje er for lang, begynder læseren gradvist at tabe fokus og kan ofte have svært ved at læse fra en linje til den næste. Hvis en linje er for kort, får det læseren til at rejse tilbage for ofte, hvilket forstyrrer deres rytme. Dette kan også få dem til at begynde at læse næste linje for tidligt, hvilket får dem til at savne ord fra den foregående linje. Det er derfor, at den optimale linjelængde for krops tekst siges at være omkring 40-60 tegn pr. Linje.
Brug IKKE store mængder centreret tekst
Centreret tekst er svært at læse, fordi tekstblokens kanter er ujævne, hvilket gør det sværere at scanne, fordi hver linje har et andet udgangspunkt. Centreret tekstblokke er også vanskelige at tilpasse sig til andre objekter på siden og anses ofte for at være ganske amatøriske. Det er derfor, ligesom alle kasketter, er det bedst at bruge centreret tekst i moderation, idet man vælger venstrejusteret tekst som standard i stedet.
Sørg for, at der er nok kontrast mellem din tekst og baggrunden
Kontrast er et andet aspekt af typografi, som kan påvirke læsbarheden. Hvis der ikke er nok kontrast mellem teksten og baggrunden, kan indholdet blive ulæseligt.
Har du noget at tilføje? Hvilke tip vil du give nye designere lige fra starten? Lad os vide i kommentarerne.