Farver og webdesign.
De fleste træffer et bevidst farvevalg når det gælder tøj, bil, indretning, iPods. Ikke truffet ud ud fra, hvordan farverne påvirker os eller andre, men ud fra hvad de selv foretrækker. Mange webdesignere gør det samme når de vælger farver til hjemmesider. Med en god sans for farver kan man godt vælge nogle gode kombinationer, men kan komme til, at vælge nogle uheldige farver i forhold til kundens målgruppe og firmaets værdier. I stedet for at vælge farver ud fra ens personlige smag bør du vælge farver, som matcher din virksomhed.
Denne artikel vil give dig en grundlæggende viden om farvers indflydelse. Sæt dig godt ind i hvilket signalement de forskellige farver udsender og træf et bevidst farvevalg.
RGB
De fleste som har beskæftiget sig lidt med webdesign er klar over, at man bruger farvesystemet RGB på skærmen. RGB står for Rød Grøn Blå. Som det ses på illustrationen nedenunder bliver resultatet en lysere farve når farverne kombineres. Det kaldes additiv farveblanding.
Ud fra de tre grundfarver kan man kombinere sig til forskellige farver. For eksempel giver rød og grøn farven gul. Disse forskellige farver deles op i primære, sekundære og tertiære farver. Og det er kombineringen af disse forkellige farver, som giver det store spektrum af farver.
Farvernes indflydelse
En kort gennemgang af de signaler hver farve udsender kan hjælpe dig til at træffe et bedre farvevalg.
Rød
Rød er en meget synlig og let genkendelig farve. Rød udstråler energi, magt, kærlighed, mod, men også fare og krig. Disse begreber og udtryk ses for eksempel i blod og ild. Da farven skaber så meget blikfang bruges rød ofte til, at kommunikere vigtige budskaber. For eksempel vejskilte eller andre advarsler.
Grøn
Grøn udstråler natur, sundhed og vækst. De sidste par år er farven blivet meget populær. Snakken om miljøet og global opvarmning har helt sikkert haft en påvirkning. Grøn står også for grådighed eller jalousi og personer som er uerfarne - grønne. Grøn er den mest beroligende farve og giver en følelse af tryghed. Det er derfor en vigtig farve i forbindelse med sikkerhed og handel på nettet.
Blå
Blå er nok en af de mest anvendte farver på nettet og til visuelle identiteter i det hele taget. Årsagen er, at blå giver et indtryk af stabilitet og tryghed. Det er en oplagt farve at anvende når noget skal fremstå rent, som for eksempel kildevand. I flere faggrupper benytter stort set alle virksomheder blå til deres logo. Det gælder faggrupper som rengøring, VVS og EDB. Ligesom grøn er blå meget beroligende, men den blå farve kan også fremkalde en meget kølig og trist atmosfære. Man skal huske aldrig, at bruge blå til at markedsføre mad, da blå interessant nok mindsker appetitten.
Gul
Den gule farve skal bruges i kombination med de rigtige farver og i den rigtige situation. Farven springer i øjnene og kan derfor bruges til at fange opmærksomheden. Gul er derfor god til, at markere særlige tilbud i en webshop. Men det vil ikke være godt, at bruge farven til, at markedsføre eksklusive produkter, da gul kan få produkterne til at virke billige. Gul udstråler varme, energi og glæde, men står også for jalusi og fare.
Orange
Orange er en kombination af gul og rød og har derfor også mange karaktertræk fra de to nabo-farver. Den varme farve står for solskin, glæde, kreativitet og succes. Ubevidst påvirker farven hjernen og øger psykisk aktivitet. Ligesom gul er orange god til, at fange opmærksomheden. Farven er også god til at appelere til unge mennesker. Orange symboliserer også uvidenhed og bedrag.
Sort
Sort bliver egentlig ikke betragtet som en farve. Men den er mindst lige så vigtig for en hjemmeside. Sort kan udstråle nogle stærke negative ting, som død og ondskab. Sort kan gøre noget eksklusivt, for eksempel et fotogalleri eller en tøj-shop. I forbindelse med brugervenlighed er sort tekst på en hvid baggrund det mest læsevenlige.
Du bør have i tanke, at hver eneste nuance af de ovenstående farver kan udesende forskellige signalementer. En mørk rød udtrykker nogle helt andre ting end lyserød, så det er ikke ligegyldigt hvilken nuance og tone du vælger.
Et bevidst farvevalg
I den ovenstående gennemgang kan du se, at hver eneste farve udstråler både positive og negative signaler. Derfor er det ikke uden betydning hvilke farver du vælger til din hjemmeside. Omvendt behøver man ikke altid vælge den mest oplagte farve. Man kan vælge, at fokusere på forskellige udtryk. For eksempel ville man umiddelbart mene, at et forsikringsselskab bør vælge blå som deres primære farve for, at udstråle ro og tryghed. Men hvis man tager et kig på et par af de større selskaber, så har de valgt henholdsvis rød, orange og lilla, som deres primære farver. I stedet for tryghed har de valgt at fokusere på varme, glæde og lykke.
Når du skal vælge farver til din hjemmeside er det vigtigt, at du overvejer din målgruppe, dine kvaliteter og produkter. Bagefter burde du kunne vælge et farveskema bestående af 2-4 farver, som matcher det du vil udtrykke. Ofte vil man vælge en eller to primære farver, mens de andre farver blot skal matche og understøtte de primære farver.
Farver der matcher
Analoge farver
De analoge farver ligger tæt på hinanden og har derfor ringe kontrast. Men til nogle hjemmesider kan det være det mere rolige og sikre farvevalg man ønsker.
Komplimenterende farver
Blå og orange er et eksempel på nogle komplimenterende farver. Modsat de analoge farver er disse meget kontrastrige, da de er placeret modsat hinanden i farveskalaen. Dette farvevalg giver et mere livligt og opsigtsvækkende design.
Der er flere matematiske metoder til, at vælge farver som matcher eller supplerer hinanden. Sidst i artiklen er der henvist til nogle værktøjer du kan bruge.
Eksempler
Danske Bank
Man lægger mærke til at Danske Banks hjemmeside er meget rolig. Deres blå farve er brugt i forskellige nuancer og der bliver ikke anvendt andre farver til selve webdesignet. Læg også mærke til tonen i den blå farve, som er mørk og afdæmpet. Farvevalget udsender et signal om tryghed og stabilitet.
Kræftens Bekæmpelse
Deres logo og den røde farve gør deres identitet meget genkendelig. Farven er meget passende da den signalerer kærlighed, mod og liv. De valgt et enkelt webdesign med få farver, så deres deres røde farve træder tydeligt frem.
D’angleterre
Det er tydeligt D’angleterres webdesigner har ønsket at signalere luksus. Med sort, grå og guld som de eneste farver lykkedes det, at fortælle brugerne at D’angleterre er et eksklusiv hotel.
Læg mærke til hvor enkelt et farvevalg disse hjemmeside har. Det er vigtigt for at hjemmesiden fremstår professionel og at budskabet når ud til brugerne. Andre gode eksempler er Mærsk og tøjfirmaet Day.
Konklusion
Undgå at sende uheldige signaler gennem dine farver. Det kan give et forkert indtryk af dine forretning og forvirre dine brugere. Brug i stedet farver til, at understøtte dit budskab og fremhæve vigtige elementer på din hjemmeside.
Gode farve-værktøjer:
- Kuler
- Color Scheme Designer 3
- Color Trends
Om Tino Cordes: Tino Cordes er uddannet grafiker og arbejder som freelance webdesigner. Der er fokus på det grafiske og æstetiske, men han holder fast ved, at det altid skal have et formål. Han står bag hjemmesiden freelance-webdesigneren.dk, der giver gode råd til at finde en professionel webdesigner. Læs mere om ham og hans arbejde på www.tinocordes.dk, hvor du også kan finde artikler om webdesign og andre grafiske emner.
Relevante links:
Freelance-webdesigneren.dk
Tino Cordes' egen side
Denne artikel vil give dig en grundlæggende viden om farvers indflydelse. Sæt dig godt ind i hvilket signalement de forskellige farver udsender og træf et bevidst farvevalg.
RGB
De fleste som har beskæftiget sig lidt med webdesign er klar over, at man bruger farvesystemet RGB på skærmen. RGB står for Rød Grøn Blå. Som det ses på illustrationen nedenunder bliver resultatet en lysere farve når farverne kombineres. Det kaldes additiv farveblanding.
Ud fra de tre grundfarver kan man kombinere sig til forskellige farver. For eksempel giver rød og grøn farven gul. Disse forskellige farver deles op i primære, sekundære og tertiære farver. Og det er kombineringen af disse forkellige farver, som giver det store spektrum af farver.
Farvernes indflydelse
En kort gennemgang af de signaler hver farve udsender kan hjælpe dig til at træffe et bedre farvevalg.
Rød
Rød er en meget synlig og let genkendelig farve. Rød udstråler energi, magt, kærlighed, mod, men også fare og krig. Disse begreber og udtryk ses for eksempel i blod og ild. Da farven skaber så meget blikfang bruges rød ofte til, at kommunikere vigtige budskaber. For eksempel vejskilte eller andre advarsler.
Grøn
Grøn udstråler natur, sundhed og vækst. De sidste par år er farven blivet meget populær. Snakken om miljøet og global opvarmning har helt sikkert haft en påvirkning. Grøn står også for grådighed eller jalousi og personer som er uerfarne - grønne. Grøn er den mest beroligende farve og giver en følelse af tryghed. Det er derfor en vigtig farve i forbindelse med sikkerhed og handel på nettet.
Blå
Blå er nok en af de mest anvendte farver på nettet og til visuelle identiteter i det hele taget. Årsagen er, at blå giver et indtryk af stabilitet og tryghed. Det er en oplagt farve at anvende når noget skal fremstå rent, som for eksempel kildevand. I flere faggrupper benytter stort set alle virksomheder blå til deres logo. Det gælder faggrupper som rengøring, VVS og EDB. Ligesom grøn er blå meget beroligende, men den blå farve kan også fremkalde en meget kølig og trist atmosfære. Man skal huske aldrig, at bruge blå til at markedsføre mad, da blå interessant nok mindsker appetitten.
Gul
Den gule farve skal bruges i kombination med de rigtige farver og i den rigtige situation. Farven springer i øjnene og kan derfor bruges til at fange opmærksomheden. Gul er derfor god til, at markere særlige tilbud i en webshop. Men det vil ikke være godt, at bruge farven til, at markedsføre eksklusive produkter, da gul kan få produkterne til at virke billige. Gul udstråler varme, energi og glæde, men står også for jalusi og fare.
Orange
Orange er en kombination af gul og rød og har derfor også mange karaktertræk fra de to nabo-farver. Den varme farve står for solskin, glæde, kreativitet og succes. Ubevidst påvirker farven hjernen og øger psykisk aktivitet. Ligesom gul er orange god til, at fange opmærksomheden. Farven er også god til at appelere til unge mennesker. Orange symboliserer også uvidenhed og bedrag.
Sort
Sort bliver egentlig ikke betragtet som en farve. Men den er mindst lige så vigtig for en hjemmeside. Sort kan udstråle nogle stærke negative ting, som død og ondskab. Sort kan gøre noget eksklusivt, for eksempel et fotogalleri eller en tøj-shop. I forbindelse med brugervenlighed er sort tekst på en hvid baggrund det mest læsevenlige.
Du bør have i tanke, at hver eneste nuance af de ovenstående farver kan udesende forskellige signalementer. En mørk rød udtrykker nogle helt andre ting end lyserød, så det er ikke ligegyldigt hvilken nuance og tone du vælger.
Et bevidst farvevalg
I den ovenstående gennemgang kan du se, at hver eneste farve udstråler både positive og negative signaler. Derfor er det ikke uden betydning hvilke farver du vælger til din hjemmeside. Omvendt behøver man ikke altid vælge den mest oplagte farve. Man kan vælge, at fokusere på forskellige udtryk. For eksempel ville man umiddelbart mene, at et forsikringsselskab bør vælge blå som deres primære farve for, at udstråle ro og tryghed. Men hvis man tager et kig på et par af de større selskaber, så har de valgt henholdsvis rød, orange og lilla, som deres primære farver. I stedet for tryghed har de valgt at fokusere på varme, glæde og lykke.
Når du skal vælge farver til din hjemmeside er det vigtigt, at du overvejer din målgruppe, dine kvaliteter og produkter. Bagefter burde du kunne vælge et farveskema bestående af 2-4 farver, som matcher det du vil udtrykke. Ofte vil man vælge en eller to primære farver, mens de andre farver blot skal matche og understøtte de primære farver.
Farver der matcher
Analoge farver
De analoge farver ligger tæt på hinanden og har derfor ringe kontrast. Men til nogle hjemmesider kan det være det mere rolige og sikre farvevalg man ønsker.
Komplimenterende farver
Blå og orange er et eksempel på nogle komplimenterende farver. Modsat de analoge farver er disse meget kontrastrige, da de er placeret modsat hinanden i farveskalaen. Dette farvevalg giver et mere livligt og opsigtsvækkende design.
Der er flere matematiske metoder til, at vælge farver som matcher eller supplerer hinanden. Sidst i artiklen er der henvist til nogle værktøjer du kan bruge.
Eksempler
Danske Bank
Man lægger mærke til at Danske Banks hjemmeside er meget rolig. Deres blå farve er brugt i forskellige nuancer og der bliver ikke anvendt andre farver til selve webdesignet. Læg også mærke til tonen i den blå farve, som er mørk og afdæmpet. Farvevalget udsender et signal om tryghed og stabilitet.
Kræftens Bekæmpelse
Deres logo og den røde farve gør deres identitet meget genkendelig. Farven er meget passende da den signalerer kærlighed, mod og liv. De valgt et enkelt webdesign med få farver, så deres deres røde farve træder tydeligt frem.
D’angleterre
Det er tydeligt D’angleterres webdesigner har ønsket at signalere luksus. Med sort, grå og guld som de eneste farver lykkedes det, at fortælle brugerne at D’angleterre er et eksklusiv hotel.
Læg mærke til hvor enkelt et farvevalg disse hjemmeside har. Det er vigtigt for at hjemmesiden fremstår professionel og at budskabet når ud til brugerne. Andre gode eksempler er Mærsk og tøjfirmaet Day.
Konklusion
Undgå at sende uheldige signaler gennem dine farver. Det kan give et forkert indtryk af dine forretning og forvirre dine brugere. Brug i stedet farver til, at understøtte dit budskab og fremhæve vigtige elementer på din hjemmeside.
Gode farve-værktøjer:
- Kuler
- Color Scheme Designer 3
- Color Trends
Om Tino Cordes: Tino Cordes er uddannet grafiker og arbejder som freelance webdesigner. Der er fokus på det grafiske og æstetiske, men han holder fast ved, at det altid skal have et formål. Han står bag hjemmesiden freelance-webdesigneren.dk, der giver gode råd til at finde en professionel webdesigner. Læs mere om ham og hans arbejde på www.tinocordes.dk, hvor du også kan finde artikler om webdesign og andre grafiske emner.
Relevante links:
Freelance-webdesigneren.dk
Tino Cordes' egen side
