Web Accessibility之为色盲设计(二)：检验设计的工具
看前一篇文章[Web Accessibility之为色盲设计(一)：他们是谁？]的介绍，大家应该知道除了极少数的全色盲，其他色盲总是会看到一些颜色的。所以，最大的问题不是色盲用户看不到一些眼色，而是他们看到的颜色与一般人不同。那么，如果作为一个正常人，如何让自己的设计不会给色盲用户造成麻烦呢？我们需要检验工具——色盲模拟器，来帮助我们评估设计。色盲模拟器可以帮我们近似地模拟色盲的眼光看世界。下面介绍一些常用的色盲模拟器。
Color Oracle
Color Oracle 可以即时模拟常见的色盲：红色色盲，绿色色盲，和蓝色色盲，但不能模拟各种色弱和全色盲。它的模拟结果（各种网页、图片等）可以即时呈现。不过，需要额外安装Java运行环境。
下载地址
Color Oracle 可以即时模拟常见的色盲：红色色盲，绿色色盲，和蓝色色盲，但不能模拟各种色弱和全色盲。它的模拟结果（各种网页、图片等）可以即时呈现。不过，需要额外安装Java运行环境。
下载地址
Color Oracle 效果图
Vischeck
Vischeck提供了网页模拟和图片模拟两种模拟器。网页模拟可以把指定的网页按照色盲的视角显示。同理，图片模拟可以把指定的图片按照色盲的视角显示。它可以模拟常见的色盲：红色色盲，绿色色盲，和蓝色色盲，但不能模拟各种色弱和全色盲。Vischeck提供的网页模拟和图片模拟都需要使用它的在线服务才能完成（免费）。不过，它的图片模拟功能，提供了Photoshop插件。下载后，在photoshop里就可以实现图片的模拟，不用连接网络。
Vischeck 网页模拟器界面
Vischeck 图片模拟器界面
Vischeck (photoshop 插件界面)
Coblis-color blindness simulator
这个图片模拟器支持几乎所有色盲、色弱模拟（需要使用它的免费在线服务才能完成）。但是，它对于需要模拟图片的容量大小有限制，而且模拟后的图片很小。
这个图片模拟器支持几乎所有色盲、色弱模拟（需要使用它的免费在线服务才能完成）。但是，它对于需要模拟图片的容量大小有限制，而且模拟后的图片很小。
Coblis color blindness simulator 界面和效果图
Colorblind Web Page Filter
这个模拟器可以模拟几乎所有的色盲种类（包括色弱，全色盲）浏览指定网页的情景。不过，需要使用它的免费在线服务才能完成，而且产生模拟后网页的速度很慢。
这个模拟器可以模拟几乎所有的色盲种类（包括色弱，全色盲）浏览指定网页的情景。不过，需要使用它的免费在线服务才能完成，而且产生模拟后网页的速度很慢。
Colorblind Web Page Filter 界面
Color scheme designer
Color scheme designer是一款比较适合视觉设计师的在线配色工具，可以模拟几乎所有色盲看到的不同颜色情况，但不支持图片和网页的色盲模拟。它不兼容IE6的浏览器，使用时请用IE7以上的版本，或者用最新的火狐浏览器。
Color scheme designer是一款比较适合视觉设计师的在线配色工具，可以模拟几乎所有色盲看到的不同颜色情况，但不支持图片和网页的色盲模拟。它不兼容IE6的浏览器，使用时请用IE7以上的版本，或者用最新的火狐浏览器。
Color Scheme Designer 界面
总结
我个人比较推荐使用Color Oracle，因为它是即时模拟的，不像其它的一些模拟器只提供在线服务，有网速限制。甚至有的模拟器网络连接速度极慢，比如：Colorblind Web Page Filter。虽然Color Oracle只支持红色色盲（Protanopia），绿色色盲（Deuteranopia），和蓝色色盲（Tritanopia），但是对于设计师发现容易混淆的颜色已经够了，换句话说，如果上面提到的色盲都在使用你的产品或服务时，都没遇到“颜色”问题的话；相对来说，有颜色辨别能力更强的色弱用户就更应该没有问题了。
我个人比较推荐使用Color Oracle，因为它是即时模拟的，不像其它的一些模拟器只提供在线服务，有网速限制。甚至有的模拟器网络连接速度极慢，比如：Colorblind Web Page Filter。虽然Color Oracle只支持红色色盲（Protanopia），绿色色盲（Deuteranopia），和蓝色色盲（Tritanopia），但是对于设计师发现容易混淆的颜色已经够了，换句话说，如果上面提到的色盲都在使用你的产品或服务时，都没遇到“颜色”问题的话；相对来说，有颜色辨别能力更强的色弱用户就更应该没有问题了。
另外，色盲模拟器的局限性要提一下。由于人类个体的差异，没有哪个色盲模拟器可以真正模拟每个色盲实际看到的是什么，现有的这些模拟器的算法来源于样本量很小的实验，模拟器并不能精确到每个色盲个体。我们只能通过他们粗略知道哪些颜色容易引起混淆，影响用户的使用。以后的文章会进一步讨论设计哪些界面元素时要避免“不安全的颜色”，以及如何选择安全的颜色。敬请期待。^^
弱弱地问一个问题，为什么要考虑那么多色盲，只考虑全色盲不行么。。。
@Argoy
我理解这个问题应噶像在Photoshop中分别关掉红、黄、绿三种通道和把三种通道一起关掉一样，他们四者之间会有一些差别的
我就是一名蓝色盲的患者..很罕见..在不同色盲者眼中，世界是不一样的，所以自然设计要有所不同（事实上，蓝色盲一般被忽视..因为太罕见了……）@Argoy
那即是我们要针对不同的色盲情况进行不同的设计（那样会耗费很大人力物力）
还是在通用的全色盲情况（黑白）下进行检测即可呢
@Argoy
用本文开头的一段话来回答：“大家应该知道除了极少数的全色盲，其他色盲总是会看到一些颜色的。所以，最大的问题不是色盲用户看不到一些眼色，而是他们看到的颜色与一般人不同。”
@Argoy
我认为的解决方案不只是在全色盲（黑白）下进行检测，而是保证影响用户理解或者操作的一些有含义的元素（ meaning object，如导航，logo，进度条等等）不要仅仅依赖颜色表示，至少不要用容易混淆的颜色。至于一些修饰的元素——没有实际意义的，可以比较随意的使用颜色。我会在以后的文章具体叙述。当然，我们要避免走向极端。毕竟，我们想要完全复制正常人的视觉体验给色盲人群，在现阶段是比较困难的。
1/12的男人 色觉都 不正常 也是以遗传学可以计算出来的
考虑色盲用户的使用感受，这不仅是人文关怀的需要，最主要的还是使设计具有更强的可用性，其中包括一些更加细琐的指标，比如可触性、普适性以及实际的应用效果等等。
在考虑这一领域的时候，很容易陷入对色彩细节的纠结中去，而忘了从空间效果、形状效果、信息逻辑等很多方面都可以提取有益的因素加入色彩研究里去，帮助提升设计的实用性。
其他暂略 ：）
我也是色盲一员.
以我的经验,
1) 在小面积的情况下,如线状或线条图形, 不容易区分黄色和绿色.
2) 白底黄字或者红底黑字,我也不容易阅读.
3) 都说不给色盲考驾照. 但我个人的经验是, 只有在红绿信号灯的发光强度足够的情况下( 比如,红色灯容易被日光掩盖,就必须加强其发光强度,同时最好也要增加发光面的面积) ,也很容易的识别红绿信号.
@呆聋瞎
我觉得首先要保证大多数正常视力的人的视觉效果。在此前提下将对色弱、色盲用户的视觉效果作为plus来考虑。
如果一味追求对少数人的照顾，影响了绝大多数用户的视觉效果，最后只会得不偿失。
@Jacky
毕竟连全世界通用的交通指示灯都没考虑那么多……
不是交通指示灯的发明者不想考虑，是他压根还没那个意识，结果错误被继承下来，结果现在修改就要很大成本。
我当然同意不要矫枉过正，我们要避免走向极端。毕竟，我们想要完全复制正常人的视觉体验给色盲人群，在现阶段是比较困难的。但是我还是要重复唠叨一下：影响用户理解或者操作的一些有含义的元素（ meaning object，如导航，logo，进度条等等）不要仅仅依赖颜色表示，至少不要用容易混淆的颜色。至于一些修饰的元素——没有实际意义的，可以比较随意的使用颜色。这种做法我觉得比较好，色盲和非色盲都不影响，只不过设计师要多动动脑子。
@呆聋瞎
因为修改所需的成本，所以就限制了色盲/色弱人士不许开车。这条法律其实有点问题。呵呵。