Y3.12.1Low-saturation background for anomaly salience设计

低饱和灰阶背景使异常色彩更容易被识别

别名: 灰阶背景 · high-performance HMI

概念解释

低饱和背景是把管道、容器轮廓、标签和处于正常状态的设备主要用灰阶或很低的色度画出来,把数量有限的高色度留给异常和需要操作者介入的状态。这是高性能人机界面(high-performance HMI)区别于传统满屏彩色仿真图(mimic diagram)的核心做法:传统做法用鲜艳颜色区分设备类型或管道种类,看起来信息丰富,但颜色本身不承载"是否需要关注"这个判断;低饱和背景做的是相对显著性设计,不是追求灰色的视觉审美,画面留白越"素",唯一冒出来的颜色才越有意义。

机制

人眼对视觉目标的搜索分两种:一种是前注意加工(preattentive processing)下的特征检出,一个和周围明显不同的颜色、方向或形状会在几十毫秒内自动"跳出来",不需要逐个对象核查;另一种是特征相近时退化成的逐项核对,速度慢得多。背景颜色的竞争程度直接决定操作者能不能用第一种方式发现异常:背景色彩越单一,一处异常色和周围的对比度就越大,跳出效果越强;如果背景本身就是五颜六色的仿真图,异常色只是众多颜色里的一种,操作者要逐区域核对状态才能发现它,等于把前注意加工降级成了逐项核对。低饱和背景长期保持稳定还有第二层作用:人对持续存在的颜色会产生适应,长期盯着同样的强烈色彩,之后发生的变化更不容易被察觉;背景保持中性色,能避免这种适应消耗掉本该用来发现异常的敏感度。

边界

灰阶不等于随便压暗,结构轮廓、标签文字仍然需要足够的亮度对比才能被读出来,把整体调得过暗同样会损害正常状态下的可读性。国家或行业强制规定的颜色语义(比如某些安全色的固定含义)优先于低饱和原则,不能为了保持背景素净而回避这些强制色。低色度也不能承担所有需要区分的复杂状态——如果一个系统需要同时表达五六种互不相关的状态类别,仅靠灰色背景加一两种高色度不够用,需要配合形状、位置或文字标注。强光直射、屏幕老化导致的色偏、以及操作者本身的色觉差异,都会改变灰阶和高色度之间实际的对比效果,同一套配色在不同现场条件下的表现不能假定一致。

怎么落地

先把界面里承载空间结构信息的部分——管道、边框、容器、标签——统一收到灰阶或很低色度里,确认这一层单独看仍然能读出装置结构。再为正常、需要关注的信息、警告和危险几个等级分别指定一种高色度,形成一份有限的色彩清单,而不是每加一个新状态就顺手挑一个新颜色。对于未知、数据陈旧或被人工抑制的状态,不能用普通的灰色去表示——那样看起来和一切正常完全一样,需要用独立的标记(图案、闪烁频率、文字)做冗余提示,不能只靠色彩缺席暗示异常。验证时在强光条件、夜间低照度条件下分别测试操作者发现异常所需的时间,并统计误报——把不该引起注意的正常波动错误当成异常的情况。

延伸

  • 同组Y3.12.2 高对比色彩应保留给需要立即关注的状态 · Y3.12.3 全屏高饱和配色会让一切都显得同等重要 · Y3.12.4 三维效果与阴影等装饰会干扰状态判读
  • 相邻Y3.03 颜色与编码规范 · Y1.06 异常的检出与突显
  • 站内检索high-performance HMI · preattentive processing · visual salience · grey-scale background

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/Y3.12.1