Color Theory for Websites

Often overlooked, your color scheme is more important than you believe when it comes to setting up a good user experience on your website. Discover the theories of color and some awesome online resources for inspiration for your website.

Transcript

1. COLOR THEORY FOR WEBSITES Suzette Franck (mt) Media Temple WordPress Evangelist OC WordPress Web Designers #OCWPWD Monday, December 2, 2013
2. ABOUT ME send tweets to @mt_Suzette
3. SUZETTE FRANCK with a “CK” ★WordPress Evangelist @ Media Temple ★Born in Hollywood, California Native ★19+ Years Coding & Web Development ★Developed over 200 WordPress sites ★Speaking at 12 WordCamps this year ★Reg. Contributor on WPwatercooler.com ★Hosted DradCast Episode 17 ★Blogs at: suzettefranck.com ★Slides: speakerdeck.com/suzettefranck Tweet me! @mt_Suzette
4. AGENDA { #agenda: visibility: visible; }
5. WHAT WE WILL COVER ★Power of Color ★Color Wheels and Color Schemes ★Website Resources
6. COLOR SCHEME the language of color
7. COLOR AS AN ENIVIRONMENT ★Emotion vs. Apathy ★Movement vs. Stillness ★Chaos vs. Harmony ★Warm vs. Cool ★Bright vs. Muted
8. The Power of Color Exercise CULTURAL COLOR ASSOCIATIONS
9. love, drama, dynamism, power, passion, blood
10. energy, warning, enthusiasm, creativity, shock
11. sunshine, caution, vibrancy, happiness, alert
12. nature, wealth, stability, environment, relaxation
13. calm, intelligence, honesty, depression, openness
14. royalty, power, prestige, holiness, melancholy
15. purity, truth, perfection, light, sacredness
16. mystery, death, evil, elegance, formality
17. BASIC COLOR WHEEL ★PRIMARY: Red, Blue, Yellow ★SECONDARY: Orange, Green, Purple ★TERTIARY: Intermediate Colors
18. COLOR SCHEMES
19. HUE, TINT, SHADE, & TONE PURE COLOR PLUS WHITE PLUS BLACK PLUS GRAY
20. COLOR RESOURCES the language of color
21. Color Module in CSS3 https://speakerdeck.com/suzettefranck/using-css3-in-wordpress-seattle-wordcamp?slide=44
22. w3schools.com/cssref/ css_colornames.asp
23. KULER.ADOBE.COM
24. COLORSCHEMEDESIGNER.COM
25. COLOURLOVERS.COM
26. TAKE AWAY REVIEW ★Use colors aesthetically and abstractly ★Take advantage of cultural references ★Most websites have a palette of 3-5 colors ★Have fun and make beautiful websites!
27. QUESTIONS? Suzette Franck suzette@mediatemple.net https://speakerdeck.com/suzettefranck