Slik bygger du et rutenett som holder lysbildene ryddige på skjerm

Før du tegner noen ramme, bestem hvor lysbildene skal vises. Et webinar sett på en bærbar maskin, en storskjerm i en sal og en videostrøm på en telefon stiller ulike krav. Jeg spør alltid deltakerne først: hvor stor blir teksten på den minste skjermen som skal se dette? Svaret avgjør minstestørrelsen på skrift og hvor mye plass du kan bruke på hvert lysbilde.

Sett opp lerretet i riktig format fra første minutt. De fleste webinarer går i 16:9, og da må du regne med at plattformen legger egne elementer over bildet, som navnelapper, chatvarsler og logo. Lag derfor en tom reservesone langs kanten og la den være urørt. Det er ofte i hjørnene at viktig informasjon forsvinner under sendingen.

Skriv ned fem eller seks lysbilder fra et ekte innlegg, og se på hva de faktisk skal gjøre: åpne, forklare, sammenligne, vise tall, oppsummere. Disse oppgavene blir senere til malmalene dine. Å kjenne oppgavene først gjør at du slipper å tvinge hvert lysbilde inn i en form som ikke passer.

• Bestem minste skjermstørrelse før du velger skriftstørrelse
• Hold kantene fri for viktig innhold
• Kartlegg hva hvert lysbilde skal gjøre

Et rutenett er et usynlig skjelett som gjør at elementene ligger på samme linjer fra lysbilde til lysbilde. Start med en ytre marg, for eksempel en tolvtedel av bredden, og del flaten i tolv kolonner. Tolv går opp i to, tre, fire og seks, så du kan lage både to og tre kolonner uten å bryte systemet.

Velg en fast avstand mellom kolonnene og bruk den overalt. Når avstanden varierer fra lysbilde til lysbilde, merker tilskueren uro uten å kunne si hvorfor. Tekstblokker bør begynne i samme kolonne hver gang, og bilder bør gå helt ut til en kolonnekant, ikke stoppe midt i en.

Luft er en del av layouten, ikke bortkastet plass. La ett budskap få hele flaten når det er viktig. Hvis du kjenner trangen til å fylle et tomt felt, spør deg selv om innholdet hører til her, eller om det bør bli et eget lysbilde. På skjerm er det nesten alltid bedre å dele opp enn å presse sammen.

• Tolv kolonner gir fleksibilitet uten kaos
• Samme avstand mellom kolonnene overalt
• Gi viktige budskap hele flaten

Når rutenettet sitter, lager du malmaler. En vanlig feil er å lage tjue maler og så bruke tre av dem. Begynn heller med fem: tittellysbilde, innholdslysbilde med overskrift og tekst, to kolonner, fullflatebilde og et tallfokusert lysbilde. De dekker det meste et webinar trenger.

Sett opp malene som ekte layoutmaler i programmet du bruker, med plassholdere for overskrift, brødtekst og bilde. Da flytter innholdet seg på riktig sted når du bytter mal, og du slipper å dra på boksene for hånd. Gi malene navn som beskriver bruken, ikke utseendet, så alle på teamet finner riktig mal raskt.

Test malene med et reelt manus før du låser dem. Legg inn en lang overskrift og en kort, og se om begge fungerer. Prøv også med norske sammensatte ord, som ofte er lengre enn man regner med og bryter dårlig i smale kolonner. Det du finner her, er langt billigere å rette nå enn midt i en forberedelse til sending.

• Start med fem maler, utvid bare ved behov
• Navngi maler etter bruk, ikke utseende
• Test med lange norske ord

Begrens deg til en grunnfarge, en aksentfarge og to nøytrale. Grunnfargen bærer bakgrunn og tekst, aksenten brukes bare der blikket skal føres: et tall, et nøkkelord, en pil. Når alt er uthevet, er ingenting uthevet.

Kontrast er viktigere enn fargevalg. Mørk tekst på lys flate fungerer vanligvis best i lyse rom, mens lys tekst på mørk flate kan være behagelig i mørke saler og på skjerm. Velg én retning per arrangement og hold deg til den. Sjekk kontrasten ved å se på lysbildene i gråtoner: hvis teksten fortsatt er lett å lese, er du trygg.

Husk at prosjektører og komprimert video endrer farger. Dype, mettede toner kan bli flate, og lyse pasteller kan forsvinne. Se gjerne lysbildene gjennom selve strømmen eller på en annen skjerm enn din egen før du gir dem fra deg. Fargeblindhet er vanlig nok til at du ikke bør la forskjellen mellom to lysbilder avhenge av rødt mot grønt alene.

• En grunnfarge, en aksent, to nøytrale
• Kontroller kontrast i gråtoner
• Se lysbildene i selve strømmen før sending

Bruk én skriftfamilie, gjerne to vekter av den. En tydelig, åpen skrift uten smale bokstaver leses best når bildet komprimeres. Overskrifter bør ligge godt over brødtekst i størrelse, slik at nivåene skiller seg uten at du må ty til fet skrift overalt.

Hold teksten kort. En tommelfingerregel jeg bruker er at et lysbilde skal kunne forstås på noen sekunder. Hvis du må lese det opp for publikum, står det for mye på det. Del lange lister over flere lysbilder, eller flytt detaljene til et vedlegg deltakerne kan få etterpå.

Venstrejuster tekst. Midtstilt brødtekst er tung å lese over flere linjer, og blokker med full utjevning gir uheldige mellomrom i smale kolonner. Sett linjeavstanden litt romslig, og unngå enslige ord på siste linje i overskrifter. Et par minutter på finjustering gjør lysbildene mer profesjonelle enn en ny dekorativ bakgrunn.

• Én skriftfamilie, to vekter
• Et lysbilde skal kunne forstås på sekunder
• Venstrejuster brødtekst

Gå gjennom hele presentasjonen i fullskjerm, helst på en annen maskin enn der du lagde den. Se etter manglende skrifttyper, bilder som har skiftet plass og tekst som har brutt annerledes. Dette er de vanligste feilene når en fil flyttes mellom enheter.

Bytt navn på filen slik at versjonen er tydelig, og lag en PDF-kopi som reserve. Hvis noe går galt under en sending, er en PDF ofte det eneste som virker. Skriv også ned hvilke skrifter og farger du har brukt, slik at andre på teamet kan lage nye lysbilder som passer sammen med dine.

Til slutt: be en kollega bla gjennom uten forklaring. Det de stopper opp ved, er stedene som må rettes. Dette er i grunnen hele kunsten med layout: gjøre det lett for andre å følge med, uten at de merker at du har tenkt gjennom det.