Kontrast, hierarki og lesbarhet: tre begreper i visuell kommunikasjon

Hvorfor fagord er nyttige

Når jeg underviser i visuell kommunikasjon, møter jeg ofte deltakere som allerede gjør mye riktig uten å ha navn på det. De velger en tydelig skrift, setter lys tekst på mørk bunn og plasserer det viktigste øverst. Problemet oppstår først når noe ikke fungerer, og de ikke kan peke på hvorfor. Da hjelper det å ha noen få presise ord.

I disse høstukene, når mange lager informasjon til høstkurs, arrangementer og lokale tilbud, ser jeg det samme mønsteret igjen. Folk bruker timer på bildet og minutter på teksten, og resultatet blir uklart. Her forklarer jeg tre begreper som går igjen i faget: kontrast, visuelt hierarki og lesbarhet. Ingen av dem krever dyrt utstyr eller forkunnskaper, bare at du ser etter dem.

Kontrast: forskjellen som gjør at noe synes

Kontrast betyr forskjell, og i visuell kommunikasjon handler det som oftest om forskjellen mellom lyst og mørkt, men også mellom stor og liten, tynn og tykk, rolig og travel. Et element får oppmerksomhet fordi det skiller seg fra omgivelsene. Hvis alt skiller seg like mye, skiller ingenting seg ut, og øyet finner ikke et sted å hvile.

En enkel øvelse er å ta et skjermbilde av en plakat eller en videoramme og gjøre det svarthvitt. Da forsvinner fargene, og du ser hva som egentlig bærer kontrasten. Er teksten fortsatt lett å lese, har du et solid grunnlag. Forsvinner den i grått, var det fargen alene som holdt den oppe, og det er skjørt, særlig på små skjermer og i sterkt lys.

• Sammenlign lysstyrke, ikke bare farge
• Test med svarthvitt-visning
• Bruk sterk kontrast sparsomt, på det som er viktigst

Visuelt hierarki: hva ser leseren først

Hierarki er rekkefølgen øyet tar elementene i. Du styrer den med størrelse, plassering, vekt og kontrast. En overskrift er større enn brødteksten, ligger høyere og har kanskje tykkere skrift. Leseren trenger ikke tenke over det; øyet følger sporene du har lagt. Et godt hierarki oppleves som at innholdet bare er ryddig.

Jeg ber ofte deltakere kneppe sammen øynene mot et ferdig layout og si hva de ser først, deretter nummer to og tre. Stemmer rekkefølgen med det du ønsket, fungerer hierarkiet. Stemmer den ikke, er det som regel for mange elementer som konkurrerer om førsteplassen. Løsningen er sjelden å legge til noe nytt, oftere å gjøre ett element tydeligere og la de andre trekke seg tilbake.

Lesbarhet: når teksten faktisk blir lest

Lesbarhet handler om hvor lett tekst lar seg lese under de forholdene den vises i. Det avhenger av skriftstørrelse, linjeavstand, linjelengde, skriftvalg og bakgrunn. En dekorativ skrift kan være fin som tittel, men trette øyet i en lengre setning. På video kommer tid inn som en ekstra faktor: teksten må stå lenge nok til å bli lest i vanlig tempo.

En tommelfingerregel jeg bruker, er å lese teksten høyt i ditt eget tempo og legge til litt. Det er omtrent så lenge den bør stå på skjermen. Plasser den også bort fra kanter og felt der andre elementer kan dekke den. Lesbarhet er ikke smak, den kan prøves, og det gjør den til noe man kan lære som et håndverk.

• Rolig skrift i brødtekst, ekspressiv bare i tittel
• Nok luft mellom linjene
• La tekst i video stå lenger enn du tror

Hvordan de tre henger sammen

Begrepene virker sammen. Kontrast gir hierarkiet noe å bygge på, hierarkiet avgjør hva som skal ha mest kontrast, og lesbarhet sørger for at selve teksten holder når den kommer fram. Mangler ett ledd, merkes det raskt, selv om leseren ikke kan si hvorfor. De sier bare at det ble litt rotete.

Bildespråk hører med her. Et bilde med mye detaljer i bakgrunnen svekker teksten over det, uansett hvor god skriften er. Da kan du flytte teksten, dempe bildet eller velge et annet utsnitt. Poenget er at bilde, farge og skrift skal trekke i samme retning, slik at budskapet står fram uten at designet krever oppmerksomhet for seg selv.

En øvelse du kan gjøre i dag

Velg ett eget bilde og skriv én setning over det, for eksempel et kort budskap om noe du vil fortelle. Lag tre versjoner: én med svak kontrast, én med sterk kontrast og én der du også har endret størrelsen på teksten. Legg dem ved siden av hverandre og be en annen person si hva de leser først og hva de husker etterpå.

Du får ofte overraskende tydelige svar. Noter hva som fungerte og hvorfor, med de tre begrepene som støtte. Det er den typen oppgave vi jobber med på kurset, med tilbakemelding underveis. Ingen av versjonene er fasit, men sammenligningen lærer øyet å se forskjellene, og det er selve startpunktet.

• Tre versjoner av samme budskap
• Be en annen lese uten forklaring
• Skriv ned hva som fungerte

Kontrast, hierarki og lesbarhet er ikke vanskelige begreper, men de gir deg et språk for å vurdere eget arbeid og snakke om det med andre. Start smått, med ett bilde og én setning, og se etter hva øyet gjør. Over tid blir det en vane som gjør at tekst, farger og bilder arbeider sammen i stedet for mot hverandre.