交互设计案例:面向色盲人士的友好设计(2)

二.设计解决方案

设计面向色盲人士友好的信息图形，并不意味着要设计师要放弃使用色彩这种“利器”。即便是对色觉障碍的人士来说，颜色依然是区分不同类数据的一种简单快速的表现形式。要提高信息图形的识别性和易读性，我们可以遵循这样几个思路寻找解决方案：（1）不完全依赖颜色来区分信息，同时使用多种视觉变量来编码信息；（2）选择安全的配色方案；（3）使用文字注解。

1.冗余编码

避免仅使用颜色来编码信息，应尽量同时使用多种视觉变量（如形状+颜色、尺寸+颜色、注释+颜色）来对信息编码。其中，形状包括了这样一些可使用的元素：圆形、三角形、矩形等；实线、虚线、点线等；字母、数字符号等。这里需遵循的一个原则是：使用尽可能少的颜色——结合使用不同形状符号和少量鲜艳的颜色，效果远好于只使用一种形状和多种颜色。

2.选择适当的配色
针对色盲人士的颜色识别能力，需要精心选择配色，才能避免选择容易混淆的色区。然而，要使配色能覆盖到各种色觉辨认能力的人（包括色盲、色弱和色觉正常的人群）并不是一件容易的事，尤其同一界面需要出现多种颜色时，让设计师非常头疼。日本有研究得出一组无障碍配色建议，在此分享，供大家参考。这组颜色针对色盲和非色盲人士都是易辨识的（例如它选择了朱红色代替红色，蓝绿色代替绿色，紫红色代替紫色，以减少色盲人士的困扰），它对屏显和印刷都适用，并且所有颜色的名称也容易定义。

需要注意的是，从以上配色组中选取颜色时：A. 请交替使用暖色和冷色；B. 当使用多个暖色和多个冷色时，在明度和饱和度上做出区别； C. 避免同时使用低饱和度和低明度的组合。
另外分享两个配色工具，它们都提供了针对色盲人士配色的选项，可以辅助大家进行配色：
网站CONTRAST-A-WEB V2.0　http://www.dasplankton.de/ContrastA/（打开“show color deficiency simulation”面板）
地图配色工具COLOR BREWER 2.0 http://colorbrewer2.org/（勾选“colorblind safe”选项）