Viktige læringsutbytter

Etter å ha fullført dette delkapitlet, vil du kunne:

• Forstå konseptet kontrast i webdesign;
• Lære hvordan kontrast kan brukes for å fremheve nøkkel­elementer;
• Identifisere eksempler på effektiv bruk av kontrast på nettsider.

Kontrast bidrar til å fremheve viktige elementer og skape visuell interesse. Effektiv kontrast kan oppnås gjennom forskjeller i farge, størrelse, form og tekstur. Det er avgjørende for å etablere en visuell hierarki og lede brukerens blikk mot de viktigste delene av siden.

• Fargekontrast: Bruk av farger som skiller seg ut fra hverandre;
• Størrelseskontrast: Variasjon i størrelsen på elementer for å skape vektlegging;
• Formkontrast: Bruk av ulike former for å skape visuell interesse.

Ved bruk av kontrast er det viktig å ta hensyn til tilgjengelighet. Sørg for at kontrasten mellom tekst og bakgrunnsfarger er tilstrekkelig for lesbarhet. Bruk kontrast for å skille mellom primære og sekundære handlinger, slik at det blir tydelig hva brukeren skal fokusere på.

Eksempel på nettside: Canva bruker farge- og størrelseskontrast effektivt for å fremheve viktige funksjoner og handlingsknapper.