Färger och webbdesign.
De flesta av oss gör ett medvetet färgval när det gäller kläder, bilar, inredning, iPods. Inte utifrån hur färgerna påverkar oss eller andra, utan med hänsyn till vad varje person föredrar. Många webbdesigners gör detsamma när de väljer färger för webbplatser. Med en god färgkänsla kan man välja ett par bra färgkombinationer, men det kan hända att dessa färger är olämpliga i förhållande till kundens målgrupp och företagets värderingar. Istället för att välja färger baserade på din personliga smak, bör du välja färger som återspeglar ditt företag.
Denna artikel ger dig grundläggande kunskaper om färgernas betydelse. Ta dig en närmare titt på vilka signaler de olika färgerna sänder och gör ett medvetet färgval.
RGB
De flesta som har engagerat sig i webbdesign är insatta på att man använder färgsystemet RGB på skärmen. RGB står för Röd Grön Blå. Som det kan ses på bilden nedan blir resultatet en ljusare färg när färgerna blandas. Detta kallas för additiv färgblandning.
Med utgångspunkt från de tre grundläggande färgerna kan man blanda dem och uppnå andra färger. För exempel ger rött och grönt färgen gul. Dessa olika färger delas upp i primära, sekundära och tertiära färger. Det är kombinationen av dessa olika färger som ger oss det breda spektrumet av färger.
Färgernas betydelse
En kort översikt om de signaler som varje färg sänder för att du lättare ska kunna göra ett bra färgval.
Röd
Röd är en mycket synlig och igenkännbar färg. Den röda färgen utstrålar energi, kraft, kärlek, mod, men också fara och krig. Dessa definitioner och uttryck kan för exempel ses i blod och eld. Eftersom färgen är mycket blickfångande används oftast rött för att kommunicera viktiga meddelanden, för exempel vägskyltar eller andra varningstillfällen.
Grön
Grönt utstrålar natur, hälsa och tillväxt. De senaste åren har färgen blivit mycket populär. Diskussioner om miljön och den globala uppvärmningen har helt säkert bidragit till detta. Grönt återspeglar girighet och svartsjuka men även oerfarna människor - gröna. Den gröna färgen är den färg som lugnar mest och avger en känsla av säkerhet. Därför är den en viktig färg i samband med säkerhet och handel på nätet
Blå
Blå är förmodligen en av de mest använda färgerna på nätet, och för visuella identiteter överhuvudtaget. Anledningen är att den blå färgen ger ett intryck av stabilitet och säkerhet. Det är en självklar färg att använda när något ska framstå som rent, som för exempel källvatten. I vissa verksamhetsgrupper använder nästan alla företag blått på sin logotyp. Detta gäller för verksamhetsgrupper inom städning, VVS och EDB. Precis som den gröna färgen är blå en mycket lugnande färg, men den kan också framkalla en mycket kylig och tråkig atmosfär. En sak man alltid måste komma ihåg är att aldrig använda blå färg för att marknadsföra mat, eftersom den fascinerande nog minskar aptiten.
Gul
Gul färg måste användas i rätt kombination med rätt färg och i rätt situation. Färgen är iögonfallande och kan därför användas för att försöka fånga någons uppmärksamhet. Gul är därför en bra färg för att poängtera specialerbjudanden i en webbshop. Dock är det inte lämpligt att använda färgen för att marknadsföra exklusiva produkter, eftersom gult kan lätt få produkterna att verka billiga. Gult utstrålar värme, energi och glädje, men även svartsjuka och fara.
Orange
Orange är en kombination av gul och röd och har därför många egenskaper från de två besläktade färgerna. Denna varma färg står för solsken, glädje, kreativitet och framgång. Omedvetet påverkar färgen hjärnan och ökar dess psykiska aktivitet. Liksom gult är orange en bra färg för att försöka fånga uppmärksamhet. Färgen är också lämplig om man vill adressera sig till ungdomar. Orange symboliserar dessutom okunnighet och bedrägeri.
Svart
Svart betraktas egentligen inte som en riktig färg. Men den är om inte annat en mycket viktig färg för en webbplats. Svart kan avge vissa starkt negativa saker, som död och ondska. Svart kan framställa något som exklusivt, för exempel ett fotogalleri eller en klädaffär. I förhållande till användarvänlighet är svart text på en vit bakgrund det mest läsvänliga.
Du bör ha i tankarna att varje nyans av de ovanstående färgerna kan utsända olika signaler. En mörkröd färg uttrycker något helt annat än rosa färg, så det spelar en stor roll vilken nyans och ton du väljer.
Ett insiktsfullt färgval
På den ovanstående översikten kan du se att varje färg utsänder både positiva och negativa signaler. Därför är det av stor betydelse vilka färger du väljer att ha på din webbplats. Däremot behöver man inte alltid välja den mest uppenbara färgen. Man kan välja att fokusera på olika uttryck. För exempel skulle man omedelbart tycka att ett försäkringsbolag borde välja blått som sin primära färg för att uttrycka trygghet och säkerhet. Men om du tar en titt på ett par av de större försäkringsbolagen har de ifrågavarande fall valt rött, orange och lila som deras primära färger. Istället för trygghet har de valt att fokusera på värme, glädje och lycka.
När du ska välja färger för din webbplats är det viktigt att du tar hänsyn till din målgrupp, dina standarder och produkter. Därefter borde du kunna välja ett färgschema bestående av 2-4 färger som återspeglar det du vill uttrycka. Oftast ska man välja en eller två primära färger, medan de andra färgerna ska endast matcha och stödja de primära färgerna.
Färger som passar ihop
Analoga färger
De analoga färgerna är de som ligger nära varandra och har därför liten kontrast. Men för vissa webbplatser kan det vara mer lugna och säkra färgval man söker efter.
Komplementerade färger
Blå och orange är ett exempel på ett par komplementerade färger. Till skillnad från de analoga färgerna utgör dessa en stor kontrast eftersom de är placerade mittemot varandra i färgskalan. Detta färgval ger en mer livlig och iögonfallande design.
Det finns olika matematiska metoder som du kan använda för att välja färger som matchar eller kompletterar varandra. I slutet av artikeln hänvisar vi till ett par verktyg som du kan använda.
Exempel
Danske Bank
Man kan lägga märke till att Danske Banks hemsida är mycket lugn. Den blå färgen används i olika nyanser och inga andra färger har använts för själva webbdesignen. Notera även tonen i den blå färgen, som är mörk och dämpad. Färgvalet ger en känsla av säkerhet och stabilitet.
Kræftens Bekæmpelse (cancer bekämpning)
Deras logotyp och den röda färgen gör att deras identitet är mycket igenkännlig. Färgen är ytterst lämplig eftersom den signalerar kärlek, mod och liv. De valde en enkel webbdesign med få färgar, så att deras röda tydligt träder fram.
D'Angleterres
Det är uppenbart att D'angleterres webbdesigner vill ge ett budskap av lyx. Med svart, grå och guld som de enda färgerna lyckas de att meddela för användarna att D'angleterre är ett exklusivt hotell.
Lägg märke till hur enkelt färgval denna webbplats har. Det är viktigt att webbplatsen framstår som professionell, och att detta budskap når användarna. Andra bra exempel är Mærsk og tøjfirmaet Day.
Slutsats
Undvik att skicka ut fel signaler genom dina färger. Detta kan ge ett felaktigt intryck av ditt företag och förvirra dina användare. Använd istället färger som stödjer det budskap du vill ge och framhäver viktiga punkter på din webbplats.
Bra digitala färgverktyg:
- Kuler
- Color Scheme Designer 3
- Color Trends
Om Tino Cordes: Tino Cordes är utbildad grafisk designer och arbetar som en frilans webbdesigner. Han fokuserar på grafik och estetik, men han håller fast vid att det alltid måste finnas ett ändamål. Han står bakom webbplatsen freelancewebdesigner.dk som ger bra råd att hitta en professionell webbdesigner. Läs mer om honom och hans arbete på www.tinocordes.dk var du än är. Hitta artiklar om webbdesign och andra grafiska ämnen.
Relevanta länkar:
Freelance-webdesigneren.dk
Tino Cordes' egen side
Denna artikel ger dig grundläggande kunskaper om färgernas betydelse. Ta dig en närmare titt på vilka signaler de olika färgerna sänder och gör ett medvetet färgval.
RGB
De flesta som har engagerat sig i webbdesign är insatta på att man använder färgsystemet RGB på skärmen. RGB står för Röd Grön Blå. Som det kan ses på bilden nedan blir resultatet en ljusare färg när färgerna blandas. Detta kallas för additiv färgblandning.
Med utgångspunkt från de tre grundläggande färgerna kan man blanda dem och uppnå andra färger. För exempel ger rött och grönt färgen gul. Dessa olika färger delas upp i primära, sekundära och tertiära färger. Det är kombinationen av dessa olika färger som ger oss det breda spektrumet av färger.
Färgernas betydelse
En kort översikt om de signaler som varje färg sänder för att du lättare ska kunna göra ett bra färgval.
Röd
Röd är en mycket synlig och igenkännbar färg. Den röda färgen utstrålar energi, kraft, kärlek, mod, men också fara och krig. Dessa definitioner och uttryck kan för exempel ses i blod och eld. Eftersom färgen är mycket blickfångande används oftast rött för att kommunicera viktiga meddelanden, för exempel vägskyltar eller andra varningstillfällen.
Grön
Grönt utstrålar natur, hälsa och tillväxt. De senaste åren har färgen blivit mycket populär. Diskussioner om miljön och den globala uppvärmningen har helt säkert bidragit till detta. Grönt återspeglar girighet och svartsjuka men även oerfarna människor - gröna. Den gröna färgen är den färg som lugnar mest och avger en känsla av säkerhet. Därför är den en viktig färg i samband med säkerhet och handel på nätet
Blå
Blå är förmodligen en av de mest använda färgerna på nätet, och för visuella identiteter överhuvudtaget. Anledningen är att den blå färgen ger ett intryck av stabilitet och säkerhet. Det är en självklar färg att använda när något ska framstå som rent, som för exempel källvatten. I vissa verksamhetsgrupper använder nästan alla företag blått på sin logotyp. Detta gäller för verksamhetsgrupper inom städning, VVS och EDB. Precis som den gröna färgen är blå en mycket lugnande färg, men den kan också framkalla en mycket kylig och tråkig atmosfär. En sak man alltid måste komma ihåg är att aldrig använda blå färg för att marknadsföra mat, eftersom den fascinerande nog minskar aptiten.
Gul
Gul färg måste användas i rätt kombination med rätt färg och i rätt situation. Färgen är iögonfallande och kan därför användas för att försöka fånga någons uppmärksamhet. Gul är därför en bra färg för att poängtera specialerbjudanden i en webbshop. Dock är det inte lämpligt att använda färgen för att marknadsföra exklusiva produkter, eftersom gult kan lätt få produkterna att verka billiga. Gult utstrålar värme, energi och glädje, men även svartsjuka och fara.
Orange
Orange är en kombination av gul och röd och har därför många egenskaper från de två besläktade färgerna. Denna varma färg står för solsken, glädje, kreativitet och framgång. Omedvetet påverkar färgen hjärnan och ökar dess psykiska aktivitet. Liksom gult är orange en bra färg för att försöka fånga uppmärksamhet. Färgen är också lämplig om man vill adressera sig till ungdomar. Orange symboliserar dessutom okunnighet och bedrägeri.
Svart
Svart betraktas egentligen inte som en riktig färg. Men den är om inte annat en mycket viktig färg för en webbplats. Svart kan avge vissa starkt negativa saker, som död och ondska. Svart kan framställa något som exklusivt, för exempel ett fotogalleri eller en klädaffär. I förhållande till användarvänlighet är svart text på en vit bakgrund det mest läsvänliga.
Du bör ha i tankarna att varje nyans av de ovanstående färgerna kan utsända olika signaler. En mörkröd färg uttrycker något helt annat än rosa färg, så det spelar en stor roll vilken nyans och ton du väljer.
Ett insiktsfullt färgval
På den ovanstående översikten kan du se att varje färg utsänder både positiva och negativa signaler. Därför är det av stor betydelse vilka färger du väljer att ha på din webbplats. Däremot behöver man inte alltid välja den mest uppenbara färgen. Man kan välja att fokusera på olika uttryck. För exempel skulle man omedelbart tycka att ett försäkringsbolag borde välja blått som sin primära färg för att uttrycka trygghet och säkerhet. Men om du tar en titt på ett par av de större försäkringsbolagen har de ifrågavarande fall valt rött, orange och lila som deras primära färger. Istället för trygghet har de valt att fokusera på värme, glädje och lycka.
När du ska välja färger för din webbplats är det viktigt att du tar hänsyn till din målgrupp, dina standarder och produkter. Därefter borde du kunna välja ett färgschema bestående av 2-4 färger som återspeglar det du vill uttrycka. Oftast ska man välja en eller två primära färger, medan de andra färgerna ska endast matcha och stödja de primära färgerna.
Färger som passar ihop
Analoga färger
De analoga färgerna är de som ligger nära varandra och har därför liten kontrast. Men för vissa webbplatser kan det vara mer lugna och säkra färgval man söker efter.
Komplementerade färger
Blå och orange är ett exempel på ett par komplementerade färger. Till skillnad från de analoga färgerna utgör dessa en stor kontrast eftersom de är placerade mittemot varandra i färgskalan. Detta färgval ger en mer livlig och iögonfallande design.
Det finns olika matematiska metoder som du kan använda för att välja färger som matchar eller kompletterar varandra. I slutet av artikeln hänvisar vi till ett par verktyg som du kan använda.
Exempel
Danske Bank
Man kan lägga märke till att Danske Banks hemsida är mycket lugn. Den blå färgen används i olika nyanser och inga andra färger har använts för själva webbdesignen. Notera även tonen i den blå färgen, som är mörk och dämpad. Färgvalet ger en känsla av säkerhet och stabilitet.
Kræftens Bekæmpelse (cancer bekämpning)
Deras logotyp och den röda färgen gör att deras identitet är mycket igenkännlig. Färgen är ytterst lämplig eftersom den signalerar kärlek, mod och liv. De valde en enkel webbdesign med få färgar, så att deras röda tydligt träder fram.
D'Angleterres
Det är uppenbart att D'angleterres webbdesigner vill ge ett budskap av lyx. Med svart, grå och guld som de enda färgerna lyckas de att meddela för användarna att D'angleterre är ett exklusivt hotell.
Lägg märke till hur enkelt färgval denna webbplats har. Det är viktigt att webbplatsen framstår som professionell, och att detta budskap når användarna. Andra bra exempel är Mærsk og tøjfirmaet Day.
Slutsats
Undvik att skicka ut fel signaler genom dina färger. Detta kan ge ett felaktigt intryck av ditt företag och förvirra dina användare. Använd istället färger som stödjer det budskap du vill ge och framhäver viktiga punkter på din webbplats.
Bra digitala färgverktyg:
- Kuler
- Color Scheme Designer 3
- Color Trends
Om Tino Cordes: Tino Cordes är utbildad grafisk designer och arbetar som en frilans webbdesigner. Han fokuserar på grafik och estetik, men han håller fast vid att det alltid måste finnas ett ändamål. Han står bakom webbplatsen freelancewebdesigner.dk som ger bra råd att hitta en professionell webbdesigner. Läs mer om honom och hans arbete på www.tinocordes.dk var du än är. Hitta artiklar om webbdesign och andra grafiska ämnen.
Relevanta länkar:
Freelance-webdesigneren.dk
Tino Cordes' egen side
