$30 off During Our Annual Pro Sale. View Details »

Colour theory and psychology

Colour theory and psychology

WordCamp London 2015 talk given in March

Tammie Lister

March 19, 2015
Tweet

More Decks by Tammie Lister

Other Decks in Design

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