网站设计如何考虑到色盲患者?
在商业世界,做任何事情,无非是两个问题。一是值不值?二是难不难?如果值得并不难,则可以去做。
设计网站的时候,考虑一下色盲患者,就属于“值得并不难”的事情。
什么是色盲?
我们首先做一个知识点普及——什么是色盲?
色盲是一种先天性色觉障碍疾病,主要有红绿色盲、黄橙色盲以及全色盲。
红色盲会将红色看成是红深棕色,将橙色、黄色和绿色呈看成是黄色;,将色看起来像蓝色。绿色盲会将红色和绿色看起来像棕黄色,紫色看起来像蓝色。黄橙色盲,看红色没有明显的影响,蓝色变得更绿,黄色和橙色变成了粉红色,绿色变成了蓝色。而全色盲则是不能分辨出颜色。
值不值?
在设计网页的时候,考虑到色盲患者,做这件事情到底值不值呢?在我们看来,是值当的。
其一,色盲群体数量不少。以我国为例,男性色盲患者6000多万,女性色盲患者2000多万,接近一个亿。
其二,公共产品是非排斥性的。例如事业单位的网站、政府机构网站,它们属于公共平台,应该考虑到色盲患者的阅读体验。
其三,搜索引擎对考虑色盲用户的网站设计是加分的。当然,我们不知道搜索引擎算法是否考虑了这一因素,但是未来,可能会考虑这一因素。因为针对盲人的无障碍阅读设计,已经被搜索引擎列为加分项。
其四,如果品牌网站设计考虑了色盲患者,对品牌形象的提升也是有帮助的。
综上,网页的设计师在设计网站的时候,应该去做这样的事情。
难不难?
在设计网站的时候考虑到色盲患者,这件事情难不难办呢?我们为设计师提供如下参考:
1,不要太依赖颜色。
在设计一个概念的时候,一定要记住不要依赖太多的颜色来传达重要的信息。否则,有色盲的人将很难理解你的设计,并可能导致糟糕的用户体验。
也就是说,不要太依赖颜色去传达信息,而是应该借助语音、文字等进行信息传达。例如,投票的设计,除过通过颜色划分比例,还应该进行数字说明。
2 ,使用色彩模拟器。
色彩模拟器可以模拟色盲用户看到的景象。设计者需要借助这一工具,去进行配色和搭配。
不少设计软件都内置有色彩模拟器,例如Photoshop的色彩模拟器,可以通过“查看”-“证明设置”的路径启动。
3,利用对比度、色相、饱和度和亮度。
虽然色盲患者无法**分辨颜色,但是他们对对比度、色相、饱和度以及亮度的感知,则是很出色的。设计师可以充分利用这一点进行视觉设计。例如,可以使用浅蓝色背景,并将其与深蓝色的元素进行搭配。
第四,使用单色搭配。网页设计可以采用单色方案,通过调整对比度和亮度以及深浅,也可以实现色彩搭配的和谐。
总之,网页设计过程中考虑色盲用户,这件事情值得做,做起来也不难。