我们都以同样的方式看待颜色吗？看看上面的图片。如果你看到了数字21，或者你根本没有看到任何数字，很可能你有某种色盲(如果你有完整的色觉，你应该看到数字“74”)。
据估计，大约每12名男性中就有1名(8%)和每200名女性中有1名患有某种色盲。在英国，这意味着大约有270万人受到影响，占总人口的很大一部分，但在设计网站和用户界面时，他们往往被遗忘。
在Si数字公司，我们考虑用户体验和可访问性贯穿于每一个项目。我们使用各种工具和技术来帮助我们理解视觉障碍，并利用这些知识使我们的网站更加可用，减少对色盲者的挫折感。
色盲是什么？
色盲有多种不同程度的严重程度。有色盲的人只看到黑白相间，这是一个常见的神话。虽然这是真的，
单色性
(也被称为全色盲)是非常罕见的，估计每33 000人中就有1人受到影响。这种严重的视力损害只允许一个人在灰阶上看到。要记住的一个重要因素是，对于大多数色盲的人来说，区分不同的颜色并不太困难，它能区分出颜色和颜色相似的亮度之间的差异，从而引起问题。
最常见的情况是红绿色盲，分为两组.
有
原肿大
降低了对红灯的敏感度。红色、橙色和黄色倾向于向绿色转变，看起来不那么饱和。有
氘异常
降低了对绿光的敏感度，很难区分蓝色、黄色、紫色、红色、蓝色和绿色。
野外的色彩
长期以来，无论是在网站设计上，还是在电视、电影，特别是电子游戏中，色盲带来的困难都被忽视了。有许多情况下，用户不能玩一个游戏，或无法进步，因为基本的UI元素是无法区分的人谁患有色盲。以巫婆3的例子为例-
该游戏的功能是使用更高的感官跟踪气味，跟踪脚印和寻找线索。然而，游戏开发人员选择了深红色作为标记，因此很多用户抱怨说他们看不清楚这些标记(或者根本看不到)。一个简单的颜色变化，或改变颜色的选择，将使这个游戏更容易访问。
色盲是一个需要认真对待的问题，因为有视力障碍的人口比例很高。如果您的网站或应用程序特别不优化，您可能会失去大量的客户。例如，我如果用户由于颜色冲突和缺乏对比度而无法区分一系列图标，该用户可能会感到沮丧并找到替代服务。如果这是每一个色盲的潜在客户的经验，你将失去超过8%的潜在销售额-对于一个收入为1000万英镑的企业来说，该公司可能会损失80万英镑的巨大销售额！
如何在设计中考虑色盲
虽然色盲会给用户带来巨大的问题，但它实际上是相当简单的战斗。如果你意识到这些问题，那么你已经走到了一半。
1.使用对比颜色
即使是拥有单色色彩的人也仍然有一种感觉
反差
-光与暗的比例差别。为了确保你的网站对有视觉障碍的人来说是可读的，你必须确保你的内容与你的背景有很好的对比。例如，白色背景上的黑色文本将具有很高的对比度和可读性。而黄色文本在白色背景上有一个低水平的对比度，将几乎是可读的，即使是对人的完全视觉！
我们用的是
对比工具
在视觉上测试颜色组合的可读性。该工具是相当不言自明的，在您的下一个项目中尝试一下。
便利提示：
在测试您的设计时，使用您所拥有的最小/最老的兼容设备，最好是在糟糕的照明条件下，以便了解“最坏情况”的用户体验。例如，如果用户无法在黑暗中阅读内容，那么设计闹钟应用程序是没有好处的。
2.使用不同的色调而不是多种颜色
单色配色方案(不要与全色盲、单色性混为一谈)使用一种颜色的多重色调，而不是使用各种不同的颜色。这将有效地减少与颜色有关的挫折感，是一个伟大的方式，包括对比在您的设计。单色配色方案不一定是黑白的，使用多种颜色的蓝色，我们可以创造一个视觉上令人愉悦的设计，完全可读性。
3.在设计时亲身体验色盲。
AdobePhotoshop中的色盲模拟
有许多免费的工具可以模仿色盲的效果，让你了解色盲者如何确保你的用户界面像你想要的那样工作。
Photoshop
有自己的(轻微隐藏)的证明设置功能，只需去查看>证明设置，然后你可以选择远视和屈光度。完成测试后，只需切换回监视RGB即可。
素描色盲模拟
不幸的是，对于
素描
颜色测试，然而，有各种插件，让你做完全相同的事情。我们建议
彩色甲骨文
，这是一个免费插件，可以实时显示有常见色觉障碍的人会看到什么。
浏览器中的色盲模拟
我们使用的是google Chrome插件，它被创造性地称为“
我想看上去像色盲
“这样你就可以在现场网站或测试环境中模拟色盲。这是一个方便的工具，颜色和对比测试，因为它提供多种观看模式，包括完全单色。
4.仔细选择颜色组合
不幸的是，作为设计师，我们并不总是能够选择我们在设计中使用的颜色，有时我们受到品牌指南的限制。但是在可能的情况下，在你建立一个品牌之前，选择和测试你的原色和第二颜色是明智的。下面是你应该避免使用的颜色组合图。
如果有疑问，完全避免使用颜色，选择一个简单的黑白、高对比度的配色方案！
5.用纹理代替颜色
在设计像图表和信息图形这样的东西时，考虑使用纹理或视觉模式来帮助区分两种颜色。例如，以下面的饼图为例。一个有远视症的用户会发现，由于颜色太相似，很难区分不同的切片。然而，如果我们简单地添加一些纹理或模式，图形是100%的可读性。
6.避免单独使用颜色作为指示剂
在设计像表单和复杂界面这样的元素时，你不应该单独使用颜色作为指示器。以下面的表格为例。左边的那个只用颜色来表示出了什么问题。视力正常的人将能够看到电子邮件字段变红，表明出现了某种错误。然而，对于有申命异常的人来说，成功字段的绿色与错误字段的红色是无法区分的。解决此问题的最佳方法是使用某种图标、符号或标签来表示错误已经发生，如右边所示。
结语
在这里要学到的最重要的一课是，除非你确信色盲的人能区分你选择的颜色，否则你不应该单独用颜色来表示重要的东西。在可能的情况下，使用图标、文本、形状、纹理或其他视觉提示。
以及
向用户传递信息时使用颜色。
测试可访问性有很多种方法，但是这些工具并不总是完全准确的-最终，查看您的设计是否合适的最好方法是执行真正的UX审核。很可能你认识一个色盲的人，为什么不让他们审查你的设计呢？
