지금 로그인 你可能也遇到过这种场景：某个 App 弹出红色提示，你却完全没留意到；朋友指着屏幕说“这不就是 74 吗”，你盯了半天，看到的却是 21，甚至一片模糊。这未必是你不够细心，很可能只是因为你恰好是那 8% 的色盲男性之一。而设计，大多数时候，并没有站在你这边。
色觉障碍，通俗叫色盲，其实比多数人想象中普遍得多。每 12 名男性里就有 1 人存在某种色觉异常，女性概率低一些，大约每 200 人里出现 1 位。光是在英国，受影响的人就超过 270 万。可我们在设计网站、App 或海报时，却常常默认所有人都能看见一模一样的颜色。我们在 Si digital 做设计时，一直把无障碍体验放在很靠前的位置，就是因为明白：一个看似不起眼的颜色选择，可能直接让近十分之一的用户感到困惑，甚至完全没法用。
很多人一听到“色盲”，脑子里就浮现出黑白电影的画面。这其实是个根深蒂固的误解。全色盲非常罕见，大约每 3.3 万人才有一例，那确实会让世界褪成灰色调。但绝大多数色盲朋友面对的真正难题，并不是“分不出颜色”，而是很难分辨相近色调之间的亮度差和饱和度差异。最常见的红绿色盲，又可以细分成两种：红色弱对红光不敏感，红色、橙色、黄色在他们眼里容易偏绿，饱和度也明显降低；绿色弱则对绿光不敏感，经常会把蓝和紫、绿和蓝、红和绿这些组合弄混。很多我们觉得一目了然的色彩区分，在他们看来根本无从辨别。
这种困扰远不止于网页设计。电视、电影，尤其是电子游戏里，这个问题长期被忽视。不少玩家因为颜色原因，连游戏的基本流程都推不下去。拿《巫师 3》来说，它有一个“猎魔人感官”功能，用来追踪气味和脚印，但开发者偏偏选了深红色做标记。在红绿色盲的视角下，这些标记几乎和草地融为一体，很难看清。其实只要增加一个替换颜色或高亮显示模式，就能让大量玩家顺畅地跨过这道门槛，但当时并没有这么做。
放在商业上，这种忽视带来的损失是真金白银的。假如你运营一个电商网站，关键按钮或促销标签恰好用了一组色盲用户难以分辨的配色，你很可能在不知不觉中就流失了 8% 的潜在客户。一家年收入 1000 万英镑的公司，因为这种细节丢掉的，可能是 80 万英镑的销售额。
好在这类问题解决起来并不复杂，只要在设计之初多留个心眼，一大半麻烦就能避免。一个最基本的做法，是确保对比度足够，而不是把希望全寄托在颜色上。即便是单色视觉的用户，对明暗差异依然很敏感。白底黑字永远是最稳妥的选择，而白底黄字，连视力正常的人读起来都费劲，就更别提色觉障碍者了。另一个更聪明的办法，是试着用亮度差异来区分信息，而不是总依赖红、绿、黄这些颜色。比如用同一种蓝色的不同亮度来区分重要程度，这样既保持了视觉上的愉悦感，又不会让人因为颜色而抓瞎，在图表、仪表盘和状态标签里尤其管用。我还建议你亲自“变成”色盲去审视一下自己的设计。现在有很多工具可以模拟不同色觉障碍下的视觉效果，你不需要真的患病，就能大致看清用户看到的是什么。打开 Photoshop，在“视图”菜单下的“校样设置”里，就可以切换到红绿色盲或蓝黄色盲的模拟模式；还有一些在线工具和浏览器插件，能一键切换。定稿前花几分钟模拟一下，看看那个精心设计的按钮是不是还那么显眼，那条错误提示还能不能一眼看到。另外，一定要记住，别让颜色成为唯一的线索。图表的折线除了颜色，可以给不同线条加上不同的纹理或线型；表单的错误提示，不只靠红色边框，也配上图标和文字说明。这样，即使有人感知不到颜色差异，依然能通过形状、纹理或文字获得完整信息。
说到底，为色盲群体做设计，并不是额外的施舍，而是把原本就该属于所有人的体验还给他们。一个真正以人为本的设计，从来不会假设所有人都能看到一样的颜色，它会在细节里，托住那些容易被忽略的少数人。