Colour theory and psychology

WordCamp London 2015 talk given in March

Transcript

1. Colour theory and psychology
   

   View Slide

2. Tammie Lister @karmatosed
   

   View Slide

3. View Slide

4. View Slide

5. “In the visual arts, color theory is a body of practical
   guidance to color mixing and the visual effects of a
   specific color combination.”
   en.wikipedia.org/wiki/Color_theory
   

   View Slide

6. “…light and darkness, brightness and obscurity, or if a
   more general expression is preferred, light and its
   absence, are necessary to the production of colour…
   Colour itself is a degree of darkness.”
   brainpickings.org/2012/08/17/goethe-theory-of-colours
   

   View Slide

7. The colour wheel
   

   View Slide

8. Primary colours
   

   View Slide

9. Secondary colours
   

   View Slide

10. Tertiary colours
    

    View Slide

11. Hue
    

    View Slide

12. Expanding
    

    View Slide

13. Saturation
    

    View Slide

14. Tint Shade
    

    View Slide

15. Tone
    

    View Slide

16. View Slide

17. Monochromatic
    

    View Slide

18. Complementary
    

    View Slide

19. Split
    Complementary
    

    View Slide

20. Analogous
    

    View Slide

21. Triadic
    

    View Slide

22. Tetradic
    

    View Slide

23. Neutrals
    

    View Slide

24. Josef Albers
    http://en.wikipedia.org/wiki/Josef_Albers
    

    View Slide

25. Frederick Spratt
    http://en.wikipedia.org/wiki/Frederick_Spratt
    

    View Slide

26. “ It is not for nothing that we say we are ‘feeling blue’
    or ‘seeing red’.”
    thephilosophersmail.com/perspective/the-psychology-of-colour
    

    View Slide

27. nytimes.com/1982/10/19/science/color-has-a-powerful-effect-on-behavior-
    researchers-assert.html
    

    View Slide

28. View Slide

29. blog.kissmetrics.com/how-colors-affect-conversions
    92.6% of people say visual dimension is the #1
    influencing factor over their purchase decision
    

    View Slide

30. blog.kissmetrics.com/how-colors-affect-conversions
    26% higher recognition for full colour adverts
    

    View Slide

31. blog.kissmetrics.com/how-colors-affect-conversions
    +$23 million for Heinz Ketchup by changing call to
    action button from red to green
    

    View Slide

32. business-applications.financesonline.com/review-of-famous-
    company-logos
    

    View Slide

33. View Slide

34. http://en.wikipedia.org/wiki/Color_vision
    

    View Slide

35. Western: Danger, love, anger
    

    View Slide

36. China: Good luck, wedding, happiness
    

    View Slide

37. India: Purity, wealth, fertility
    

    View Slide

38. Western: Happiness, cowardice, hazard
    

    View Slide

39. China: Sacred, royalty, masculine
    

    View Slide

40. Greece: Sadness
    

    View Slide

41. Western: Conservative, calm, masculine
    

    View Slide

42. Mexico: Mourning, trust, serenity
    

    View Slide

43. View Slide

44. View Slide

45. View Slide

46. “Working with color while designing is really about
    creating another dimension in your medium.
    Choosing a successful palette creates a foundation
    for adding meaning and hierarchy to your design. “
    robots.thoughtbot.com/Its-only-color
    

    View Slide

47. View Slide

48. colourlovers.com
    color.adobe.com/create/color-wheel
    jxnblk.com/colorable/demos/text
    0to255.com
    

    View Slide

49. View Slide

50. Tammie Lister @karmatosed
    Thanks, any questions?
    

    View Slide