Interactive design case: Friendly design for people with color blindness

Source: Internet
Author: User

Article Description: color discussion in information graphics-friendly design solutions for people with color blindness.

Color can be used to distinguish data categories and dimensions on information graphs, and is one of the most commonly used visual variables in data visualization. However, more than 8% of men and 0.4% of women in the world are plagued by the problem of color vision disorders-they have difficulty in identifying some or all of the colors. We generally refer to this group as "color blindness (color blindness)" (also known as Dalton, vision loss, vision recognition disorder, anomalous trichromatism, etc.). In the face of such a large and special audience, designers should pay attention to their needs. The design of information graphics is aimed at transmitting accurate data to the users, and can not ignore this part of the group.

I. Understanding COLOR blindness
"Color blindness can see colors?" "Can they only see black and white?" "-people often mistakenly think that the sight of color-blind vision is only gray-scale distribution, but it is not." Color blindness does not imply a complete loss of pigmentation, but rather a partial colour perception that is impaired and therefore does not correctly perceive and distinguish between certain areas. color blindness can be divided into: Red Blind (P), Green Blind (D), Blue Blind (T) and panchromatic blind. Red blind and green blindness is the most common, collectively known as the Red-green blind. Around 200 million people worldwide suffer from color blindness, which is even more prevalent than AB blood groups. Below we have a sensual look at the world in the eyes of the blind:

From the above images of color blindness, we can feel that color-blind people can identify more limited hue. Red Blind and green blind color are more approximate. As the number of red-green blind people accounts for 99% of the total color blindness, we need to understand more about the colors they can see. Here's a list of red-green blind, confusing colors, and some of the rules of color vision:

1 red-green blind hard to distinguish between two different colors only in red or green elements. such as red and green, blue and purple (blue + red), green and brown, red and brown.

2 red-green-blind people are more sensitive to blue. For example, they would confuse red with green, or yellow and yellow green, but could clearly distinguish between green and turquoise (emerald green).

3 Red is not a bright and eye-catching color in red-green blind eyes. On the contrary, red is very deep for them, while dark red is almost black. It is therefore difficult for color blind people to distinguish the dark red accent in the article.

4) Although color-blind people have a weaker ability to identify the hue, they are sensitive to lightness and saturation.

5 The color of low saturation is more difficult to identify than the high saturation color. such as sky-blue and pink.

Perhaps the above analysis is too abstract, in order to more intuitive to see color blindness in the eyes of the people, the following introduce a number of tools to simulate color blindness, designers to facilitate the design and testing:

Adobe self-with proof setup

Photoshop CS4 and illustrator CS4 and above provide proof settings that simulate red blind and green blindness, which is the easiest way for visual designers who struggle every day in Photoshop/illustrator. Select View-Proof Settings-red blind/green blind type

Color Oracle:http://colororacle.org/

website Color Blind web Page Filter:http://colorfilter.wickline.org/

[1] [2] [3] [4] Next page



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.