感动10万+,我们的平凡世界却是他们眼中的璀璨星河——色彩无障碍设计存在的意义

前不久,曾看到这样一段视频

一段可以把你感动哭的视频
语言的描述在这段视频中苍白无力
我们眼中的平凡世界,却是他们眼中的璀璨星河
当你看到他们的反应后
你、我、我们

感受到了科技存在的意义 




 什么是色盲?



图片.png

色盲也称先天性色觉障碍,他们不能分辨自然光谱中的各种颜色或某种颜色。而对颜色的辨别能力差的则称色弱。色弱者虽然能看到正常人所看到的颜色,但辨认颜色的能力迟缓或很差。在光线较暗时,有的几乎和色盲差不多,或表现为色觉疲劳,它与色盲的界限一般不易严格区分。

色盲分为全色盲和部分色盲(红色盲、绿色盲、蓝黄色盲等)。色弱包括全色弱和部分色弱(红色弱、绿色弱、蓝黄色弱等)。色盲与色弱以先天性因素为多见,男性患者远多于女性患者。





小众不小,他们同样需要得到关注



图片.png

有关统计显示,全世界大约有【十二分之一】的男性和【二百分之一】的女性受色盲或色弱影响。从比例上来看,他们的确属于【小众】,但不应是小众就被忽略。他们也会同【大众】一样交往生活,在这个互联发达的时代,同大家一样上网浏览,办公、采购……

这也就意味着,每100个访问你网站或者使用你的APP的用户中,可能会有8位用户实际上体验到的跟你预期的完全不同,因为他们在色彩辨别上存在障碍。

这8%的用户可不可以忽略?可以,但也不可以!

从数据角度考虑也许我们可以选择忽略,但从人文角度来说,色盲、色弱者也需要得到关注,他们有权去争取尽可能享受到与大众们相同的世界!

从设计角度来说,对小众用户(色盲及色弱用户)友好的设计也普遍被业界认为是优秀的设计。因为,如果你的设计足够的好,就应该能够满足所有用户人群。

也许我们也可以说,让这些用户佩戴视频中的眼镜不就行了。

的确可以,但从设计的角度,其实我们也可以为色盲及色弱者做些什么。这是理念的不同,也是优秀设计师与普通设计师的差距!





如何进行色彩无障碍设计?5个技巧来帮你!



用户体验设计师所设计的交互界面应该是对所有用户而言都是便捷友好的。在设计上,我们也需要考虑到色盲、色弱用户群体,需要进行色彩的无障碍设计。

色彩的无障碍设计并不意味着你需要在设计的美学完整性上作出让步,你需要做的是,关注以下这5个方面。

1、不要仅靠颜色传达信息,同时使用颜色和符号

图片.png

设计不应仅靠颜色来传递信息。比如,某些类型的色盲可能很难、甚至无法看到常见的【红色错误】提示。一种解决方法就是,在需要用户注意的地方同时使用颜色和符号。例如,Facebook的表单和错误信息。

2、保持极简,将调色板的颜色限制在2-3种颜色

图片.png

设计师需要有意识的限制自己在网站或APP中所使用的颜色。设计中使用的颜色越少,产生混淆的情况就会越少。
极简主义不仅是永不过时和极具美感的设计趋势,更是你在色彩无障碍设计中的实用方法。

3、利用纹理和图案来实现对比

图片.png

改变思路,在设计中对于需要强调的元素,我们可以尝试使用不同的纹理,而不是多种颜色。
例如,色盲用户可能在解读图形和图表时感到困难。在这种情况下,可以借助不同的图案来进行呈现,同时附上适当文字。

4、选择对比鲜明的色调和阴影

图片.png

在设计中,我们可以尝试在你的设计中使用一系列对比鲜明的颜色和色调,不要只依靠黑白来对比。
例如,单词世界游戏中使用了四种颜色的方块,这样不管有没有色觉缺陷的人都能够轻易区分。

5、避免糟糕的色彩搭配

图片.png

有些颜色组合需要避免,因为它们对于色盲用户来说就像噩梦,比如:绿色与红色、绿色与棕色、蓝色与紫色、绿色与蓝色、浅绿色与黄色、蓝色与灰色、绿色与灰色、绿色与黑色等。
从明天起,做一个温暖的设计师 
同理他人、关注不同群体
赋予产品温度与灵魂 
我有一个心愿,用设计与科技改变生活!