产品UI界面设计中，为色盲（弱）人士设计的6种方法

随着行业发展越来越成熟，法规制度越完善，越来越多的所谓特殊化、定制化的设计孕育而生，比如为老年人而设计的关爱版、为农民而设计的乡村版，等待，本文和大家探讨专为色盲（弱）人士设计的5种产品UI界面设计方法。

色觉缺陷 (CVD) 影响全球约 12 名男性和 200 名女性中的 1 人；每访问您的网站或应用程序的 100 个用户，多达 8 人可能患有 CVD。 红绿色盲是最常见的缺陷，影响大约每 12 名男性中有 1 名（8%）和每 200 名女性中有 1 名（0.5%）。 想象一下提交一个在线表格并收到一条错误消息，“您的提交有问题。请改正。” 您向下滚动页面，但没有任何迹象表明问题的原因。 这是色盲用户每天都会遇到的场景，因为他们无法区分以红色突出显示的字段。

色盲类型：
红眼：对红光的敏感性降低。
弱视：最常见的色盲类型，很难看到绿灯。
第三色盲：极为罕见，很难区分蓝色和黄色。

为色盲设计：无法区分两种颜色和无法通过界面滑动是两件不同的事情。一个好的设计是包容的，适用于任何情况下的每个人。

1、利用颜色和符号的组合来传达信息
根据万维网联盟 (W3C)，为色盲用户设计的可访问性指南之一提到： 颜色不被用作传达信息、指示动作、提示响应或区分视觉元素的唯一视觉手段。 所以这个问题可以用图标和符号的组合来解决。
比如，通知用户他们犯了错误，可以通过识别度比较高的图标设计，甚至微小的动画效果，来提升UI界面的包容性设计。

2、避免某些颜色组合
必须避免具有较低对比度或难以区分的颜色组合。
以下是UI设计界面时要避免的颜色组合列表：
绿棕色
绿蓝
绿红

绿黑
绿灰色
蓝紫色
蓝灰色
浅绿色-黄色

3、获得正确的对比度
对比度是颜色的差异，它使物体与彼此靠近的物体区分开来。对比度越大，视力障碍者的可读性就越好。根据 W3C： 文字和文字图像的视觉呈现满足至少4:5:1的一定对比度。

4、加强主要按钮的视觉层级设计
使主按钮脱颖而出绝对是一个好主意，但有时使用它可能会让色盲用户难以察觉。
以下调整迎合了我们所追求的包容性设计：
尝试主按钮的不同放置组合
增加主按钮的大小
增加主要和次要按钮之间的对比度
使用图标、边框甚至字体粗细来区分主要按钮和次要按钮。

5、使用纹理、图案和文本标签
在处理数据可视化时，颜色差异至关重要。在制作可访问的可视化方面可以做的一些调整如下：
为句段添加文本标签以便于理解
使用纹理和图案来区分不同的片段

6、色盲设计状态测试
您也可以在 Photoshop 中模拟色盲： 一、将PSD文件转换为RGB颜色模式 选择视图 > 校样设置 > 色盲，然后选择 Deuteranopia 类型或 Protanopia 类型。

最后总结：
1、颜色不被用作传达信息、指示动作、提示响应或区分视觉元素的唯一视觉手段。
2、对比度越大，视力障碍者的可读性就越好。
3、文字和文字图像的视觉呈现满足至少4:5:1的一定对比度
4、在处理数据可视化时使用纹理、图案或文本标签。
5、多使用使用在线对比度分析仪。
6、通过PS等软件，在色盲模式下进行可用性测试。