Slik får du typografi, farger og bildespråk til å støtte budskapet

Start med budskapet, ikke med verktøyene

Før du åpner et redigeringsprogram, skriv budskapet ditt i én enkelt setning. Hvis du ikke klarer det, vil ingen skrifttype eller fargepalett redde resultatet. Jeg ser det ofte hos deltakere som kommer med et fint bilde og vil gjøre det «mer interessant» med effekter. Spørsmålet jeg stiller er alltid det samme: hva skal den som ser dette sitte igjen med etter fem sekunder?

Når setningen er skrevet, del den i to deler: det som må leses, og det som kan sees. Det som må leses blir tekst. Det som kan sees blir bilde, farge eller utsnitt. Mange prøver å la tekst gjøre jobben bildet burde gjøre, og omvendt. En tydelig arbeidsdeling gir et mer rolig uttrykk og gjør det lettere å ta valgene som kommer etterpå.

• Skriv budskapet i én setning
• Skill mellom det som skal leses og det som skal sees
• Legg verktøyene til side til dette er avklart

Typografi: færre valg gir tydeligere tekst

Hold deg til høyst to skrifttyper i ett uttrykk, og helst bare én familie med ulike snitt. Bruk én skrift til overskrifter og en rolig, lettlest skrift til brødtekst. Tenk på hvor teksten skal leses: på en mobilskjerm i stående format må bokstavene være store nok til å lese uten å knipe, og linjene korte nok til at øyet ikke mister tråden.

Prøv denne øvelsen: skriv samme overskrift i tre ulike skrifter og vis dem til en kollega uten å si hva du ønsker å uttrykke. Spør hva de tror teksten handler om. Svaret forteller deg om skriften støtter eller trekker i en annen retning. Skrift har tone, akkurat som stemme. En tung, smal skrift virker alvorlig, en rund og åpen virker mer vennlig.

• Maks to skrifttyper, helst én familie
• Test lesbarhet på en liten skjerm
• La en annen gjette tonen før du velger

Farger: velg en liten palett og hold deg til den

En enkel regel som fungerer godt: én hovedfarge, én nøytral og én aksentfarge som brukes sparsomt. Aksenten skal peke på det viktigste, for eksempel en knapp, et nøkkelord eller en detalj i bildet. Hvis alt er fremhevet, er ingenting fremhevet. Hent gjerne farger direkte fra selve bildet, for eksempel fra en jakke, en himmel eller en vegg, så henger tekst og bilde naturlig sammen.

Sjekk alltid kontrasten mellom tekst og bakgrunn. Lys grå tekst på hvit flate ser ryddig ut på en stor skjerm, men forsvinner i dagslys på en telefon. Se på uttrykket med halvt lukkede øyne eller i svart-hvitt: hvis teksten fortsatt skiller seg tydelig ut, er kontrasten god nok. Farger har også kulturelle assosiasjoner, så vær bevisst på hva du signaliserer.

• Én hovedfarge, én nøytral, én aksent
• Hent farger fra selve bildet
• Se på uttrykket i svart-hvitt for å sjekke kontrast

Bildespråk: velg bilder som sier det samme som teksten

Bildespråk handler om at alle bildene i en serie ser ut til å komme fra samme sted. Det oppnår du med jevn avstand til motivet, lik behandling av lys og et gjennomgående grep for utsnitt. Et nærbilde etterfulgt av et vidt landskap og et overeksponert portrett fungerer sjelden uten at noe binder dem sammen, enten det er farge, tone eller motivtype.

Spør deg selv om bildet viser det teksten påstår, eller bare pynter. Bilder som bare pynter, forstyrrer ofte mer enn de hjelper. Et konkret bilde av en hånd som gjør noe, slår som regel en generell stemningsscene. Og la bildet få luft: ikke legg tekst over det viktigste i motivet, men der det er rolig flate, som himmel, vegg eller bord.

• Hold samme avstand og lysbehandling i serien
• Velg konkrete motiver framfor stemningsbilder
• Legg tekst på rolige flater i bildet

En øvelse du kan gjøre denne uken

Velg ett av dine egne bilder og lag tre versjoner med ulik tekst og farge, alle med samme budskap. Skriv først budskapet i én setning. Velg så én skrift og to farger for versjon én, endre bare fargene i versjon to, og endre bare skriften i versjon tre. Når du bare endrer én ting om gangen, ser du hva hvert valg faktisk gjør.

Legg de tre versjonene ved siden av hverandre og se på dem på mobilen, i vanlig armlengdes avstand. Hvilken forstår du raskest? Skriv ned hvorfor. Dette notatet er verdt mer enn selve bildene, for det blir din egen huskeliste neste gang. Dette er den typen oppgave vi arbeider med i kurset, der du får tilbakemelding på valgene og ikke bare på resultatet.

• Lag tre versjoner av samme bilde
• Endre én ting om gangen
• Se på dem på mobilskjermen og skriv ned hva du lærte

Vanlige snubletråder underveis

Den vanligste feilen er å la tekst dekke ansikt eller hovedmotiv. Den nest vanligste er for mange effekter: skygge, kontur og gradient på samme overskrift. Fjern det ene og se om uttrykket blir bedre. Som regel gjør det det. Enkelhet er sjelden et tegn på at du har gjort for lite.

En tredje feil er å skifte uttrykk fra bilde til bilde fordi hvert enkelt bilde ser best ut med sin egen løsning. Samlet blir det rotete. Lag en liten stilguide på ett ark med skrift, farger og regler for utsnitt, og hold deg til den en stund. Du kan alltid justere senere, men du trenger et utgangspunkt å justere fra.

• Ikke legg tekst over ansikt eller hovedmotiv
• Fjern effekter til uttrykket roer seg
• Lag en stilguide på ett ark

Visuell kommunikasjon handler om å fjerne det som står i veien for budskapet. Start med én setning, hold deg til få skrifter og farger, og la bildene si det samme som teksten. Gjør små øvelser der du endrer én ting om gangen, og se på resultatet på den skjermen folk faktisk bruker. Over tid bygger du et uttrykk som er ditt eget, og valgene blir lettere å forklare.