美文网首页色彩@产品今日看点
色盲者如何看你的设计

色盲者如何看你的设计

作者: ayethink | 来源:发表于2017-01-29 22:22 被阅读1939次

    色盲是个误导性的概念。

    盲人看不见东西,我们都熟悉,自然而然会认为色盲就是看不到颜色。但大多数的色盲者能看到多彩的世界,只是和普通人看到的不同而已。如果让我命名,或许异色症更准确。

    那他们看到的颜色是什么样的?这取决于色盲的类型。下图是色谱在不同的人群中知觉到的实际颜色(通过模拟器生成)

    图1.不同色盲人群眼中的色谱

    可以看到,红色盲和绿色盲看到的颜色稍微接近,且红色盲能够分辨的色谱范围更窄,在接近纯红区域,几乎看成灰色,偏黄的红色、黄色和绿色均类似于普通人眼中的棕色。

    为什么色盲者看到的颜色异于常人

    首先得知道人怎么能看到颜色。光线本身只是光而已,波长决定了普通人眼里他们是什么颜色。通常,从短波380nm到长波780nm的范围是可见光,人知觉到的颜色从蓝紫到红黄。为什么呢?同其他感觉相似,是外界刺激引起了感官中的感觉细胞兴奋,再由大脑解读的结果。视网膜的视感觉细胞中有种外形像锥子的锥形细胞,具体分为三类(S,M,L),分别代表短波(Short),中波(Medium),长波。其激活程度的组合,让我们看到多彩的世界。下图是三种细胞敏感的光谱范围。相应波长的光会引起对应的锥细胞兴奋,将电信号传给大脑,解读出颜色。

    图2. 三种视锥细胞的感光图(Wikipedia)

    但对于色盲者,三种视锥细胞存在缺陷(缺失,或功能减弱)。如果将三种视锥细胞类比于打印机中的三个彩色墨盒,那么色盲者近似于某个墨盒出现了问题,因此打印时,凡是需要这个墨盒的颜色参与的部分都会失真(当然,这不是完美的类比,实际上打印机任意一个墨盒缺粉了都无法再打印了)。

    红色盲:L视锥细胞存在缺陷,近似于打印机没了红色墨盒

    绿色盲:M视锥细胞缺陷,近似于打印机没了红色墨盒

    蓝色盲:S视锥细胞缺陷:近似于打印机没了黄色墨盒

    全色盲:三种视锥细胞全部存在缺陷,相当于黑白打印机

    所有色盲类型中,红绿色盲最常见。两种色盲表现类似(图1),主要是因为M和L视锥细胞敏感的光谱范围非常接近(图2)。

    对于色弱者,类似于某种墨粉颜色变淡,因此凡是其参与的配色都稍有变化。最严重的情况是,三个颜色都没了,只能打印出有灰度的内容,这种色盲是极少见的全色盲,看到的世界没有任何色彩,只有这种情况下,“色盲”的概念才恰当。

    色盲对产品设计的影响

    人们总是以自己的角度来估测别人可能知觉到的现象。而设计师一般不是色盲的,所以更不可能直观体验到色盲者如何看这个世界。

    在百度地图中,区分交通拥堵状况用的是深红色,红色,黄色和绿色。虽然几种颜色的明度稍有差异,但对红绿色盲者依然很难区分(本文写作于春节假期,道路非常畅通,全为绿色,故无截图,待补)。你可能会想,好吧,就算这个设计可能影响到一部分人,那也是极少的一部分。

    这,是种错觉。

    色盲者的比例在不同人种中稍有差异,但男性的比例一般高于女性,主要是因为编码视锥细胞的基因在X染色体上,而男性比女性少了一条X染色体。以北美的数据为例,红绿色盲在男性中占8%,而女性占0.05%。这个比例意味着只要男性用户达到8人,就有的50%的概率碰到至少一名色盲者,当男性用户达到50名时,这一概率上升到98.5%,几乎可以认为一定会有色盲者。对于女性来说,50名用户时存在色盲者的概率为22%,考虑到一般产品的用户远超过50,甚至要大几个数量级,产品设计者确实需要考虑色盲者的需求,尤其是在于安全相关的领域。

    用户人数及存在色盲用户的概率(色盲比例以男性8%,女性0.05%计算)

    如何为色盲人群设计

    色盲者可以通过一些小工具,如Dankam: Color Fix 识别出颜色, 但如果原产品能够为色盲者考虑不是更好吗?虽然有时是否能和平常人一样看到照片中的色彩并不重要,但在安全相关的领域,比如信号灯识别方面,色盲者应该被照顾。如何设计呢,目前发现两条思路:

    1. 产品配色尽量采用色盲安全色

    2. 信息编码采用除颜色之外的其他线索(可与颜色同时使用,作为冗余线索)

    色盲安全色是红绿色盲者也能识别出的颜色,比洋红色,天蓝色。你设计的产品配色色盲者能识别吗?可以通过这个色盲模拟器测试。常用的色盲安全色可见下图

    图3.色盲安全色(Wong bang., 2011,Nature Methods), 后两列是红绿色盲者看到的颜色

    有些人疑惑色盲者如何分辨红绿灯,其实标准的绿灯颜色是混入了蓝色的绿,正如上图中的第四种安全色。

    不过,即使是全色盲,或者在环境干扰下蓝绿色也难以分辨,色盲者依然可以分辨红绿灯,因为它还采用形状进行冗余编码:信号灯的排序总是红黄绿。在其他情况下,形状,粗细等都可能作为冗余线索帮助色盲者,比如数据图的不同系列可采用粗细,虚实等辅助颜色编码,这不仅于色盲者有利,对普通人也能够加速信息的辨别。

    相关文章

      网友评论

      • 空空丫:蓝黄色盲就是自带阿宝色滤镜嘛🤗🤗
      • 82eaa788ea90:绿色盲:M视锥细胞缺陷,近似于打印机没了红色墨盒
        这句有问题吧
        82eaa788ea90:@ayethink 原来如此,get到了
        ayethink: @Antinori 细究起来,整个类比只是为了简化理解,都不太精确。因为打印机其实使用的是CMYK颜色模式,里面墨盒是青(并非绿),品红(也算洋红吧,并非红),黄和黑。说红色盲和绿色盲都近似于没了品红墨盒,是因为两种色盲有缺陷的视锥细胞M和L覆盖的光谱范围相似,请看图2,区分为两种只是因为机制不一样,对颜色的知觉相差并不大,请看图1
      • 沐府墓主:我色弱,但是,却没对色弱人群的照顾,也无所谓,反正很多人群需要顾及,何能面面俱到,于是,也无所谓了。
        ayethink:一般产品可能不会顾及,但是对于 生命攸关的领域,肯定需要考虑的。而且色弱者其实很多。
      • 60966b91c6e4:专业,原以为色盲就是红绿色盲!

      本文标题:色盲者如何看你的设计

      本文链接:https://www.haomeiwen.com/subject/wmqabttx.html