Typografi som gjør nettsiden lettere å lese
Lesbar tekst handler om mer enn valg av font. Størrelse, linjelengde, kontrast og avstand avgjør hvordan siden oppleves.
Dette tar du med deg
- Bruk få, tydelige tekstnivåer.
- Test ekte avsnitt på en liten skjerm.
- La små detaljer være lesbare uten anstrengelse.
Begynn med brødteksten
Velg en tekststørrelse som er behagelig for lengre avsnitt. Som et praktisk utgangspunkt prøver vi gjerne 18–20 piksler for lesetekst, men riktig størrelse avhenger av fonten og sammenhengen. Se på resultatet i nettleseren, ikke bare i en skisse.
Hold linjene passe lange og gi dem luft. En bred skjerm betyr ikke at et avsnitt skal gå fra kant til kant. På en artikkelside er en smalere tekstkolonne ofte mer behagelig enn å fylle hele innholdsbredden.
Lag et tydelig hierarki
Bruk en stor hovedoverskrift, tydelige mellomtitler og vanlig brødtekst. Et lite sett størrelser gjør siden roligere. Når hvert avsnitt har en ny størrelse, vekt eller farge, må leseren stadig finne ut hva som er viktig.
Overskriften kan ha mer personlighet enn teksten under. En uttrykksfull skrift fungerer best når den får plass. Prøv lange norske ord og ekte sidetitler før du bestemmer maksimal størrelse og linjebryting.
Ikke gjem viktig informasjon i liten skrift
Prisforbehold, skjemaetiketter og forklaringer om abonnement er ikke pynt. De trenger god kontrast og nok størrelse til å leses. Hvis teksten må bli svært liten for å passe i et kort, bør kortet eller innholdet endres.
Et nyttig grep er å flytte detaljer til et eget avsnitt med normal tekst. Det er ofte ryddigere enn mange små merker, forkortelser og linjer mellom knapper. Leseren skal slippe å zoome for å forstå tilbudet.
Kontroller siden i bruk
Forstørr teksten i nettleseren og se om meny, knapper og priskort fortsatt fungerer. Test både lyse og mørke seksjoner. En dempet gråtone som ser fin ut på din skjerm, kan bli vanskelig å lese i en annen sammenheng.
Se også på avstanden mellom etikett og felt, og mellom en overskrift og teksten den hører til. God typografi gjør disse forholdene tydelige. Vår mal for en designbrief hjelper deg å beskrive ønsket uttrykk før detaljene låses.