infokix
ArtiklerSkjermtypografi

Slik velger du skrift og kontrast som holder på skjermen

Anders Bakken

6 min lesetid

En praktisk gjennomgang av hvordan du velger skrift, størrelse og kontrast for webinarer og opplæringsvideoer, og hvordan du tester valgene dine på både liten og stor skjerm.

Slik velger du skrift og kontrast som holder på skjermen

Start med der teksten faktisk skal vises

Før du åpner et designprogram bør du vite hvor grafikken skal sees. Et webinar kan følges på en prosjektor i et møterom, på en bærbar pc eller på en mobil i et tog. Samme tekst oppleves helt forskjellig i de tre situasjonene, og det er der mange valg går galt: man vurderer skriften på en stor arbeidsskjerm og glemmer at deltakerne ser den fra en håndflate.

Skriv derfor ned de to mest krevende visningene, ofte den minste skjermen og den største salen. Legg et enkelt testbilde på begge deler tidlig i arbeidet, ikke bare til slutt. En halv time med slik prøving sparer deg for mange runder med endringer senere, og du får et konkret grunnlag å vise til når oppdragsgiver spør hvorfor teksten er så stor.

Når du kjenner visningsstedene, blir resten av valgene enklere. Du slipper å diskutere smak og kan i stedet spørre om teksten er lesbar for den som sitter lengst unna eller har minst skjerm.

  • Finn den minste og den største skjermen teksten skal vises på
  • Test et enkelt utkast på begge før du pusser detaljer
  • Noter resultatet slik at valgene kan forklares

Velg en skrift som tåler komprimering

Videoer og webinarer komprimeres, og tynne streker, smale mellomrom og små detaljer er det første som forsvinner. Velg derfor en skrift med jevn strektykkelse, åpne former og tydelig forskjell mellom bokstaver som lett forveksles, som stor I, liten l og tallet 1. Dette er egenskaper du kan sjekke med øyet, uten spesialverktøy.

Begrens deg til én, høyst to skrifter i en leveranse. En skrift til overskrifter og en til brødtekst er nok, og ofte klarer en enkelt familie med to skriftsnitt jobben. Mange skrifter gir uro og gjør at seeren bruker energi på å tolke formen i stedet for innholdet.

Husk også lisensen. Bruk skrifter du har rett til å bruke i video og til kundens formål, og skriv navnet på skriften i leveransenotatet. Da kan oppdragsgiver bruke samme skrift senere uten å måtte lete.

  • Jevn strektykkelse og åpne former holder best etter komprimering
  • Maksimalt to skrifter i én leveranse
  • Sjekk lisens og noter skriftnavnet i leveransen

Størrelse: tenk i andel av bildehøyden

Skriftstørrelse oppgitt i punkter sier lite når bildet skaleres. Mer nyttig er å tenke i hvor stor andel av bildehøyden en tekstlinje tar. Som en grov regel bør brødtekst i en grafikk ikke gå under omtrent fem prosent av bildehøyden, og navnekort bør ligge godt over det, siden de leses på sekunder.

Prøv deg frem ved å se på bildet fra tre meters avstand eller ved å skrive det ut i frimerkestørrelse. Hvis du fortsatt kan lese det viktigste, er størrelsen trygg. Er du i tvil, velg større og kutt ned på antall ord i stedet. Kortere tekst gir plass til større skrift, og det er nesten alltid en bedre løsning enn å presse inn mer.

Hold linjelengden kort, gjerne under førti tegn, og la linjeavstanden være romslig nok til at linjene ikke flyter sammen på en liten skjerm.

  • Ikke under ca. fem prosent av bildehøyden for brødtekst
  • Se på bildet i frimerkestørrelse som rask test
  • Kutt ord før du krymper skriften

Kontrast og bakgrunn du ikke kontrollerer

I en opplæringsvideo ligger tekst ofte over levende bilde: en taler, en skjermopptak eller en bakgrunn som endrer seg. Da hjelper det ikke at kontrasten er god mot ett bilde, hvis den svikter ved neste klipp. Løsningen er å gi teksten sin egen flate, for eksempel en halvgjennomsiktig plate bak teksten, i stedet for å håpe at bakgrunnen holder seg rolig.

Velg mørk tekst på lys flate eller lys tekst på mørk flate, og unngå mellomtoner som grått på grått. Sjekk også at forskjellen holder om seeren ser skjermen i sterkt lys eller har svekket fargesyn. Ikke bruk farge som eneste bærer av betydning, for eksempel rødt for feil og grønt for riktig uten annen markering.

En enkel kontroll er å gjøre bildet svart-hvitt midlertidig. Forsvinner teksten da, er kontrasten for svak.

  • Gi teksten en egen flate når bakgrunnen varierer
  • Unngå grått på grått og mellomtoner
  • Gjør bildet svart-hvitt for å teste kontrast

Plassering og hvor lenge teksten står

Selv en perfekt skrift mislykkes hvis den står der seeren ikke ser, eller forsvinner før den er lest. Hold tekst innenfor trygge marger, slik at ingenting kuttes av ulike skjermformater eller av grensesnittet i et webinarverktøy. Unngå de ytterste kantene, og la navnekort ligge i nedre tredel uten å dekke munn og hender på taleren.

Regn varighet ut fra lesetid. En vanlig tommelfingerregel er at en kort linje trenger to til tre sekunder, og at du legger til litt ekstra for ukjente ord eller tall. Les teksten høyt i vanlig tempo og tell. Når du er ferdig, la teksten stå ett sekund til, siden seeren ofte starter å lese etter at den dukker opp.

Vær konsekvent: samme type informasjon på samme sted gjennom hele leveransen. Det lærer seeren hvor hun skal se.

  • Hold deg innenfor trygge marger
  • Les teksten høyt og tell sekunder
  • Samme type informasjon på samme plass hele veien

En arbeidsrutine du kan gjenta

Sett sammen det som er sagt til en kort rutine. Først kartlegger du visningssteder, deretter velger du én eller to skrifter som tåler komprimering. Sett størrelsen som andel av bildehøyden, gi teksten en egen flate for stabil kontrast, og avslutt med å sjekke plassering og visningstid.

Eksporter en kort testversjon og se den på den minste skjermen din, helst på en annen enhet enn den du jobbet på. Be gjerne en kollega som ikke har sett utkastet lese teksten uten forklaring. Det de stopper opp ved, er stedene som må justeres.

Lagre valgene i et enkelt stilark: skriftnavn, størrelser, farger og marger. Neste prosjekt starter da fra et godt utgangspunkt, og du slipper å finne opp reglene på nytt hver gang.

  • Kartlegg, velg, mål, test og lagre
  • La en uinnvidd person lese testversjonen
  • Skriv ned valgene i et enkelt stilark

God skjermtypografi handler mindre om smak enn om å ta hensyn til den som ser. Når du kjenner visningsstedene, velger robuste skrifter, setter størrelse og kontrast med mål og tester på liten skjerm, blir teksten lesbar uten at du trenger å forklare den. Gjør rutinen til vane, og la stilarket ditt bære valgene fra prosjekt til prosjekt.

Les også

  1. Fem vanlige feil med farger i skjermgrafikk, og hvordan du unngår dem

    Fargevalg ser enkelt ut, men små feil gjør webinargrafikk vanskelig å lese og lite original. Her går jeg gjennom fem feil jeg ofte ser, og hva du kan gjøre i stedet.

  2. Kontrast og x-høyde: to begreper som avgjør om teksten leses

    Anders Bakken forklarer med enkle ord hva kontrast, x-høyde og tegnavstand betyr i skjermtypografi, og hvorfor de avgjør om en tekst i et webinar blir lest eller bare passerer.

Om forfatteren

Anders Bakken

Instruktør, diagrammer og animasjon

Anders viser hvordan et diagram går fra skisse til ferdig animert grafikk i en video.

Send oss en melding

infokix

infokix er et kurs i skjermgrafikk for webinarer og opplæringsvideoer, drevet fra Skien siden 2017.