2020年10月11日敏读
我要坦白。
直到最近我才公开承认这一点,但我是个活生生的矛盾修饰法。我是一个色盲平面设计师。
奇怪吧?
我记得在幼儿园的美术课上,我经常问我的朋友们我用的是蓝色还是紫色的蜡笔。我不明白为什么我的朋友能看出区别,而我却看不出来。
直到上中学我才发现这是因为我绿色盲色盲. 这是一个很花哨的词我总是不能区分蓝色和紫色.
当我进入设计行业时,我隐藏了我的色盲。我把它看作是一种弱点,一种会让我退缩的东西。
谁会雇佣一个看不清颜色的设计师呢?
几年前,当我开始更多地了解生命的重要性时,一切都改变了无障碍设计为每个人创造平等的网络体验。
我开始把色盲视为一种超级大国。虽然它远没有超级力量或飞行能力那么酷,但它在UX/UI世界中确实非常强大。
我学会了我能够很容易地发现有问题的颜色组合和缺乏足够对比度的区域,这是许多其他设计师可能忽略的。
这也帮助我从一个更包容的角度来看待网页设计。我了解那些在浏览网站时遇到无障碍问题的人面临的痛点和挑战。
对于那些不是色盲的人来说,理解如何为色盲设计是一项困难的任务。幸运的是,你不需要跑出去给自己找一个色盲设计师。
我们很棒,但我很确定我们是一小群人。
相反,这里有很多有用的指南和资源,可以在这个主题上对您进行教育,并帮助您向用户提供更好的体验。
该队在IMI,一家提供全方位服务的数字营销机构有见地的信息图表这给人们上了一堂针对色盲设计的速成课。
信息图涵盖了色盲的不同形式,如何为它们设计,甚至包括一些工具来帮助你测试你的网站调色板。
色盲的三种主要形式
在你开始为色盲设计之前,你需要了解它的不同形式。你公司的品牌可能有一种颜色组合,只会影响某种类型的色盲,所以知道谁该考虑是很重要的。
1.视力减退
原生生物很难区分蓝色和绿色以及红色和绿色之间的区别。
2.半翅目
Deuteranopia是最常见的色盲类型,影响约6%的男性人口。Deuteranopia也被称为“红绿色盲”,但这个名字有点误导。患有半翅目夜蛾的人很难区分不同颜色之间的差异;不仅仅是红色和绿色。
3.三盲
受tritan色盲影响的人将蓝色与绿色、黄色与紫色混淆。
设计色盲的用户界面提示
这张信息图突出了一些简单的技巧,你可以马上在你的设计中实现它们。一些更值得注意的建议包括:
使用纹理和模式进行对比
仅仅依靠颜色来区分图表上的数据可能会让色盲用户很难理解。您可以在颜色上使用微妙的模式,以使该数据更容易理解。
使用颜色和符号
当涉及到表单时,有某种色盲的人可能无法看到红色的错误消息。解决这一问题的一种方法是在需要引起用户注意的地方同时使用颜色和符号。
要查看所有可用于色盲设计的提示和工具,请查看以下信息图: