"Cirka 62-90 % av en konsuments första intryck av en produkt kommer enbart från färgen." - Journal of the Academy of Marketing Science
Varför är färger viktiga för din webbplats?
Färger är inte bara en kosmetisk detalj. De är ett av de mest effektiva verktygen för att skapa ett första intryck, eftersom färg är en av de första sakerna som en användare lägger märke till. Förutom ett starkt första intryck kan färger effektivt styra användarens handlingar och undermedvetet förmedla varumärkets värderingar.
"39 % av människorna säger att färg är det allra viktigaste visuella elementet på en webbplats." - Small Business Trends/KoMarketing
Färgpsykologi, vad förmedlar ditt varumärkes färg?
Färger påverkar olika människor på olika sätt, men det finns en allmän konsensus om hur människor reagerar på färger:
- Blå Förtroende, trygghet, professionalitet
- Grön Tillväxt, hälsa, stabilitet, natur
- Röd Snabbhet, brådska, passion
- Svart Förfining, formalitet, värdighet
- Gul Optimism, varning, energi
- Lila Lyx, kreativitet, magi
- Vit Renhet, enkelhet, minimalism
Den blå färgen har gång på gång vunnit en jordskredsseger i undersökningar. Den förmedlar professionalitet och trygghet, och det är också därför polisen klär sig i blått.
Praktisk guide, hur väljer man en harmonisk färgpalett?
Grunderna i färgharmoni
- Monokromatisk Du använder bara en färg och dess olika nyanser. Det säkraste och mest dämpade valet.
- Analog Du tar 2-3 grannfärger bredvid din huvudfärg från färgcirkeln. Naturligt harmoniska.
- Komplementär (motsatsfärger) Färgen mittemot din huvudfärg. De skapar den högsta kontrasten och passar särskilt bra till CTA-knappar.
Du kan börja skapa din färgpalett med gratis verktyg som Adobe Color Wheel och Color Hunt.
Betydelsen av nyansskillnader
- Justering av mättnad Högre mättnad ger mer energi, lägre är lugnande.
- Justering av ljusstyrka Mörkare färger skapar en mer värdig stämning, ljusare en lättare.
Hur omvandlar man färger till euro?
Färgen på CTA-knappar måste skrika till användaren: "Klicka här!" I ett A/B-test av Hubspot och Dmix slog röda knappar de gröna knapparna i konvertering med hela 21 %.
Slutsatsen av testet var inte att rött är den bästa färgen för knappar, utan att kontrast är kung. Varselvästar är inte gula av en slump, och brandsläckare är inte röda bara på skoj.
Kom ihåg tillgängligheten
Använd tillräcklig kontrast mellan text och bakgrund. Läsbarhet går alltid före skönhet. Kontrollera WCAG-kraven. Använd vitt utrymme (white space) för att skapa plats mellan elementen och styra besökarnas uppmärksamhet mot de viktiga sakerna.