[概述]
你是否想过世界在那些有视觉缺陷的人的眼中是什么样?你是否考虑过他们是不是能够理解你的网页?或者你的软件中的颜色信息?
如果你没有这样的缺陷,可能你从来没有考虑过。据统计,约1/12的人有不同程度的色盲(多为男性),我们在网页或软件中的配色如果不考虑这个因素,将会对他们造成不便。
一个好的设计,颜色始终不应该是第一位的信息要素。信息应该在没有颜色帮助的情况下一样清晰,而颜色只是作为辅助的强调因素。
诚然,颜色在我们的日常工作中越来越重要,特别在计算机能够显示越来越多颜色的今天。尽管颜色往往用以作为修饰,但颜色的暗示却经常被作为如何解释信息的首要方法。
一些公认的法则可以让我们计算出颜色对那些有色盲的人是怎样的。然而,数学方法太复杂,设计者和开发者需要一种简单的方法来了解配色对色盲者的影响。
这篇文章提供了这样的一个方法,设计者们可以用这样的方法来避免会对色盲者造成不便的设计。
虽然大多数色盲者的缺陷是不能分辨红色和绿色,并且本文主要以此为依据并提出解决方法,不过我们仍然将特别考虑那些特殊情况,以便圆满地解决问题。
本文结构:
颜色基础:简要介绍颜色的原理。
颜色在视觉中的问题:介绍色盲是如何发生的。
颜色的变化:解释隐藏在调色板背后的理论。
使用新调色板:描述了该理论的应用。
结语:显示器在颜色方面的问题。
[颜色基础]
我们是依靠眼底的感光细胞来感知颜色的,这些细胞被称为视网膜杆和人眼圆锥细胞。人眼圆锥细胞一般依靠调节其所包含的色素来接收可见光谱中不同的三种波长的光(红绿蓝),这给了我们三原色的视觉。为了与颜色的名字有所区别,这三种圆锥细胞被称为:ρ,γ和β。(见下表)。
表1可见光谱及圆锥细胞对照表
―――――――――――――――――――――――――――――――――――――――
名称别名符号波长颜色比例
ρ红r590nm黄橙色60%
γ绿g550nm黄绿色30%
β蓝b440nm蓝紫色10%
―――――――――――――――――――――――――――――――――――――――
所给出的波长是指峰值感受能力,虽然圆锥细胞也能吸收波长为100nm或高出峰值的光。视网膜杆能接收500nm波长的光,不过只限于感光度(亮度或明暗)。大脑会将眼睛所接收的光处理,变为可供理解的信息,不过这是另外一个话题了。
[颜色在视觉中的问题]
一个二原色色盲者(二原色视者),通常是因为眼底没有红色或绿色圆锥细胞。虽然也有二原色视者是缺少蓝色细胞的,不过这种情况极罕见。约四分之一的色盲者是二原色色盲。其它的四分之三色盲者却具有全部的三种圆锥细胞,只是不同程度地对红色或绿色过于敏感。他们一般被称为三原色反常视者。其实所有的人都有不同程度的色盲,只是被称为色盲者的这部分人特别明显,而对颜色的辨认产生问题。
8%的高加索男性是色盲。他们由1%的红色色盲,1.1%绿色色盲,1%的红色过敏以及4.9%的绿色过敏者构成。只有0.002%的人是蓝色色盲,以及0.003%的人是全色色盲。红色盲或绿色色盲是由X染色体的某个隐性基因变异而引起的,所以他们中的多数是男性。仅有0.4%的女性有色盲症,而且多为红绿色盲。
[颜色的变化]
本文的目的是解决针对最多数的红绿色色盲者的设计问题,这部分人在颜色感知上的缺陷是基本相同的。当然这个方法对其它色盲者也不同程度有效。
有趣的是,红色或绿色色盲者不是简单地只对红色或绿色的感知不同于常人,而是对任何由红色或绿色变化而来的颜色的感知都会异于常人。另外,红色色盲者因为对光谱中红色末端不敏感,所以这部分的颜色在他们看来会比较暗。而绿色色盲不会有这样的感觉。
另外一个有趣的方面是,红色色盲者和绿色色盲者对颜色整体的感知大致相同,只是红色色盲者的视觉偏绿,而绿色色盲者偏红。
在色彩科学中,可见光谱可以用CIE染色图表来表示(见下图)。
图1CIE染色图表(左边是红色色盲者,右边是绿色色盲者)
图中,最外围的三角形(蓝色)表示可见光波长,穿过三角形的一组红线表示表示色盲者不能识别的部分。对他们来说,沿着绿线的每种颜色看起来都一样,这个颜色由黑点表示。与绿线相关的颜色可以由计算得来。上图中颜色和显示器能显示的颜色之间的关系是已知的,所以其显示器RGB值可以从CIE坐标中得来。虽然理论上所有的颜色都可以由这个关系得出,但我们只讨论216网页安全色调板。颜色值将由已经建立的规则计算得来,调色板文件由Paintshop Pro软件所支持的*.pal格式文件产生。图2给出了可见色与216网页安全色的比较。图2显示了旧Windows 16色调色板的相关变化。
图2标准216网页安全色与色盲视色比较
标准Standard红色色盲Protan绿色色盲Deutan
图3旧Windows 16色调色板
可以看出,红色色盲者与绿色色盲者的旧Windows 16色调色板极为相似。变化都是在只在黄赭色和蓝色部分。红色色盲者的整个颜色微微趋向绿色,而绿色色盲者微微趋向橙色。红色,绿色,紫色以及橙色均在色板中消失或弱化。
不论RGB值趋向黄色组还是蓝色组,工作都将变得容易。通常,如果红色值比蓝色值大,RGB值将趋向黄色组,反之趋向蓝色组;而绿色值与蓝色值相当的时候,颜色是否和谐将多少取决于红色值。上面的设色板可以在http://www.labs.bt.com/people/rigdence/colours/下载到。如果你能在这个网站仔细查找一下,还可以找到216网页安全色以及其对于色盲者相关变化的调色板。
[使用新调色板]
使用新调色板有以下两个方法:
1.应用在图片中,看一下在色盲者眼中图片会如何显示;
2.在设计网页的时候避免使用色盲者不能辨认的颜色(如果有必要的话)。
[结语]
以前普遍认为做这样的工作是为了抵消显示器精度不足所带来的缺憾。因Gamma设置或显示器荧光屏的不同,每一台显示器所显示的颜色都略有不同。看起来让显示器使用RGB方式显示自然界的所有色彩是不可能的事。
不过在实际当中,RGB只是用来设计软件或网页,并不对染色性作过多的考虑。现在的显示器精度越来越高,尽管仍然不能与真实世界的色彩相比,但设计出让色盲者感觉舒服的网页或软件将会越来越容易,方法也会越来越多。
作者介绍:
Christine Rigden是BT(英国电信公司British Telecom)用户中心设计组的成员。她的工作包括界面设计,可用性设计的所有方面,特别是网页及软件界面设计规则。她还同时提供界面评估以及设计教程。