Hvorfor høsten krever mer av skriften
Når høsten kommer, begynner kurssesongen for alvor. Webinarer flyttes fra sommerpausen tilbake til fast rytme, og opplæringsvideoer produseres i stort antall før jul. Samtidig ser deltakerne på skjermen under andre forhold enn i sommerhalvåret: mørkere rom, lamper som gir refleks, og mange som følger med på mobil i bussen eller på kjøkkenbordet.
Jeg ser samme feil gjenta seg hver oktober. Grafikk som ble laget i dagslys på en stor skjerm, blir plutselig vanskelig å lese når den vises på en liten telefon i dårlig lys. Tynne skrifttyper, lav kontrast og små linjer forsvinner først. Derfor starter jeg alltid kurset i skjermtypografi med å spørre hvor og hvordan innholdet faktisk skal ses.
Det er et enkelt grep, men det endrer hva du velger. Du slutter å designe for din egen skjerm og begynner å designe for den svakeste situasjonen deltakeren kan sitte i.
Velg skrift som tåler å bli liten
En skrift som ser elegant ut på trykk, er ikke alltid riktig på skjerm. På små skjermer trenger bokstavene åpne former, tydelig forskjell mellom tegn som l, I og 1, og en x-høyde som ikke krymper til nesten ingenting når bildet skaleres ned. Jeg anbefaler kursdeltakerne å teste skriften i ytterste forminskning før de bestemmer seg.
Hold deg til én, høyst to skriftfamilier i en og samme video. Bruk vekt og størrelse for å skape rekkefølge, ikke nye skrifter. Det gir ro i bildet og gjør at seeren lærer hvor de skal lete etter tittel, underlinje og detaljer.
Unngå dekorative skrifter til alt annet enn en kort overskrift, og vurder alltid om overskriften fortsatt er lesbar når den vises i to sekunder.
- Åpne bokstavformer og tydelig x-høyde
- Tydelig skille mellom tegn som ligner hverandre
- Maks to skriftfamilier per video
- Test i minste visningsstørrelse
Størrelse målt mot seeren, ikke mot skjermen
Mange setter skriftstørrelsen ut fra hva som ser riktig ut i redigeringsprogrammet. Der sitter du en armlengde fra en stor skjerm. Seeren sitter kanskje med telefonen i hånden, og da blir en tekst som virket romslig, til en liten stripe. Min tommelfingerregel i kurset er at brødtekst i grafikk skal kunne leses uten at du myser, selv når bildet er redusert til en tredjedel.
Husk også at tekst på video blir stående kort tid. Rekker du ikke å lese den høyt i hodet to ganger, er den for lang eller for liten. Kutt heller ordene enn å krympe skriften. Én tydelig setning slår tre linjer med småtekst.
La marginer og luft rundt teksten hjelpe deg. Tekst som ligger helt i kanten, kan bli skåret av på enkelte avspillere, særlig i mobilvisning.
Kontrast i mørke rom og mot lyse bilder
Kontrast handler om mer enn svart mot hvitt. Når bakgrunnen er et levende videobilde, endrer lysstyrken seg hele tiden, og tekst som var lesbar i første sekund, kan drukne i neste. Løsningen er ofte en rolig flate bak teksten, en svak skygge eller et halvtransparent felt som holder kontrasten stabil.
Mørk bakgrunn med lys tekst fungerer godt på høstkvelder, men unngå ren hvit på ren svart over lang tid, siden det kan flimre og tretter øynene. En dempet hvit eller lys grå gir et roligere uttrykk. Motsatt gjelder at lys bakgrunn krever mørk, ikke svart, tekst for å virke jevn.
Se også på farger som ser forskjellige ut på ulike skjermer. Rødt mot grønt eller blått mot lilla kan være umulig å skille for noen. La forskjellen i lysstyrke bære budskapet, og bruk farge som støtte.
- Rolig flate bak tekst over levende bilde
- Dempet hvit i stedet for ren hvit på svart
- Ikke la farge alene skille viktig informasjon
Slik tester du før du leverer
Jeg ber alltid deltakerne gjøre tre enkle tester. Se grafikken på telefon med lav lysstyrke. Se den på en stor skjerm fra to meters avstand. Og vis den til en person som ikke har sett prosjektet, og spør hva som står der etter ett blikk. Svarene avslører raskt hva som ikke fungerer.
Gjør testene med ekte innhold, ikke med plassholdertekst. Et navn som er litt for langt, en tittel som bryter over to linjer, eller et tall med mange sifre kan ødelegge en layout som så fin ut med korte eksempler. Det er her mange lærer mest i kurset.
Noter hva du endret etter hver runde. Da bygger du opp et eget sett med regler for skrift, størrelse og kontrast som du kan bruke på neste oppdrag.
Små grep å ta med inn i sesongen
Når kalenderen fylles av høstens webinarer, er det lett å hoppe over typografien og gå rett på innholdet. Be deg selv sette av en times arbeid til å velge skrift og fastsette størrelser én gang, og lagre dem som en fast mal. Den timen sparer deg for mange små justeringer senere.
Lag en liten stilguide med skriftnavn, størrelser for tittel, undertittel og brødtekst, og farger med tilhørende bakgrunner. Den trenger ikke være mer enn en side. Har du flere som lager grafikk i samme prosjekt, gjør den at alt ser ut som det kommer fra samme hånd.
Til slutt: vær tålmodig med deg selv. Lesbarhet er en ferdighet som øves, og den blir bedre for hver gang du ser grafikken din på en skjerm du ikke vanligvis bruker.
Skrift på skjerm handler om å tenke på seeren i dårligste tilfelle: liten skjerm, svakt lys, kort tid. Velg åpne bokstavformer, gi teksten størrelse og luft, og hold kontrasten stabil mot bildet. Test med ekte innhold før du leverer, og lagre valgene som en enkel mal. Da går høstens webinarer og opplæringsvideoer lettere, og grafikken din blir lest, ikke bare sett.
