Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Colour theory and psychology

Colour theory and psychology

WordCamp London 2015 talk given in March

Tammie Lister

March 19, 2015

More Decks by Tammie Lister

Other Decks in Design


  1. Colour theory and psychology

  2. Tammie Lister @karmatosed

  3. None
  4. None
  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
  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
  7. The colour wheel

  8. Primary colours

  9. Secondary colours

  10. Tertiary colours

  11. Hue

  12. Expanding

  13. Saturation

  14. Tint Shade

  15. Tone

  16. None
  17. Monochromatic

  18. Complementary

  19. Split Complementary

  20. Analogous

  21. Triadic

  22. Tetradic

  23. Neutrals

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

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

  26. “ It is not for nothing that we say we

    are ‘feeling blue’ or ‘seeing red’.” thephilosophersmail.com/perspective/the-psychology-of-colour
  27. nytimes.com/1982/10/19/science/color-has-a-powerful-effect-on-behavior- researchers-assert.html

  28. None
  29. blog.kissmetrics.com/how-colors-affect-conversions 92.6% of people say visual dimension is the #1

    influencing factor over their purchase decision
  30. blog.kissmetrics.com/how-colors-affect-conversions 26% higher recognition for full colour adverts

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

    action button from red to green
  32. business-applications.financesonline.com/review-of-famous- company-logos

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

  35. Western: Danger, love, anger

  36. China: Good luck, wedding, happiness

  37. India: Purity, wealth, fertility

  38. Western: Happiness, cowardice, hazard

  39. China: Sacred, royalty, masculine

  40. Greece: Sadness

  41. Western: Conservative, calm, masculine

  42. Mexico: Mourning, trust, serenity

  43. None
  44. None
  45. None
  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
  47. None
  48. colourlovers.com color.adobe.com/create/color-wheel jxnblk.com/colorable/demos/text 0to255.com

  49. None
  50. Tammie Lister @karmatosed Thanks, any questions?