Slides in Danish about color. Includes what most designers need to know about colors, such as color meaning and color harmonies.

1. FARVER

2. FARVERS BETYDNING

3. FARVERS BETYDNING
Der findes studier af hvad farver betyder, men jeg vil påstå at det giver mere
mening at tale om farveassociationer.
Farveassociationer er kulturelt bestemte! De følgende vil være baseret på vestlig
betydning.
http://changingminds.org/disciplines/communication/color_effect.htm

4. FARVEASSOCIATIONER: SORT
Sort
 Seriøs, nat, biograf etc.
Se mere i bogen ”Beautiful Web Design”

5. FARVEASSOCIATIONER : RØD
Rød
 Fare (det bruges sådan i naturen, f.eks. For rød fluesvamp), kærlighed, passion, blod, varme, vrede,
mod, fart, styrke, energi, socialisme.
Kilde: http://changingminds.org/disciplines/communication/color_effect.htm

6. FARVEASSOCIATIONER : GRØN
Grøn
 Natur, planter, græs, håb, holdbarhed, tillid, luksus, optimisme, ro og
afslapning, forår, sikkerhed, ærlighed, harmoni, friskhed.
Kilde: http://changingminds.org/disciplines/communication/color_effect.htm

7. FARVEASSOCIATIONER : BRUN
Brun
 Efterår, mudder, afslapning, jordagtig, solid, holdbar, ægte,
efterår, gammel nobelhed, kaffe, træ og bæ.
Kilde: http://changingminds.org/disciplines/communication/color_effect.htm

8. FARVEASSOCIATIONER : GUL
Opmærksomhedskrævende, komfort, livlighed, kujonagtig
adfærd, sult, optimisme, overvældende, sommer, intellekt,
lykke, energi og konflikt.
Kilde: http://changingminds.org/disciplines/communication/color_effect.htm

9. FARVEASSOCIATIONER: BLÅ
Ro, professionalisme, loyalitet, tillid, holdbarhed, ære, melankoli,
kedsomhed, kulde, vinter, dybde, professionalisme,
konservatisme.

10. FARVEASSOCIATIONER: LYSERØD
Feminin, kærlighed, omsorg.

11. FARVEASSOCIATIONER: LILLA
Magt, royalitet, nobelhed, elegance, sofistikation, kunstig, luksus, mystik, magi.

12. VARME VS. KOLDE FARVER

13. VARME VS. KOLDE FARVER
Varme farver
Kolde farver

14. PRIMÆR- OG SEKUNDÆRFARVER

15. FARVEHJULET:
PRIMÆRFARVER
Primærfarve: Rød
Primærfarve: Blå
Primærfarve: Grøn
Sekundærfarver: Et
mix af primærfarver.

16. FARVEHJULET:
SEKUNDÆRFARVER
Sekundærfarver: Et
mix af primærfarver.
F.eks.: Rød og blå
danner lilla.

17. FARVEHARMONI

18. JOHANNES ITTEN
Lærer ved Bauhaus 1919 – 1923
Startede sin egen wiener schule 1919 – 1923
Udviklede tolvdelt farvestjerne udgivet 1921
Et godt citat: ” Det er godt at have lærdom og teori ved hånden i svage øjeblikke. I
de gode øjeblikke løses problemerne intuitivt - ligesom af sig selv”, s. 7 i
‘Farvekunstens Elementer’

19. FARVEHARMONI:
ITTEN: ØJE OG HJERNE
Øjet og hjernen kan kun nå frem til entydige iagttagelser ved hjælp af
sammenligninger og kontraster. S. 17.
Farverne påvirker hinanden når de sammenstilles.

20. FARVEHARMONI:
ITTEN: SUCCESSIV KONTRAST
Ittens: Hvis man stirrer på en farve et stykke tid og lukker
øjnene, fremkommer komplementærfarven for ens indre øje.
Øjet søger altså harmoni ved selv at frembringe
komplementærfarven
Mellemgråt skaber derimod ikke denne kontrast, så ”dette
beviser, at mellemgråt efterkommer vores synssans’ krav om
balance.”
"To eller flere farver er harmoniske, når de sammenblandet
giver en neutral grå farve."
Kilde: Johannes Itten:” Farvekunstens elementer”, s. 19-20.

21. FARVEHARMONI:
ITTEN: HARMONISKE TRE- OG FIRKLANGE
Alle treklange er harmoniske, når de står i forhold til
hinanden i ligesindede eller ligebenede trekanter eller
kvadratisk eller rektangulært.
F.eks. I tilfældet treklangen gul-rød-blå ser hver farve
ud som den farve den har.
”Øjet kræver altså ingen supplerende farver…”.
Kilde: Johannes Itten:” Farvekunstens elementer”, s. 21.

22. FARVESKEMAER
Enhver visuel identitet har et særligt sæt farver der anvendes
Dette udtrykkes i farveskemaer
Hver farve kan udtrykkes præcist som hvor meget rød, grøn og blå der er i, hvor
meget cyan, magenta, gul og sort der er i, eller som hexadecimaltal.

23. MONOKROMATISKE FARVER
Monokromatiske farver er nuancer af den samme farve.
Prøv at se på color.adobe.com og sæt den til Monokromatisk.

24. FARVEHARMONI:
FARVESKEMA MED EN MONOKROMATISK HARMONI
Monokromatisk farveskema: Farverne er variationer af den samme farve.
Her er farveskemaet bestemt ud fra naturen

25. FARVEHARMONI:
FARVESKEMA MED EN MONOKROMATISK HARMONI
Her er et hjems farver bestemt
ud fra et monokromatisk
farveskema.

26. MONOKROMATISKE FARVER
Et hovedsageligt monokromatisk farveskema, men
med en kraftig rød til at skabe opmærksomhed om
de betydningsbærende elementer i rummet.

27. ANALOGE FARVER
Analoge farver er nuancer ved siden af hinanden i farvehjulet

28. FARVEHARMONIER:
FARVESKEMA MED ANALOG FARVEHARMONI
• ANALOGT FARVESKEMA: ET FARVESKEMA BASERET PÅ FARVER DER ER VED SIDEN AF HINANDEN
I FARVEHJULET.
• HER ER FARVESKEMAET IGEN BASERET PÅ NATUREN.

29. FARVEHARMONIER:
FARVESKEMA MED ANALOG FARVEHARMONI
Blå og grøn
Gul og grøn

30. ANALOGT FARVESKEMA
Grøn og gul: Ved siden af
hinanden i farvehjulet.

31. ANALOGT FARVESKEMA Orange og rød: Ved siden af
hinanden i farvehjulet.

32. KOMPLEMENTÆRE FARVER
Farver der er over for hinanden i farvehjulet

33. KOMPLEMENTÆRE FARVER –
COLORSCHEMEDESIGNER.COM
Start med en farve der skal være den primære i dit design i farvehjulet.
Brug farvehjulet til at bestemme komplementærfarven.
Komplementære
farver er valgt
Den primære farve
der er valgt til
farveskemaet er blå.
Den primært valgte farve fylder
mest i designet, sammen med et
par variationer af den.
Den komplementære farve, som
er varm, vises mindre i
previewet.

34. FARVEHARMONIER:
FARVESKEMA MED KOMPLEMENTÆR FARVEHARMONI
• KOMPLEMENTÆRT FARVESKEMA: ET FARVESKEMA HVOR DER INDGÅR KOMPLEMENTÆRE
FARVER, FARVER DER ER OVER FOR HINANDEN I FARVEHJULET.
• HER BRUGES GUL OG , SOM ER OVER FOR HINANDEN, MEN DER ER OGSÅ BRUN I SKEMAET.

35. FARVEHARMONIER:
FARVESKEMA MED KOMPLEMENTÆR FARVEHARMONI
Orange og
blå er her sat
sammen

36. KOMPLEMENTÆRE FARVER: EKSEMPLER
Mest kolde farver (blå), men orange bruges til teksten:
 http://www.lenovo.com/dk/en/
Brun vs. Blå – Den kolde blå er brugt mest
 http://www.sokolowski-design.de/

37. TRIADE
Farver, der danner en trekant i
farvehjulet.
Man behøver ikke bruge alle tre
farver. Man kan nøjes med to af
dem.
Derudover kan man stadig bruge
monokromatiske farver.

38. TRIADE

39. TRIADE
Man kan godt vælge blot to farver ud af de tre. De vil stadig have en god harmoni. Savner man dog en tredje,
ved man hvor man kan lede. Dog er der stadig alle de monokromatiske variationer at vælge imellem.

40. TRIADE
Rød og blå er del af en triade. Den gule
passer ikke 100% i tilgangen, men
fungerer fint som accent.

41. FARVENS KARAKTER, MÆTNING, LYS-
OG MØRKEGRAD

42. FARVENS KARAKTER / NAVN
Farvens karakter:
 Farvens navn:
 Gul, blå, orangeblå, cyan, magenta etc.
 Både rene farver og blandinger af farver
betegnes som farvens karakter.
 Kaldes ”Hue” på engelsk.
 Når vi som udgangspunkt taler om farvevalg
er det farvens karakter vi vælger.

43. MÆTNING / SATURATION
Mættet grøn Umættet grøn
Mætning er farvens styrke. Det er ligesom
vandfarver: Mere vand gør farven mere ”tynd”.
Vandfarver med forskellig
mætning.

44. MÆTNING / SATURATION
Mættede farver:
Legetøj og børnespil har en tendens til mere mætning.
Afmættede farver: En mere voksen og beskidt måde at
repræsentere de samme farver på.

45. FARVENS LYS- OG MØRKEGRAD:
TINTS & SHADES
Farvens lys- og mørkegrad
 Toneværdi eller valør
 Farver kan varieres ved at blande hvidt, sort
eller gråt i.
 På engelsk taler man om ”tint” og ”shades”. Tint
er farvevarianter med hvidt i, shade er varianter
med sort.
Tænk på vandfarver:
 Her kan man også blande hvidt og sort i.
 Man kan også hælde mere vand i, og så fjernes
der mætning fra farven.
https://designschool.canva.com/blog/tints-and-shades/

46. SÅDAN UDTRYKKES EN FARVE PRÆCIST
En farve kan udtrykkes som:
 RGB Værdi: Hvor meget rød, grøn og blå der skal til for at danne farven
 CMYK værdi: Hvor meget cyan, magenta, yellow og keyline der skal til.
 Hexadecimal: et sekscifret udtryk for farven. F.eks. Skrives hvid sådan: #FFFFFF.
 HSL værdi: Hue, saturation & lightness – igen hvor meget af hver.

47. FARVEVALG

48. FARVEVALG: INSPIRATIONSKILDER
Inspiration fra historien:
 Bauhaus
 Græsk mytologi
Inspiration fra naturen:
 Forårsfarver
 Efterårsfarver
Inspiration fra højtiderne:
 Jul
 Halloween
 Påske

49. FARVEVALG: INSPIRATIONSKILDER
Inspiration fra lignende spil og firmaer:
 Hvis det er et puzzle, så kan man evt. kigge på andre puzzles
 Hvis det er et værksted, så kan man kigge på andre, men det er som regel en god ide at kigge helt
andre steder hen pga. den elendige kvalitet sådan nogle websites som regel er i.
Inspiration fra helt andre spil og firmaer:
 Hvis man har sporet sig ind på stilen kan man finde andre firmaers farver og bruge dem
 Brug moodboards til at få en fornemmelse af stilen (husk især adjektiver!)

50. FARVEVALG:
TEMA?
Husk at der er stærke associationer med f.eks. Jul og halloween – er det noget som
produktet eller hjemmesiden skal associeres med, eller falder det hele til jorden?
Mængden af de farver der bruges (hvor meget fylder de på siden) har stor
betydning for hvor meget det påvirker helhedsindtrykket.

51. FARVEVALG: GENERELT
Først og fremmest: Vælg få farver og brug dem konsekvent
Usability
 Usaibility first: Brugerne af et website eller det publikum der skal se det, skal kunne læse beskeden og
bruge interfacet
Varme vs. Kolde farver
 For mange varme farver får designet til at ”skrige” – der er for meget der vil have opmærksomhed
 Hvis du vil have en varm baggrundsfarve, så mix den med hvid eller fjern mætning, så den er mindre
kraftig
Farvers betydning
 Overvej den betydning farverne har i forhold til målgruppen
 Det gør en forskel om farven bruges på større flader eller blot på punkter og linjer

52. FARVEVALG:
KONSISTENT FARVEANVENDELSE
All visuelle identiteter og hjemmesider har farver de holder sig stringent til igennem
hele designet
Eksempler:
 H&M – Røde og grå nuancer
 http://www.hm.com/dk/corporateresponsibility__responsibility.nhtml
 Twilight – Sorte og grå toner:
 http://www.eclipsethemovie.com/worldoftwilight/#/Home/HTBL/HBR
 Ikea – Det svenske flag:
 http://www.ikea.com/dk/

53. FARVEVALG BASERET PÅ … EN HUND!
Måske er temaet for en hjemmeside ret klart,
såsom en hjemmeside for en hunderace der
sælges på en bestemt kennel.
En ide kunne være at tage udgangspunkt i de
farver, der er dominerende i hundens pels.
Farverne kan samples i photoshop

54. HVORDAN EN FARVE FANGES I PHOTOSHOP
1. Dobbeltklik forgrundsfarven for at
åbne farvevælgeren.
2. Bevæg musen uden for farvevælgeren og klik på den
farve du gerne vil have. Det kan kræve noget præcision.
3. Forgrundsfarven ændres.
Denne teknik virker hver
gang du ser farvevælgeren.

55. 1 FARVE – OG SÅ FORM

56. ADDITIV OG SUBTRAKTIV FARVE

57. ADDITIV OG SUBTRAKTIV FARVE
Additiv:
 Farver tilsættes og blandes for at skabe nye farver.
 RGB: Rød, Grøn og Blå.
 Bruges på skærme
Subtraktiv
 Farver fjernes for at skabe farverne.
 CMYK: Cyan, Magenta, Yellow (gul) og Keyline (sort)
 Bruges på print

58. RGB & CMYK

59. HVORFOR ER DET ET PROBLEM?
Det er et problem, fordi farverne kan se meget forkerte ud, hvis I pludselig sadler
om til CMYK.
Farver til tryk:
 Hvis I vil lave et brætspil, en plakat, et banner, en pullup, en t-shirt eller andet, så skal I bruge:
 CMYK
 300 PPI
Farver til skærm:
 Hvis I vil lave noget til web, mobil, tablet, fjernsyn etc., så skal I bruge:
 RGB
 72 PPI