tips for effective color usage
TRANSCRIPT
![Page 1: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/1.jpg)
Effectively Using Color in Digital Environments
Nina Elias
![Page 2: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/2.jpg)
Overview
1. Correct color usage 2. Color & Tech Communication3. Key Terms4. Tips and tricks
![Page 3: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/3.jpg)
Why Color?
![Page 4: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/4.jpg)
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.
![Page 5: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/5.jpg)
![Page 6: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/6.jpg)
![Page 7: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/7.jpg)
Would you want to read a slide that looks
like this?
![Page 8: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/8.jpg)
Or is this a biteasier to read?
![Page 9: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/9.jpg)
hue
![Page 10: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/10.jpg)
black on white
VS
other on white
![Page 11: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/11.jpg)
Saturation
![Page 12: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/12.jpg)
Complimentary Colors
![Page 13: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/13.jpg)
http://www.picsalive.com/help/PhotoViz/Chapter3/Chapter3_files/image043.jpg
Saturation Differences
![Page 14: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/14.jpg)
![Page 15: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/15.jpg)
value
![Page 16: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/16.jpg)
Need to highlight some text?
Need to highlight some text?
![Page 17: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/17.jpg)
color blindness affects 9-12% of males
http://www.fillywhite.com/USERIMAGES/eye%20with%20photos%20copy(2).jpg
![Page 18: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/18.jpg)
For example…
http://www.adphicornell.org/adphicor/Archives/1940s/1941-42-YEARBOOK-FULL.jpg
![Page 19: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/19.jpg)
tips & tricks
![Page 20: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/20.jpg)
![Page 21: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/21.jpg)
Place high contrast colors in spots, not huge chunks of
design space.
![Page 22: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/22.jpg)
Use a light, not fully saturated background.
![Page 23: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/23.jpg)
blue is universally recognized
![Page 24: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/24.jpg)
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
![Page 25: Tips for Effective Color Usage](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c12b73bb61ebac638b4782/html5/thumbnails/25.jpg)
end.