信息图形中的颜色探讨—面向色盲人士友好的设计解决方案.pdf

信息图形中的颜色探讨—面向色盲人士友好的设计解决方案 　　颜色可以用来区分信息图形上的 据类别和维度 ，是 据可视化中最常用的视觉变量之一。 然而 ，世界上有超过8%的男性和0.4 %的女性都被色觉障碍的问题困扰——他们在识别部分或者全部 颜色时有困难。我们通常笼统的称这类人群为“色盲(Co lo r Blindness)” （也称为道尔顿症、色觉缺失 、色觉辨认障碍、色弱等 ）。面对如此庞大的特殊受众 ，设计师理应关注他们的需求。信息图形设 计本是以向用户传递精准 据为目标 ，也不能忽视了这部分群体。 一. 了解色盲 　　“色盲能看到颜色吗 ？”“他们只能看到黑、白吗 ？”——人们常误以为色盲视觉所见的景象只有灰 阶分布 ，其实不是的。色盲并不意味着色觉的完全丧失 ，而是指部 色觉受损 ，因此无法正确感知 和 辨某些区域的颜色。色盲可以分为 ：红色盲 （P ）、绿色盲 （D ）、蓝色盲 （T ）和全色盲。其 中红色盲和绿色盲最为普遍 ，合称为红绿色盲。全球大约2亿人都患有色盲 ，它的普遍程度甚至高 于A B血型的人群。下面我们感性的看看色盲人眼中的世界 ： 　　从上面模拟色盲色觉的图片来看 ，我们可以感受到色盲人士能够辨识的色相较为有限。红色盲 和绿色盲的色觉较为近似。由于红绿色盲人 占到了色盲总 的99% ，我们需要更多地理解他们能 看到的颜色。以下列举了红绿色盲容易混淆的颜色 ，以及色觉上的一些规律 ： 　　1 ) 红绿色盲难以分辨两种差别只在红色或绿色元素的颜色。如红色和绿色 ；蓝色和紫色 （ 蓝+红 ）；绿色和棕色 ；红色和棕色等。 　　2 ) 红绿色盲人士对蓝色更为敏感。举例来说 ，他们会把红色和绿色、或黄色和黄绿色混淆 ，但 却能清楚的分辨绿色和蓝绿色 （翠绿色 ）。 　　3 ) 红绿色盲眼中的红色并不是一种明亮醒目的颜色。相反红色对他们来说显得非常深 ，而暗红 色则几乎接近黑色。因此色盲人士很难分辨出文章内的深红色强调字。 　　4 ) 虽然色盲人士对色相的辨识能力较弱 ，但却对明度、饱和度非常敏感。 　　5 ) 相比高饱和度的颜色 ，低饱和度的颜色更难辨认。如天蓝色和粉红色。 　　也许以上的分析还是太抽象 ，为了更直观的看到色盲人士眼中的颜色 ，下面介绍几种模拟色盲 色觉的工具 ，方便设计师们设计和检验 ： A do e自带的校样设置 　　Phot osho p CS4和Illust rat o r CS4及以上版本提供了模拟红色盲和绿色盲的校样设置 ，对于每 天都在Phot osho p/Illust rat o r中拼搏的视觉设计师来说 ，这是最简便的一种方法了。选择“视图—校 样设置—红色盲型/绿色盲型” Co lo r O racle ：ht t p://co lo ro racle.o rg/ 网站Co lo r Blind We Page Filt er ：ht t p://co lo rf ilt er.w ickline.o rg/ 二.设计解决方案 　　设计面向色盲人士友好的信息图形 ，并不意味着要设计师要放弃使用色彩这种“利器”。即便是 对色觉障碍的人士来说 ，颜色依然是区分不同类 据的一种简单快速的表现形式。要提高信息图形 的识别性和易读性 ，我们可以遵循这样几个思路寻找解决方案 ：（1 ）不完全依赖颜色来区分信息 ， 同时使用多种视觉变量来编码信息 ；（2 ）选择安全的配色方案 ；（3 ）使用文字注解。 1.冗余编码 　　避免仅使用颜色来编码信息 ，应尽量同时使用多种视觉变量 （如形状+颜色、尺寸+颜色、注 释+颜色 ）来对信息编码。其中 ，形状包括了这样一些可使用的元素 ：圆形、三角形、矩形等 ； 实线、虚线、点线等 ；字母、 字符号等。这里需遵循的一个原则是 ：使用尽可能少的颜色——结 合使用不同形状符号和少量鲜艳的颜色 ，效果远好于只使用一种形状和多种颜色。 2.选择适当的配色 　　针对色盲人士的颜色识别能力 ，需要精心选择配色 ，才能避免选择容易混淆的色区。然而 ，要 使配色能覆盖到各种色觉辨认能力的人 （包括色盲、色弱和色觉正常的人群 ）并不是一件容易的事 ，尤其同一界面需要出现多种颜色时 ，让设计师非常头疼。日本有研究得出一组无障碍配色建议 ， 在此分享 ，供大家参考。这组颜色针对色盲和非色盲人士都是易辨识的 （例如它选择了朱红色代替 红色 ，蓝绿色代替绿色 ，紫红色代替紫色 ，以减少色盲人士的困扰 ），它对屏显和印刷都适用 ，并 且所有颜色的名称也容易定义。 　　需要注意的是 ，从以上配色组中选取颜色时 ：A . 请交替使用