How Color Affects Us

How Color Affects Us

Liz Blankenship Yung-Ju Yung Ju Chang Jenica Baty

2008.9.12

Introduction to Color: the Color Wheel ` `

Additive Vs. Subtractive Primary Color ` ` `

Additive Color

Art: Yellow, Red, Blue Light: Red, Green, Blue Print: Cyan, Magenta, Yellow

`

Secondary Color

`

Tertiary Color

`

C Complementary l t CColor l

`

Analogous Colors

Subtractive Color

Color and Mood

W Warm C l Colors

Color and Mood

Cool Colors

Color affects behavior! Appetite Suppressant comes in Blue

Color affects behavior! Pink makes the heart grow fonder

Color affects behavior!

Fear, thy name is Red

Color Conventions and Associations

Color Conventions and Associations •

What would you associate with Blue-Green?

Cool mints

Ocean & Sky

MSU vs UM

Toothpaste

Timeline of color

First color book printed

Source: http://commons.wikimedia.org/wiki/Category:Mainz_psalter

University of Michigan Established

Source: http://en.wikipedia.org/wiki/University_of_Michigan

First known color photograph

Source: http://www.edinphoto.org.uk/1_p/1_photographers_maxwell.htm, http://fisherwy.blogspot.com/2007/10/world-first-color-photograph.html

First color movie The World, the Flesh, and the Devil (silent, full length)

Wizard of Oz

ources: http://www.beyondtherainbow2oz.com/pic13dorothy&tot-bw.jpg ttp://images.starpulse.com/Photos/Previews/Wizard-of-Oz-w01.jpg

The Psychadelic 60 60’s s

Source: http://www.flickr.com/photos/pinkponk/2269903043/

Oh the 90 Oh, 90’s s...

Sin City

Source: www.auscillate.com/post/62

Internet Branding

Sources: http://www.bloggeraz.com/wordpress-plugin-yahoo-shortcuts/ http://www.google.com

color contrast

Effective Color Contrast `

Why is effective color contrast important? `

The way we perceive colors changes as we age `

`

5% to 8% of the men and 0.5% of the women of the world are born colorblind ` ` `

`

E.g., older persons are able to see yellow, orange, and red d more easily il than th darker d k colors l at t th the bl blue end d

Protanopia (Red) Deuteranopia (Green) Tritanopia (Blue )

Make sure your design can be appreciated by everyone

Effective Color Contrast `

S Some ti tips `

`

`

Exaggerate lightness differences between colors l Avoid contrasting hues from adjacent parts of the hue circle

WCAG 2.0: `

Text (and images of text) have a contrast ratio of at least 5:1, except if the text is pure decoration.Largerscale text or images of text can have a contrast ratio of 3:1.

Effective Color Contrast `

Existing tools or web pages to check color contrast `

` `

Index of Color Contrast Samples h http://trace.wisc.edu/contrast-ratio// i d / i examples/index.htm

Colour Contrast Analyser Specified Usage: `

C l Brewer Color B (f (for map ddesign) i )

Reference ` `

` ` `

Linda Adle, Responding To Color Naz KAYA and Helen H. EPPS, Color-emotion associations: Past experience and personal preference, http://www.w3.org/TR/WCAG20/ http://www.lighthouse.org/accessibility/effecti ve-color-contrast/ http://en.wikipedia.org/wiki/Colorblind

Thank You