Post on 05-Aug-2015
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.