Do's og Don'ts of Typography
Siden så mye av innholdet som er tilgjengelig på nettet er tekst, er det viktig for webdesignere å forstå de grunnleggende prinsippene for god typografi. Å ha slik kunnskap tillater designere å kommunisere mer effektivt, slik at de kan skape bedre design og nettsteder som er enklere å bruke.
For mer erfarne designere kan innstillingen teksten komme naturlig, men for de som nettopp har begynt, har jeg bestemt meg for å sette sammen en liste over de grunnleggende gjør og ikke. Ikke bare vil denne listen lære deg grunnleggende, men du kan også bruke den som en sjekkliste for å jobbe gjennom på fremtidige prosjekter. Her går:
Opprett et typografisk hierarki
Et typografisk hierarki kan etableres ved å bruke en rekke metoder som størrelse, vekt, farge og kontrast. Hensikten er å gi sidestruktur og veilede brukeren gjennom innholdet. Uten et klart hierarki blir teksten mye vanskeligere å skanne og derfor generelt vanskeligere å lese. Bare ta en titt på eksemplene nedenfor. Til venstre er teksten en størrelse og en vekt, så det er vanskelig å skille mellom overskrifter og kroppstekst. I mellomtiden, til høyre har vi det samme innholdet, men med et klart typografisk hierarki, så er det mye lettere å skille mellom de forskjellige elementene.
Her har jeg bare brukt størrelse og vekt for å etablere mitt hierarki, men for enda bedre resultater kan du prøve å eksperimentere med farge og kontrast også.
IKKE gjør teksten for liten
Ikke alle har 20-20 visjon, så det er viktig å sørge for at tekstene dine er store nok til at folk kan lese komfortabelt. Personlig vil jeg anbefale ikke mindre enn en størrelse på 14pt.
Velg en passende skrift for kroppsteksten
En annen viktig faktor når det gjelder kropps tekst er lesbarhet. Selv om et skrift som Satisfy kan passe til et design med håndlaget estetikk, vil det være en negativ innvirkning for brukerne ved å bruke et skrifttype som dette for din kroppstekst. Dette er fordi det er mye vanskeligere å lese enn ditt gjennomsnittlige serif eller sans-serif. Se på eksemplene nedenfor, og du vil legge merke til hvor mye vanskeligere hjernen din må jobbe for å få frem ordene til venstre i forhold til dem til høyre.
IKKE bruk for mange forskjellige skrifter på en side
Tjenester som Typekit og Google Fonts kan gi deg tilgang til tusenvis av skrifter, men det betyr ikke at du må bruke dem alle. Som du kan se fra eksempelet nedenfor, med mindre det er gjort veldig bra, kan det være veldig distraherende å bruke flere fonter. Derfor anbefaler jeg vanligvis å bruke ikke mer enn 2 eller 3.
Gi din tekstrommet å puste
Mangel på hvitt mellomrom mellom hver linje kan påvirke lesbarheten fordi det gjør det vanskelig for øyet å spore fra en linje til den neste. Dette problemet kan imidlertid enkelt løses ved å øke linjehøyder, men vær forsiktig så du ikke overdriver det, for mye plass kan også påvirke lesbarheten på en negativ måte.
IKKE bruk kontinuerlig bruk av alle dekslene
Folk er ikke vant til å lese store biter av tekst sett i alle caps, og på grunn av dette er det faktisk vanskeligere for folk å lese. Ikke bare det, men folk ofte knytter alle caps med shouting eller aggresjon, og når det kommer til markedsføring kopi det kan komme over ganske spammy. På grunn av dette er det viktig å tenke på hvordan og når du skal bruke alle kappene og for å sørge for at du bruker det i moderat.
Prøv å begrense avsnittene til 40-60 tegn per linje
Hvis en linje er for lang, begynner leseren gradvis å miste fokus og kan ofte ha problemer med å lese fra en linje til den neste. Hvis en linje er for kort, får det leserens øye til å gå tilbake for ofte, noe som forstyrrer rytmen. Dette kan også gjøre at de begynner å lese neste linje for tidlig, slik at de går glipp av ord fra forrige linje. Det er derfor den optimale linjelengden for kroppstekst sies å være rundt 40-60 tegn per linje.
IKKE bruk store mengder sentrert tekst
Sentrert tekst er vanskelig å lese fordi kantene i tekstblokken er ujevne som gjør det vanskeligere å skanne fordi hver linje har et annet utgangspunkt. Sentrert tekstblokker er også vanskelige å justere til andre objekter på siden og anses ofte å være ganske amatørmessige. Det er derfor, som alle kapsler, er det best å bruke sentrert tekst i moderering, og velger istedenfor venstrejustert tekst som standard.
Kontroller at det er nok kontrast mellom teksten og bakgrunnen
Kontrast er et annet aspekt av typografi som kan påvirke lesbarheten. Hvis det ikke er nok kontrast mellom teksten og bakgrunnen, kan innholdet bli uleselig.
Har du noe å legge til? Hvilke tips vil du gi nye designere nettopp å starte? Gi oss beskjed i kommentarene.