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

Colour Psychology & Web Design

Avatar for Darko Arnautovic Darko Arnautovic
November 10, 2016
Education
0
30

Colour Psychology & Web Design

My talk from UX South Africa in Cape Town.

Avatar for Darko Arnautovic

Darko Arnautovic

November 10, 2016
Tweet

More Decks by Darko Arnautovic

See All by Darko Arnautovic
Basic Building Blocks of Web Development
Avatar for Darko Arnautovic darkoarnautovic
0
74

Other Decks in Education

See All in Education
Going over the Edge
Avatar for Jono Alderson jonoalderson
0
360
コマンドラインを見直そう（1995年からタイムリープ）
Avatar for sapi_kawahara sapi_kawahara
0
660
AWS re_Invent に全力で参加したくて筋トレを頑張っている話
Avatar for amarelo_n24 amarelo_n24
2
120
0121
Avatar for cbtlibrary cbtlibrary
0
130
160人の中高生にAI・技術体験の講師をしてみた話
Avatar for ShuntaToda shuntatoda
1
300
TeXで変える教育現場
Avatar for doratex doratex
1
13k
MySmartSTEAM 2526
Avatar for cbtlibrary cbtlibrary
0
190
2025年の本当に大事なAI動向まとめ
Avatar for Frieve-A frievea
0
170
【dip】「なりたい自分」に近づくための、「自分と向き合う」小さな振り返り
Avatar for ディップ株式会社 dip_tech
PRO
0
230
React完全入門
Avatar for MIKIO KUBO mickey_kubo
1
120
SJRC 2526
Avatar for cbtlibrary cbtlibrary
0
200
【旧：ZEPメタバース校舎操作ガイド】
Avatar for aini school小中等部 ainischool
0
800

Featured

See All Featured
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
56
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
50k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
69
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
100

Transcript

  1. Colour Psychology & Web Design Relaxed. Efficient. Beautiful.

  2. Oh Hi!

  3. None

  4. ALL COLOURS ARE THE FRIENDS OF THEIR NEIGHBOURS AND THE

    LOVERS OF THEIR OPPOSITES.

  5. The Science of Colour The Psychology of Colour The Resonance

    of Colour

  6. The Science of Colour

  7. Isaac Newton • Binomial Theorem • Reflecting Telescope • Calculus

    • Laws of Motion • Gravity

  8. Newton’s Theory of Light

  9. None
  10. None
  11. None

  12. Newton’s Theory Light Alone Was Responsible For Colour Conceptual Arrangement

    of Colours

  13. Johann Goethe • Author • Poet • Diplomat • Philosopher

    • Botanist

  14. Goethe’s Theory of Colour

  15. WHAT WE SEE OF AN OBJECT DEPENDS ON THE OBJECT,

    THE LIGHTING & OUR PERCEPTION.
  16. None

  17. Goethe’s Theory Opponent Colour Theory Colours As a Sensation Effects

    of Light & Darkness On the Eye

  18. What is Colour?

  19. 1.Hue 2.Value 3.Chroma

  20. 1.Hue http://www.nickkolenda.com/color-psychology/

  21. 2. Value http://www.nickkolenda.com/color-psychology/

  22. 3. Chroma http://www.nickkolenda.com/color-psychology/

  23. The Psychology of Colour

  24. COLOUR PSYCHOLOGY IS THE STUDY OF HUES AS A DETERMINANT

    OF HUMAN BEHAVIOUR.

  25. Crash Test Dummies

  26. Stress or anxiety may accelerate a person's internal clock which

    results in a perception of time passing slowly. People typically want an unpleasant situation to end as soon as possible, and the anticipation of this desired goal makes it seem that time is dragging.

  27. Dummies Have Feelings!

  28. None

  29. http://www.nickkolenda.com/color-psychology/

  30. http://www.nickkolenda.com/color-psychology/

  31. http://www.nickkolenda.com/color-psychology/

  32. http://www.nickkolenda.com/color-psychology/

  33. Proof of Concept

  34. http://paulhebertdesigns.com/web_colors/

  35. http://paulhebertdesigns.com/web_colors/

  36. http://paulhebertdesigns.com/web_colors/

  37. None
  38. None
  39. None
  40. None
  41. None
  42. None

  43. Where to Start?

  44. None
  45. None
  46. None
  47. None
  48. None
  49. None

  50. http://www.nickkolenda.com/color-psychology/

  51. http://www.nickkolenda.com/color-psychology/

  52. None

  53. Girls Like Blue, Too!

  54. http://www.nickkolenda.com/color-psychology/

  55. http://www.joehallock.com/edu/COM498/preferences.html

  56. http://www.joehallock.com/edu/COM498/preferences.html

  57. http://www.joehallock.com/edu/COM498/preferences.html

  58. http://www.joehallock.com/edu/COM498/preferences.html

  59. http://www.joehallock.com/edu/COM498/preferences.html

  60. http://www.joehallock.com/edu/COM498/preferences.html

  61. http://www.joehallock.com/edu/COM498/preferences.html

  62. http://www.joehallock.com/edu/COM498/preferences.html

  63. The Resonance of Colour

  64. None

  65. Brown Ferrari

  66. http://www.nickkolenda.com/color-psychology/

  67. Joe Hallock Nick Kolenda Paul Hebert

  68. Thanks.