首页>疾病百科> 色盲

Web Accessibility之为色盲设计(一):他们是谁? - 学院 - {dede:global name='cfg

2009-11-30 www.chinaui.com A +

缤纷多彩的世界,如此吸引人。但是,每个人眼中的世界却可能如此不同。这个世界上有大约8%的男性和0.4%的女性,在识别部分或者全部颜色时有困难。我们通常笼统地称这种缺陷为色盲(ColorBlindness)。其中,轻度的色觉异常称为色弱。对于如此多的特殊用户,无论是出于专业精神还是商业利益,互联网设计师都应该去关注他们的痛苦。

不同人眼中的草莓:1.普通人2.红色色盲3.绿色色盲4.蓝色色盲5.全色盲

缤纷多彩的世界,如此吸引人。但是,每个人眼中的世界却可能如此不同。这个世界上有大约8%的男性和0.4%的女性,在识别部分或者全部颜色时有困难。我们通常笼统地称这种缺陷为色盲(ColorBlindness)。其中,轻度的色觉异常称为色弱。对于如此多的特殊用户,无论是出于专业精神还是商业利益,互联网设计师都应该去关注他们的痛苦。色盲的生理缺陷真的会影响他们使用互联网么?对于这个问题,可能有些设计师脑子里一下子想到是初中体检时检查色盲小册子。不过这个例子有点极端。因为它是科学家们臆想出来的,他们把色盲最易混淆的颜色放在一起了。但是,真实生活中可能就没有这么极端的例子了。我们需要的是真实的情景情景,而不是仅仅孤立地完成非别颜色的任务。有些人也许会想到就是红绿灯。但是,网站里可没有红绿灯。好吧,我们来举个真实例子。

普通人看苹果的网站

2009年6月29日iphone上市,一时间苹果的专卖店外排起了长龙。这期间在苹果的官方网站提供了一个在线工具(如上图),帮助用户来查询哪些专卖店明天有货。苹果的设计师用红色填充的圆圈表示有货,绿色的圆圈表示没货,貌似挺清晰的,对于普通人当然没问题。但是看看下面的图,你就知道了,对于绿色色盲来说,就不容易了。

绿色盲看苹果的网站

作为苹果公司这样引领设计方向的领头羊,也能犯这样的错误,实在令人遗憾,好在这个页面已经不存在了(苹果网站的截图来自一个细心老外的博客)。我们再来看看一个国内网站的例子。搜狐主导航的问题:1.主导航2.普通用户视角3.红色盲用户视角上面的图片中1号图是搜狐的主导航。看到字体为红色的栏目,有点设计经验的人都知道,设计师想视觉上强化这个几个栏目,引导用户点击。再说白点就是:用红色吸引用户注意,增加点击的率。对于普通用户来说,他确实做到了。但是对于红色色盲用户来说就未必了。上图中3号图是红色色盲用户可能看到的情景(3号图是色盲模拟器模拟的,以后的文章会作相应的介绍,不用着急^^)。暗红的颜色在红色色盲用户眼中是偏向深棕色的,相对于其他栏目的黑色字体,并不容易区分,就更别提强调了,当然对于用户的引导也就无从谈起。好吧,现在你相信了色盲在使用互联网时也可能遇到麻烦了。为了帮助他们解决问题,我们需要进一步了解他们。色盲的从临床边的表现来讲可以分以几类:

左图:普通人右图:红色色盲

红色色盲(Protanopia):不能区分红色和绿色.由于红色色盲看红色的时候有亮度的缺失,对于红色色盲来说红色会变得偏暗,越深的红色越趋向于黑色。

左图:普通人右图:红色色弱

红色色弱(Protanomaly):红色色弱和红色色盲相似。不过,红色色弱有一定能力可以区分红色和绿色。但是并不意味着,他们可以像普通人一样看到实际的红色和绿色。和红色色盲近似,红色色弱看红色会偏暗。

左图:普通人右图:绿色色盲

绿色色盲(Deuteranopia):和红色色盲一样不能区别红色和绿色。对于红色,没有亮度的缺失。绿色色盲看红色并不会偏暗。

左图:普通人右图:绿色色弱

绿色色弱(Deuteranomaly):绿色色弱和绿色色盲相似。绿色色弱有一定能力可以区分红色和绿色。但是并不意味着,他们可以像普通人一样看到实际的红色和绿色。有小部分绿色色盲可以检查色盲的测试。从临床表现来说,红色色盲、红色色弱、绿色色盲、绿色色弱,并没有很大的区别。统计起来,相比其它色盲,他们所占的比较最多(请参见本文章结尾的色盲现状)。因此,常常把他们统称红绿色盲。

左图:普通人右图:蓝色色盲

左图:普通人右图:蓝色色弱

蓝黄色盲(Blue-yellowColorBlindness):难以辨认蓝色和黄色。蓝黄色盲包括蓝色盲(Tritanopia)和蓝色弱(Tritanomaly)。

左图:普通人右图:全色盲

全色盲是指眼球中椎状细胞缺少,或无作用,仅能依靠眼球中杆状细胞来感受视觉影像光线的强弱。其视觉所见的景像只有灰阶的色阶分布,眼睛对于亮度非常敏感,在白天的室外需戴上深色的太阳眼镜保护眼睛。

色盲现况(数据来维基百科:2009-06-22)

从色盲的人口分布来讲,男性明显多于女性。红绿色盲的人群中占绝大多数,而蓝色色盲和全色盲比较罕见。因此在做设计的时候我们会主要考虑红绿色盲。介于篇幅的限制,先介绍到这里。以后的文章将结合色盲的特征,介绍一下检验设计的工具——色盲模拟器。预知后世如何,且听下回分解。(已经准备好两个盆了:一个西接红柿,一个接鸡蛋。如果有想扔的人,请扔到相应的盆中。^^)

分享

新浪微博

微信好友

朋友圈

腾讯QQ

相关文章

疾病问答

推荐专家

热图推荐

健康助手

手足口病骨质疏松包皮过长月经不调

支气管炎神经衰弱皮肤过敏失眠抑郁

健康助手

资讯