色盲撰稿人的辅助功能设计建议

色盲撰稿人的辅助功能设计建议

我的同事和朋友一直嘲笑我“色盲”。我也开玩笑。都是肋骨。值得庆幸的是,很少有人会在我面前拿着一件紫色的衬衫问:“哦,色盲的人,这是什么颜色?”

我的一个前朋友曾经做过一次。一旦。

人们一直在问的是色盲的感觉。由于我从事设计行业,因此我认为与您分享一些见解可能会有所帮助 使设计更易于访问。毕竟,设计全都与沟通有关-沟通始于理解。

 

首先,让我们消除色盲的神话。

让我们马上解决一件事:“色盲”确实是用词不当。听起来好像政治上的正确性ok之以鼻,但如今流传的更准确的术语是“色觉不足”。甚至还有一个有趣的缩写-CVD。

我不会深入探讨杆和锥以及各种类型的色盲的科学问题。有足够的篇幅完全不同的文章,由比我聪明的人写。

但仅出于讨论目的-我有最常见的CVD形式。我是个“坚强的Deutan”,这意味着我眼睛的颜色感应部分–视锥–看到了太多的红色,而没有看到足够的绿色。幸运的我。

当然,这种“红绿色”色盲形式并不意味着仅这两种颜色会对我造成问题。我总是混淆绿色和棕色,蓝色和紫色以及绿色和灰色。

那么色觉不足怎么办?

这是我的描述方式(在其他地方也没有看到此描述):请考虑一下黄昏后的色觉。在“黄金时刻”之后,当照片达到最佳色彩时,太阳落在地平线以下,色彩逐渐消失。他们仍然在那里,但是很难区分它们。红色,棕色和灰色似乎融合在一起,即使是有识之士也是如此。

这就是我一直看到的方式。不是暗淡的部分,而是静音部分。我仍然看到颜色,并且根据上下文,我通常可以很好地进行识别。但这是有根据的猜测。和辨别色相接近吗?弄清楚那些裤子是否和那件衬衫匹配?算了吧。

这与设计有什么关系? 一切 .

这样考虑:图形设计的整个重点就是传达信息。当您忘记别人如何看待颜色(或可能 看到某些颜色),您会立即使人们更难以看到和理解您的信息。当您使用类似的色调和颜色值来传递消息时,而不仅仅是出于美学影响,您可能会使相当多的听众感到困惑或迷失。

考虑一下颜色图, 像下面的那个,带有大色样以显示特定的数据点。这些对于像我这样的人来说几乎是不可能的。

彩色坐标图显示了在美国新的冠状病毒病例中的增加和减少。

那么,您可以采取哪些措施来确保您的视觉设计(即使是患有CVD的人)也尽可能地可访问?

这是一些开始的地方。

 

超越色彩思考。

如果您使用颜色来显示数据点之间的差异或建立信息层次结构,请尝试不要仅靠颜色来讲述故事。 给个提示–大小,粗体或亮度–更重要的是。 或在该处扔符号或图标以使该点归位。上面的地图尝试过-但是颜色太相似了,任何东西都超出了标签所标注的含义。

 

改变您的价值观。

当您的消息对用户区分颜色至关重要时,请朝着较亮的色调移动。如果可以的话,请尽可能改变饱和度和亮度以分离颜色。具有相似值的颜色倾向于融合。

 

使用图案或符号。 

还记得地图示例吗?让我们考虑一下色盲读者的另一个痛苦点。天气图。如果可以找到,请拿起一份当地报纸的副本。天气地图很有可能会以黑白打印。

实际上是可读的!

但是,请查看您当地电视台发布的地图。它们可能是全彩色的。而且它们很难阅读。

显然,我知道,在大多数现代设计项目中,使用破折号或圆点作为区别模式可能行不通。但是,这里的想法还是要超越色彩来进行交流。这并不意味着完全放弃色彩,而是意味着要更聪明地使用颜色进行交流。

 

学会爱对比。

选择调色板时,请选择对比度最高的色相和值。对于重叠的元素尤其如此,例如彩色字段上的文本。对于有色觉的人来说,突然出现的现象对于患有CVD的人来说可能是一个斗争。

 

那么,我们该何去何从?

像任何沟通挑战一样,这里的真正答案是理解。简单地了解其他人可能不会以相同的方式感知颜色,并利用这些知识来影响您的设计过程,那么您已经领先了两个步骤。

当然,有一些方法可以帮助您以不同的方式看待事物。 Photoshop(视图下>校对设置)具有一个内置工具来模拟CVD。但是最好的方法呢?只是问一个人。在您的办公室或您的设计审核人员圈子中(您知道向别人展示您的东西),有可能是颜色不足的人。

在大多数情况下,这可能并不重要。但是,如果您想传达含义或显示重要数据,那么这非常重要。

我会留给您最后一个想法。作家负责使用正确的词与正确的人交谈,并避免使用可能对不同受众具有不同含义的短语。如果我们以同样的方式考虑颜色怎么办?

如果有人看到颜色会改变他们从您的设计中获得的信息怎么办?

(天气地图制作者,我正在看着你。请不要让我认为今晚会下雪。)

 

 

新的号召性用语

 里奇·亨德

里奇·亨德

里奇·亨德 是Atomicdust的高级撰稿人,帮助我们开发了引人入胜的网站,印刷材料,以及您偶尔看到的博客文章。基本上,他读 权利 为我们写信。 (哦,他也编辑。)

里奇·亨德 的更多文章