A1.06.2Red-green semantic opposition failure设计研究

红绿配色的语义对立对该人群失效

别名: 混淆线 · confusion line · 红绿对立编码失效

概念解释

界面里有一个极常见的约定:用红色和绿色表示两种相反的含义——错误/成功、停止/前进、下跌/上涨、关闭/开启。对有红绿色觉缺陷的人来说,这套约定的对立关系会部分或完全失效:红色和绿色在他们眼里可能是相近甚至难以区分的颜色,靠色相本身无法读出"这是两个相反的状态"。

一个常见误解是以为色觉缺陷者"只是看到的颜色不那么鲜艳"。实际的失效方式更具体:不是某一种颜色变暗淡了,而是这两种被专门选来表示对立含义的颜色,恰好彼此变得容易混淆——最坏情况下,用户看到的是"分不清这是哪一种状态",而不是"颜色淡了一点但还能分辨"。

机制

色觉缺陷者混淆颜色的方式不是随机的,而是沿着色彩空间里的特定混淆线(confusion line)发生——具体是哪条线,取决于是哪一类锥体出了问题(protan 混淆线、deutan 混淆线)。问题在于,界面设计里常规选用的"红色"和"绿色",往往恰好落在或非常接近这些混淆线上:设计师是按照"在正常三色视觉下对比最强烈"这个标准去挑选红绿对立配色的,而这个标准挑出来的正好是色觉缺陷人群辨别能力下降最严重的那个方向。也就是说,不是"红绿色觉缺陷者看不清红色或绿色本身",而是这个专门为了制造强烈对立而挑出的颜色组合,恰好落在了他们敏感度受损的那条轴线上。

怎么研究

研究上常用基于 LMS 锥体响应空间变换的算法(Brettel、Viénot、Machado 等提出的二色觉模拟算法)计算混淆线的位置,据此预测哪些颜色组合对 protan/deutan 观察者会坍缩为难以区分;这些预测再用真实被诊断的色觉缺陷被试的行为辨别实验(匹配、辨别任务)做校验。自变量是颜色对相对混淆线的位置,因变量是实际被试的辨别准确率或混淆率。

边界

  • 不是所有红绿组合都同等失效。 具体后果取决于选用的色相、饱和度、明度数值;有些红绿组合本身在明度上差异较大,即使色相方向接近混淆线,对色觉缺陷用户依然可分辨——失效specifically发生在沿混淆线方向的颜色对,不是"任何红绿搭配"都注定失败。
  • 严重程度不是二元的。 异常三色视觉者(大多数红绿缺陷者属于这一类)受到的影响通常轻于完全二色视觉者,"失效"是一个随严重程度上升的风险,不是对所有受影响人群都同等成立的绝对结论。
  • 这条针对的是"同时呈现两种颜色时能否区分",不是单独某一种颜色是否可见。 红色单独出现或绿色单独出现,色觉缺陷者依然能看见,只是当它们被用来做二选一的对立判断时容易混淆。

怎么落地

  • 不要只靠红色与绿色作为二元对立含义(成功/失败、开/关)的唯一区分手段;额外叠加至少一个通道——明度差、图标形状、位置、文字标签。
  • 如果因为惯例必须保留红绿配色(比如股票涨跌色、交通灯隐喻),确保这对颜色在色相之外还有明显的明度差,因为明度通道对这部分人群基本保留完好。
  • 验证办法:上线前用二色觉模拟算法(protan、deutan 各跑一次)检查实际使用的红绿配色对,确认模拟后原本的对立关系是否依然可读;如果模拟后两者变得难以区分,就说明这对颜色落在了混淆线附近,需要重新选值或加辅助通道。

延伸

  • 同组A1.06.1 红绿缺陷最常见且男性比例远高 · A1.06.3 色觉缺陷者仍能分辨明度差 · A1.06.4 色觉模拟工具只能验证部分类型
  • 相邻U4.04 色觉缺陷安全的配色 · J2.03 信息不依赖颜色
  • 站内检索confusion line · dichromat simulation · red-green semantic coding

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/A1.06.2