Effectively Using Color in Digital Environments

Nina Elias

Overview

1. Correct color usage 2. Color & Tech Communication3. Key Terms4. Tips and tricks

Why Color?

Lorem ipsum color dolor sit amet, consectetuer adipiscing elit. Donec decreases fringilla

malesuada eros. Donec neque augue, dictum sed, lobortis quis, ornare et, tellus. Morbi

scanning nisi ligula, gravida non, varius at, eleifend nec, sapien. Mauris eget diam.

Maecenas sagittis enim a turpis. Ut ut mauris in dolor porta elementum. Aliquam

pellentesque, time mi eu porta molestie, neque nulla interdum libero, sit amet vehicula orci dolor et dui. Vivamus pharetra lectus ut

elit aliquet auctor. Nullam sit amet ligula. Fusce risus. Nullam lorem.

Would you want to read a slide that looks

like this?

Or is this a biteasier to read?

hue

black on white

VS

other on white

Saturation

Complimentary Colors

http://www.picsalive.com/help/PhotoViz/Chapter3/Chapter3_files/image043.jpg

Saturation Differences

value

Need to highlight some text?

Need to highlight some text?

color blindness affects 9-12% of males

http://www.fillywhite.com/USERIMAGES/eye%20with%20photos%20copy(2).jpg

For example…

http://www.adphicornell.org/adphicor/Archives/1940s/1941-42-YEARBOOK-FULL.jpg

tips & tricks

Place high contrast colors in spots, not huge chunks of

design space.

Use a light, not fully saturated background.

blue is universally recognized

other tips & tricks• use black and white contrast• use highly contrasting colors• use a constant color scheme• remember less is more• test with a color blind person

when in doubt

end.