Designerens guide til fargekontrast
Fargene du velger når du designer et nettsted, en plakat eller en annen type bilde, vil ha stor innvirkning på om den overordnede designen lykkes. Tross alt er det mye psykologi bak fargene at folk er tiltrukket av, og designere må inkorporere dette i alt de gjør.
Fargekontrast spiller en svært verdifull rolle, men det blir ofte overset, undervurdert og misforstått. For å unngå dette problemet må du lære mer om fargekontrast, inkludert hvordan og hvorfor du bør bruke den. Når du går utover det grunnleggende om å vite at rød og oransje ikke er gode farger for å skape kontrast, men svart og hvitt, kan du begynne å utvikle en forbedret estetikk som vil tilfredsstille klienter og seere.
Hvorfor er fargekontrast så nyttig?
Fargekontrast, i et nøtteskall, gir visuell intriger og holder seerne interessert. Tenk på et øyeblikk hvor kjedelig det ville være hvis en hel plakat ble laget av en farge eller bare inkludert nyanser fra samme fargefamilie. Selv om det er noen tilfeller når dette fungerer fra et kunstnerisk perspektiv, er det ikke en tilnærming som sannsynligvis vil gripe noen oppmerksomhet når de leser butikkhyller, ser på filmplakater eller surfer på nettet. Derfor er det lurt å bruke kontrasterende farger når det passer.
Tenk på den klassiske Coca-Cola-kanen. Hvis hele greia var rødt, ville det ikke skille seg ut nesten like mye som det gjør. Den hvite skrivingen ser virkelig ut av den røde bakgrunnen, som griper oppmerksomhet og er umiddelbart gjenkjennelig. Denne kontrasten er visuelt imponerende, og det skiller seg ut fra sine konkurrenter.
Slik bruker du best fargekontrast
Fargevalgene du lager, må i stor grad avhenge av formatet du bruker. Coca-Cola kan gi en flott måte å forklare denne prosessen på. I et fysisk produkt som en brus av brus fungerer den røde bakgrunnen. Det skiller seg også godt ut i printannonsering, på TV-reklamer og mye mer. Men hva om du skulle forsøke å designe et nettsted med disse samme farger?
For å si det så tydelig som mulig, ville en solid rød nettside bakgrunn med hvit tekst på toppen være fryktelig. En fullstendig rød bakgrunn vil imidlertid fungere, hvis du legger en tekstboks på toppen av den som har en lysere farge som hvit eller brunfarge. Derfra vil du mest sannsynlig bruke svart tekst i tekstboksen for å lage et annet lag av kontrast. Ikke bare vil denne tilnærmingen være mer iøynefallende, men det vil også gjøre det mulig for folk å faktisk lese teksten. Husk: svart tekst på rødt er veldig vanskelig å lese.
Andre eksempler på kontrasterende fargekombinasjoner det vil ikke fungere bra På nettet og kan også være nesten uutslettelig i andre formater, inkluderer lysegrønn på middelsgrønn, grønn på rød og rød på blå. I stedet tenk å bruke hvit på grønn og gul eller hvit på blå. Hvis du må legge inn tekst på en solid rød bakgrunn, er det best å bruke hvite, akkurat som Coca-Cola.
Selvfølgelig er fargekontrast ikke alltid brukt til å legge merke til tekst. Hvis du ønsker å sette sammen to forskjellige kontrasterende farger for å trekke øye til noe spesifikt på siden, kan du velge mellom dramatisk forskjellige farger og den mer subtile kontrasten som skyldes endringer i nyanse, fargetone og metning.
Fargekontrast spiller en stor rolle for å få CTA eller knappen til å stå ut. Dette bør uten å si, men når brukeren skummer destinasjonssiden eller artikkelen din, vil en CTA med en annen farge enn siden få tak i deres oppmerksomhet.
Alt dette høres bra ut, men for å se det i aksjon, bør vi se på noen selskaper som bruker fargekontrast til deres fordel.
Teamweek er langt et av de beste eksemplene jeg kan gi deg. Som du kan se på bildet over, selv om planene er helt forskjellige, har kontrasten mellom turkis og resten av siden fortsatt en fantastisk jobb som trekker oppmerksomheten til CTA.
Det samme skjer på registreringssiden. Selv om siden er rik på farger og mønstre, blir brukerens oppmerksomhet omdirigert til midten av siden.
Tur Advisor gjør en fin jobb med å bruke kontrasterende farger og hvitt rom for å lede hver brukers øyne til de viktigste aspektene av søkeresultatene. Blandingen av grønn og gul er behagelig for øyet, og de holdt den klassiske blå hyperkoblingsfarge for å gjøre det enkelt for folk å vite hvor de skal klikke for å lære mer. Enda bedre valgte de en dristig gul med svart tekst for deres "show prices" -knapp, noe som skiller seg ut så mye at folk er nesten sikker på å engasjere seg i denne handlingen.
Et annet godt eksempel på hvordan du bruker kontrastfarger til din fordel, finner du på CheeseSurvivalKit.com . Bytte mellom åpen og negativ plass med valg av hvitt og grått trekker øyet inn. Ved å legge til denne kombinasjonen med et sprut av rødt, sikrer du at besøkende på nettstedet vil være visuelt fascinert nok til å holde seg fast.
Hva hver designer trenger å vite
Omtrent 8 prosent av mennene over hele verden lider av en form for fargeblindhet. Denne tilstanden er mye sjeldnere hos kvinner, men 1 av hver 17 personer med fargeblindhet er kvinne. I alt ser ikke 4,5 prosent av verdens befolkning alle farger som resten av verden gjør.
Dette kan virke som en liten nok prosentandel som du ikke ville imøtekomme til deres behov. Imidlertid er virkeligheten at alene i Storbritannia er 2,7 millioner mennesker fargeblind. Dette er noe designere virkelig trenger å vurdere, spesielt hvis de skaper noe som er målrettet mot menn.
Rød / grønn blindhet er den vanligste versjonen av fargeblindhet. Hva dette betyr er at de røde og grønne elementene i hvilken som helst farge ikke vil ha sitt sanne utseende til disse individene. For eksempel vil en person med rød / grønn blindhet oppleve purpur som blå. Dette skjer fordi de ikke klarer å se den røde tonen som bidrar til å skille lilla fra blå.
Som du kan forestille deg, gjør dette prosessen med å velge den perfekte fargekontrast enda vanskeligere. Hvis du skulle velge grønt som primær bakgrunnsfarge eller til og med som skriftfarge, kan det være at 4,5 prosent av det tiltenkte visningsperspektivet ditt ikke kan se nøyaktig hva som helst. De kan ikke engang kunne lese ordene veldig bra avhengig av hvilken nyanse du valgte og hvor alvorlig deres fargeblindhet er.
Bunnlinjen
Til slutt, en fargekontrast burde få begge elementene til å skille seg ut, men spesielt det elementet som er viktigst. Med andre ord, hvis du legger inn tekst på en fargerik bakgrunn eller et bilde, må du kontrollere at ordene er enkle å se og lese. Hold publikum i tankene og prøv å styre av fargerkombinasjoner som vil gjøre sluttresultatet vanskelig for personer med fargeblindhet.