Hopp til hovedinnhold

Skape kontrast

Ved bruk av tekst over bakgrunner, slik som bilder eller filmer må man sikre at tekst blir lesbar.

Det er først og fremst når man benytter banner-modulen, enten den brukes i en innholdsseksjon eller i et rutenett, at man må passe på dette.  Man påvirker dette først ved å velge velegnede bakgrunner og dernest ved å gjøre diverse innstillinger slik som;

  • Farge og størrelse på tekst
    • Lys eller mørk tekst avhengig av bakgrunn. Tekstfarge velges implisitt ved å velge skin/bakgrunnsfarge i modulen.
  • Plassering av tekst (på egnet område over bakgrunn)
    • topp, midt, bunn, topp+bunn
    • venstre, midt, høyre
  • bakgrunnseffekter bak tekst (om nødvendig)
    • semitransparente linjer eller bokser bak teksten
  • filtre på media (om nødvendig)
    • overlay, gradient etc. i ulike styrker

Bannere er først og fremst noe man bruker for å promotere et budskap og skape veier videre. Derfor er det viktig at budskapet kommer frem! Dersom målet er å vise frem bildene eller media i seg selv, kan mediamodul eller liknende brukes til dette.

Er bakgrunnmedia egnet?

  • Det bør være noen rolige områder, som teksten kan hvile på
  • Husk å sjekke hvordan det ser ut på mindre skjermer (mobil) også.
  • Hvis bilde/media er uegnet må man jobbe med virkemidlene for kontrast eller man må bytte til en layout som ikke plasserer tekst oppå bildet

Se eksempler i det følgende på mer eller mindre egnede bakgrunner og eksempler på hvordan ulike virkemidler endrer resultatet:

Gude

Relativt rolig bakgrunn, tåler noe tekst,
men hvordan blir visning på mobil...?

Gude

Lys tekst kombinert med mørk overlay over bakgrunn

Gude

Semitransparente linjer bak tekst..

Gude

Semitransparent boks bak tekst

Gude

Her en layout som plassere media ved siden av tekst og tekst vises på bakgrunnsfarge som er tilgjengelig i profilen.

Gude

Her en layout som plassere media ved siden av tekst og tekst vises på bakgrunnsfarge som er tilgjengelig i profilen.

Ikke godt egnet bakgrunn

..uten å gjøre mer med bakgrunnsfiltre, tekstbakgrunn eller layout.

Dr. Grön
Dr. Grön

Må inn med krattig gradient eller overlay

Dr. Grön

Må inn med krattig gradient eller overlay

Dr. Grön

Kan fungere, men fremdeles er bildet bak rotete om man ikke legger på overlay

Dr. Grön

Bilde i topp og tekst under

Andre tilfeller

Dersom man har bevegelige bilder i banner (slideshow eller en film) så vil det være mer krevende å lykkes med kontrast uten å ta i bruk virkemidler for filtre på bakgrunn eller bakgrunn bak tekst.

Holmgang, Maleri av Flintoe

Må  trolig legge på godt med overlay,
eller ha ståkontroll på de ulike bakgrunnsbildene

Holmgang, Maleri av Flintoe

Må  trolig legge på godt med overlay,
eller ha ståkontroll på de ulike bakgrunnsbildene

Kontrast er også relevant ved..

Museum24:Portal - 2024.11.2 5
Grunnstilsett-versjon: 1