U4.05.3Colour should reinforce, never solely carry, information设计

颜色应作为增强手段而非唯一的信息载体

别名: 颜色冗余原则 · 增强通道

概念解释

正确的分工是:位置、长度、形状、文字把信息结构立起来,颜色在此基础上加速识别、引导注意、绑定语义。换句话说,把颜色从图上全部去掉之后,图的信息量应该基本保留,丢掉的只是"好看"和"一眼扫到"的加成。这个原则把颜色从"承重墙"降为"装饰面",是前两叶全部检查项的总纲。

机制

颜色作为增强通道的效率恰好来自它的感知特性:色相搜索是平行进行的(预注意加工),读者不用逐个扫视就能"看到"所有红色点——这让它极擅长把已由其他通道编码的信息"点亮"。但预注意的效率依赖通道冗余:如果只有颜色在编码类别,识别就必须退回到需要逐个确认的图例匹配,颜色最强的能力反而用不上。所以"颜色只做增强"不是保守主义,而是让颜色在它最强的用法上工作。

边界

增强式用色不等于用色越少越好:合理的红绿语义、有效的热力渐变仍然是图的重要部分,原则约束的是"信息只存在于颜色里",不是"信息不许用颜色"。探索性分析工具可以放宽——分析师自己看自己的图,失效的代价可控;对外发布的图、打印材料、面向公众的仪表盘则必须严格执行。交互图表里 hover 高亮属于颜色增强的正当用法,前提是静止状态下信息已完整。

怎么落地

  • 每张图做一次"去色测试":把颜色全部去掉,若主要结论读不出来,说明颜色在承重,需补结构通道。
  • 新图设计时先画黑白版定结构,再加颜色——顺序反过来通常以颜色补结构漏洞告终。
  • 验证:请读者在无色版本上完成与彩色版相同的任务(找最大值、判状态、比大小),完成率与时间与彩色版接近即达标;差距明显即颜色仍在独占信息。

延伸

  • 同组U4.05.1 黑白打印、强光屏幕与色觉缺陷都会使颜色失效 · U4.05.2 明度、形状、图案与直接标注是颜色的主要替代通道 · U4.05.4 仅靠颜色区分的状态提示不满足无障碍要求
  • 相邻U1.01.4 最重要的变量应分配给排序最高的可用通道 · U4.04.3 需在灰度下仍可读
  • 站内检索colour redundancy · preattentive processing · encoding hierarchy

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U4.05.3