Hva modulen om visuell konsistens går ut på
Visuell konsistens handler om at seeren skal kjenne igjen programmet uten å lese navnet. I modulen bygger du en enkel stilguide for farger, typografi og grafikk som fungerer både i studio og på skjerm. Målet er ikke et stort designsystem, men et lite sett med valg du faktisk klarer å følge når du er midt i en produksjon.
Jeg legger vekt på at stilguiden skal være kort nok til at den blir brukt. En guide på tolv sider som ingen åpner, hjelper lite. En guide på to sider som ligger ved siden av manuset, endrer hvordan hele teamet jobber. Det er den typen dokument vi øver på å lage.
Modulen passer for deg som har lite designbakgrunn. Du trenger ikke kunne tegne eller bruke avanserte verktøy. Du trenger en idé om hva programmet skal være, og vilje til å velge bort alternativer.
Farger: færre valg gir tydeligere uttrykk
Vi starter med fargene. Mange begynner med ti nyanser fordi alle ser fine ut hver for seg. Vi går motsatt vei: én hovedfarge, én støttefarge og en nøytral bakgrunn. Resten er unntak, og unntak skal ha en grunn du kan si høyt.
Deretter tester vi fargene i to miljøer. I et studio med varmt lys ser en kald blåtone ofte grå ut. På en mobilskjerm i dagslys kan en dempet grønn forsvinne helt. Deltakerne får se egne utkast i begge situasjoner og noterer hva som svikter.
Du lærer også å skrive ned fargene på en måte andre kan bruke, slik at den som lager grafikk neste uke treffer samme tone som du gjorde i dag.
- Velg én hovedfarge og én støttefarge
- Test mot både lys og mørk bakgrunn
- Skriv ned fargekoder i guiden
Typografi som kan leses på avstand
Typografi er der mange stilguider faller fra hverandre. En skrift som ser elegant ut på papir, kan være uleselig som tittelinnslag på en liten skjerm. Vi ser på lesbarhet først og stil deretter, og øver på å velge ett skriftpar: en til overskrifter og en til brødtekst.
Vi går gjennom størrelser, linjeavstand og hvor mye tekst som rimelig får plass i ett bilde. Et navnebånd som skal stå i tre sekunder, må kunne leses på ett blikk. Deltakerne lager egne eksempler og leser dem opp for hverandre fra andre siden av rommet.
Her henger faget sammen med navngivingen av innslag: lange titler krever mindre skrift, og det går ofte på bekostning av klarheten. Korte, gode navn løser halve typografiproblemet.
Grafikk og faste elementer
Med farger og skrift på plass tar vi for oss grafikken: plassering av logo, rammer, linjer og små markører som går igjen. Vi lager regler for avstand og plass rundt elementene, slik at ting ikke havner tilfeldig fra gang til gang.
En god øvelse er å lage en mal for tre typer bilder: åpningsbilde, navnebånd og avslutningsbilde. Når disse tre sitter, har du det meste av det seeren møter. Resten kan bygges ut gradvis uten at profilen glir.
Jeg ber alltid deltakerne se på egne utkast ved siden av hverandre. Da blir det tydelig hvor stilen holder, og hvor den drifter. Det er et enkelt grep, men det avslører mer enn lange diskusjoner om smak.
- Én mal for åpning, navnebånd og avslutning
- Faste avstander rundt logo og tekst
- Sammenlign utkast side om side
Fra studioskjerm til mobil uten å miste profilen
Et uttrykk som fungerer på en stor studioskjerm, må ofte forenkles for mobil. Vi øver på å lage en kompakt variant av stilguiden: mindre tekst, tydeligere kontrast og grafikk som tåler beskjæring. Poenget er at samme program skal kjennes igjen uansett flate.
Denne delen kobler seg til modulen om digitale kanaler, men her er fokuset på det visuelle. Hvordan ser navnebåndet ut i et kvadratisk bilde? Hva skjer med logoen når den krympes til frimerkestørrelse? Deltakerne prøver og justerer til svarene er gode.
Vi snakker også om grensene. Ikke alt kan overføres, og noen ganger er det riktig å la et element falle bort heller enn å presse det inn.
Hva du har med deg etter modulen
Etter modulen sitter du igjen med en ferdig stilguide på noen få sider for et studioprogram du selv har laget i kurset. Den inneholder fargevalg, skriftpar, maler for faste bilder og en kompakt skjermvariant. Det er et konkret dokument du kan vise frem og bygge videre på.
Realistisk sett gjør ikke modulen deg til designer. Den gjør deg i stand til å ta egne, begrunnede valg og til å snakke presist med den som lager grafikken. Det er ofte det som mangler i redaksjonelt arbeid.
Du får tilbakemelding fra meg og de andre deltakerne underveis, og du kan justere guiden flere ganger før du er fornøyd.
- En ferdig stilguide på noen få sider
- Maler for åpning, navnebånd og avslutning
- Tilbakemelding underveis i øvelsene
En stilguide trenger ikke være avansert for å gjøre nytte for seg. Når farger, skrift og grafikk er valgt med omtanke og skrevet ned, blir programmet lettere å lage og lettere å kjenne igjen. Begynn smått, test på ekte skjermer, og la guiden vokse bare når du har en grunn til det.
