交互设计案例:面向色盲人士的友好设计

颜色可以用来区分信息图形上的数据类别和维度，是数据可视化中最常用的视觉变量之一。然而，世界上有超过8%的男性和0.4%的女性都被色觉障碍的问题困扰——他们在识别部分或者全部颜色时有困难。我们通常笼统的称这类人群为“色盲(Color Blindness)”（也称为道尔顿症、色觉缺失、色觉辨认障碍、色弱等）。面对如此庞大的特殊受众，设计师理应关注他们的需求。信息图形设计本是以向用户传递精准数据为目标，也不能忽视了这部分群体。

一. 了解色盲
“色盲能看到颜色吗？”“他们只能看到黑、白吗？”——人们常误以为色盲视觉所见的景象只有灰阶分布，其实不是的。色盲并不意味着色觉的完全丧失，而是指部分色觉受损，因此无法正确感知和分辨某些区域的颜色。色盲可以分为：红色盲（P）、绿色盲（D）、蓝色盲（T）和全色盲。其中红色盲和绿色盲最为普遍，合称为红绿色盲。全球大约2亿人都患有色盲，它的普遍程度甚至高于AB血型的人群。下面我们感性的看看色盲人眼中的世界：

从上面模拟色盲色觉的图片来看，我们可以感受到色盲人士能够辨识的色相较为有限。红色盲和绿色盲的色觉较为近似。由于红绿色盲人数占到了色盲总数的99%，我们需要更多地理解他们能看到的颜色。以下列举了红绿色盲容易混淆的颜色，以及色觉上的一些规律：

　　1 ) 红绿色盲难以分辨两种差别只在红色或绿色元素的颜色。如红色和绿色；蓝色和紫色（蓝+红）；绿色和棕色；红色和棕色等。

2 ) 红绿色盲人士对蓝色更为敏感。举例来说，他们会把红色和绿色、或黄色和黄绿色混淆，但却能清楚的分辨绿色和蓝绿色（翠绿色）。

3 ) 红绿色盲眼中的红色并不是一种明亮醒目的颜色。相反红色对他们来说显得非常深，而暗红色则几乎接近黑色。因此色盲人士很难分辨出文章内的深红色强调字。

4 ) 虽然色盲人士对色相的辨识能力较弱，但却对明度、饱和度非常敏感。

5 ) 相比高饱和度的颜色，低饱和度的颜色更难辨认。如天蓝色和粉红色。

也许以上的分析还是太抽象，为了更直观的看到色盲人士眼中的颜色，下面介绍几种模拟色盲色觉的工具，方便设计师们设计和检验：

Adobe自带的校样设置

Photoshop CS4和Illustrator CS4及以上版本提供了模拟红色盲和绿色盲的校样设置，对于每天都在Photoshop/Illustrator中拼搏的视觉设计师来说，这是最简便的一种方法了。选择“视图—校样设置—红色盲型/绿色盲型”

Color Oracle：http://colororacle.org/

网站Color Blind Web Page Filter：http://colorfilter.wickline.org/