Learn about how colorblind people may see your design work.
- [Instructor] This color scheme is disastrous. And what's more, I've done it on purpose. It's to illustrate something in design that is sadly often overlooked. Color vision deficiency or CVD for short, is a way of describing the three forms of color blindness that affect one in 12 men and one in 200 women worldwide. It's especially important to consider this if you're using color as information, such as on maps of locations or in documents or websites.
You should never use color alone to convey information, such as "click the red button" or "tap the green tab," and you should instead use text in addition to the color or icons if you're trying to avoid a language dependency. I'm here, in Illustrator for this particular example, although all of the Adobe design apps support this check, and what I'm going to do is go up to the view menu, and come down to my proof setup and you'll see here that I've got profiles for Protanopia and Deuteranopia, which are the two most common forms of color blindness.
Okay, for Protanopia first, which is the second most common, you can see how these things change. Now, there's plenty of contrast there, and even color blind people can detect contrast, so that's a good thing, but there is plenty here for that. Let me switch out to Deuteranopia here, and suddenly it's a different picture completely. And what they've got to do now is to struggle to actually see the word chocolate on there, so it might be worth a re-think in terms of color.
If I was absolutely certain that these were the colors I wanted to use, it would be an idea for me to introduce something else to help make this more contrast-y if I could. And what I've got here if I select this word, and here in the appearance panel I've got a drop shadow that's currently turned off. And you can see now how that adds enough contrast for that to be able to be decoded fairly quickly. If I switch it back and turn my proof colors off, then you'll see it in the original color scheme.
Inclusiveness in design is very important, and it's worth noting that in many cases, legislation is in place to ensure that differently abled people are given the same access to information, content, and services as everyone else. Some of those considerations, such as structural mark-up in web pages and audio descriptions of images and content, may be outside of your role and more the domain of usability and accessibility testers. But this check for color blindness is something that you are able to perform, and my recommendation is that you do.
- The creative process
- Layout and composition
- Transforming images and assets in Photoshop
- Drawing logos in Illustrator
- Designing graphics and documents in InDesign
Skill Level Beginner
Graphic Design Foundations: Typographywith Ina Saltz2h 23m Beginner
Learning Graphic Design: Techniqueswith John McWade1h 7m Intermediate
Graphic Design Foundations: Colorwith Mary Jane Begin1h 57m Beginner
1. The Creative Process
2. Layout and Composition
Recommended courses1m 10s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.