Kontrast spiller en viktig rolle i suksessen til et nettsteds design. Tilstrekkelig kontrast sikrer en høy kvalitet brukeropplevelse og lettere lesbarhet som vil bidra til et nettsteds langsiktige suksess.
Nettsteder som er for lave i kontrast kan være vanskelig å lese og bruke, noe som vil ha en negativ innvirkning på et hvilket som helst nettsteds suksess. Dårlig farge kontrast problemer er ofte lett å identifisere; ofte kan du bare se på en side i en nettleser og se om det er vanskelig å lese en tekst på grunn av dårlige, kontrastfargede valg.
Selv om det kan være enkelt å bestemme hvilke farger som ikke fungerer godt sammen, kan det være utfordrende å bestemme hvilke farger som skal fungere godt i motsetning til andre og innenfor utformingen av et nettsted. Dette diagrammet viser en rekke farger og hvordan de godt de kontrast som forgrunns- og bakgrunnsfarger. Du kan se noen effektive sammenkoblinger så vel som en dårlig sammenkobling som bør unngås når du velger farger for webprosjektene dine.
Ikke alle sterke kontraster er gode kontraster
En ting du bør merke i diagrammet er hvordan noen av disse fargene kan være veldig lyse og dukke opp med en bestemt bakgrunnsfarge, for eksempel blå på svart, men de er merket som dårlige kontrastvalg. Dette skyldes at fargekombinasjonen, til tross for sin kontrast, fortsatt resulterer i tekst som er vanskelig å lese. Hvis du skulle lage en side i all blå tekst på en svart bakgrunn, vil leserne dine oppleve øyestråling veldig raskt.
Det er regler og beste praksis for kontrast, men som designer må du alltid vurdere disse reglene for å sikre at de fungerer i din spesielle forekomst.
Branding standarder og kontrasterende fargevalg
Kontrast er bare en av faktorene du bør vurdere når du velger farger for ditt nettsteds design. Når du velger farger, vil du sannsynligvis også være oppmerksom på merkevarestandarden for kunden, enten det er et selskap, en annen organisasjon eller til og med en person. Selv om fargepaletter kan være i samsvar med en organisasjons merkevareretningslinjer, kan de ikke oversette godt for online presentasjon.
For eksempel er gule og lyse greener veldig utfordrende å bruke effektivt på nettsteder. Hvis disse fargene er i et firmas merkevareretningslinjer, må de sannsynligvis bare brukes som aksentfarger, siden det er vanskelig å finne farger som skiller seg godt med heller.
På samme måte, hvis merkevarenes farger er svart og hvitt, betyr dette stor kontrast, men hvis du har et nettsted med lange mengder tekst, vil en svart bakgrunn med hvit tekst gjøre lesing veldig øyeffektivt til tross for den inneboende styrken av Kontrast mellom svart og hvitt. I dette tilfellet anbefales det å reversere fargene ved å bruke svart tekst på en hvit bakgrunn. Det kan ikke være så visuelt interessant, men det er et langt bedre alternativ for kontrast og lesbarhet.
Online verktøy
I tillegg til din egen designfølelse finnes det noen elektroniske verktøy som du kan bruke til å teste nettstedets fargevalg. CheckMyColors.com vil teste alle nettstedets farger og rapportere om kontrastforholdet mellom elementene på siden.
I tillegg, når du tenker på fargevalg, bør du også vurdere nettstedets tilgjengelighet og personer som har former for fargeblindhet. WebAIM.org kan hjelpe med dette, som kan ContrastChecker.com, som vil teste dine valg mot retningslinjer for tilgang til webinnhold (WCAG).
