Designerens guide til farvekontrast
De farver, du vælger, når du designer et websted, en plakat eller en anden form for billede, vil have en stor indflydelse på om det overordnede design lykkes. Der er trods alt en masse psykologi bag farverne at folk er tiltrukket af, og designere skal indarbejde dette i alt, hvad de gør.
Farvekontrast spiller en meget værdifuld rolle, men det overses ofte, undervurderet og misforstået. For at undgå dette problem skal du lære mere om farvekontrast, herunder hvordan og hvorfor du skal bruge den. Når du går ud over det grundlæggende at vide, at rød og orange ikke er gode farver til at skabe kontrast, men sort og hvid er, kan du begynde at udvikle en forbedret æstetik, der vil tilfredsstille klienter og seere.
Hvorfor er farvekontrast så nyttig?
Farver kontrast, i en nøddeskal, giver visuel intriger og holder seerne interesseret. Overvej i et øjeblik hvor kedeligt det ville være, hvis en hel plakat var lavet af en farve eller kun medtages nuancer fra samme farvefamilie. Selvom der er nogle tilfælde, hvor dette virker ud fra et kunstnerisk perspektiv, er det ikke en tilgang, der sandsynligvis vil få fat i en persons opmærksomhed, når de ser på hylder, ser på filmplakater eller surfer på internettet. Derfor er det klogt at bruge kontrasterende farver, når det er relevant.
Tænk på den klassiske Coca-Cola kan. Hvis hele ting var rødt, ville det ikke skille sig ud så meget som det gør. Den hvide skrivning springer virkelig ud af den røde baggrund, som tager fat i opmærksomheden og er straks genkendelig. Denne kontrast er visuelt fantastisk, og det skiller sig ud fra sine konkurrenter.
Hvordan man bedst kan bruge farvekontrast
De farvevalg, du laver, afhænger stort set af det format, du bruger. Coca-Cola kan give en god måde at forklare denne proces på. I et fysisk produkt som en sodavand fungerer den røde baggrund. Det skiller sig også godt ud i print reklame, på tv reklamer og meget mere. Men hvad nu hvis du skulle forsøge at designe et websted med disse samme farver?
For at sige det så blunt som muligt, ville en solid rød hjemmeside side baggrund med hvidtekst på toppen være frygtelig. En fuld rød baggrund vil dog fungere, hvis du lægger en tekstboks oven på den, der har en lysere farve som hvid eller brunbrun. Derefter vil du sandsynligvis gerne bruge sort tekst i tekstboksen for at oprette et andet lag af kontrast. Ikke alene vil denne tilgang være mere iøjnefaldende, men det vil også gøre det muligt for folk faktisk at læse teksten. Husk: Sort tekst på rødt er meget svært at læse.
Andre eksempler på kontrasterende farvekombinationer det vil ikke fungere godt på nettet og kan også være næsten umulige i andre formater, herunder lysegrøn på mellemgrøn, grøn på rød og rød på blå. I stedet overveje at bruge hvid på grøn og gul eller hvid på blå. Hvis du skal sætte tekst på en solid rød baggrund, er det bedst at bruge hvid ligesom Coca-Cola.
Selvfølgelig er farvekontrast ikke altid brugt til at være opmærksom på tekst. Hvis du ønsker at sætte to forskellige kontrasterende farver sammen for at gøre øjet for noget specifikt på siden, kan du vælge mellem dramatisk forskellige farver og den mere subtile kontrast, der skyldes ændringer i skygge, farvetone og mætning.
Farvekontrast spiller en stor rolle for at få din CTA eller knap stående ud. Dette skal selvfølgelig sige, men når brugeren skinner landingssiden eller din artikel, vil en CTA med en anden farve end siden få fat i deres opmærksomhed.
Dette lyder godt, men for at se det i aktion bør vi se på nogle virksomheder, der bruger farvekontrast til deres fordel.
Teamweek er langt et af de bedste eksempler, jeg kan give dig. Som du kan se på billedet ovenfor, skønt planerne alle har en anden farve, gør kontrasten mellem turkis og resten af siden stadig et fantastisk stykke arbejde, der tegner din opmærksomhed på CTA.
Det samme sker på deres tilmeldingsside. Selvom siden er rig på farver og mønstre, bliver brugerens opmærksomhed omdirigeret til midten af siden.
Trip Advisor gør et godt stykke arbejde med at bruge kontrasterende farver og hvidt rum til at lede hver brugers øjne til de vigtigste aspekter af deres søgeresultater. Blandingen af grøn og gul er glædeligt for øjet, og de holdt den klassiske blå hyperlink farve for at gøre det nemt for folk at vide, hvor de skal klikke for at lære mere. Endnu bedre valgte de en fed gul med sort tekst til deres "show prices" -knap, hvilket skiller sig ud så meget, at folk næsten er sikre på at engagere sig i denne opfordring.
Et andet godt eksempel på hvordan du bruger kontrastfarver til din fordel kan findes på CheeseSurvivalKit.com . At skifte mellem åbent og negativt rum med deres valg af hvid og grå trækker øjet i øjnene. Udvidelse af denne kombination med et stænk af rødt hjælper med at sikre, at besøgende på hjemmesiden bliver visuelt fascinerede nok til at holde fast.
Hvad enhver designer behøver at vide
Rundt regnet 8 procent af mændene over hele verden lider af en form for farveblindhed. Denne tilstand er meget sjældnere hos kvinder, men 1 ud af hver 17 mennesker med farveblindhed er kvindelig. I alt ser 4,5 procent af verdens befolkning ikke alle farver som resten af verden gør.
Dette kan virke som en lille nok procentdel, som du ikke ville imødekomme deres behov. Virkeligheden er imidlertid, at alene i Storbritannien er 2,7 millioner mennesker farveblind. Dette er noget designere virkelig nødt til at overveje, især hvis de skaber noget, der er målrettet mod mænd.
Rød / grøn blindhed er den mest almindelige version af farveblindhed. Hvad dette betyder er, at de røde og grønne elementer af enhver farve ikke vil have deres sande udseende for disse personer. For eksempel vil en person med rød / grøn blindhed opleve lilla som blå. Dette sker fordi de ikke kan se den røde tone, der hjælper med at skelne mellem lilla og blå.
Som du kan forestille dig, gør processen med at vælge den perfekte farvekontrast endnu vanskeligere. Hvis du skulle vælge grønt som din primære baggrundsfarve eller endog som en skrifttypefarve, er det måske ikke muligt at se præcis hvad der er 4,5 procent af din tilsigtede visningspublikum. De kan ikke engang være i stand til at læse ordene meget godt afhængigt af den farve du valgte, og hvor alvorlig deres farveblindhed er.
Bundlinjen
I sidste ende bør en farvekontrast gøre begge elementer skiller sig ud, men især det element, der er vigtigst. Med andre ord, hvis du lægger tekst på en farverig baggrund eller et billede, skal du sørge for, at ordene er lette at se og læse. Hold dit publikum opmærksomt og forsøge at fjerne farvekombinationer, der gør det endelige resultat vanskeligt for personer med farveblindhed.