平静的 HMI 配色方案：为什么灰色胜出

走进一间建于 1990 年代末的控制室，屏幕往往像一棵圣诞树：红色的泵、绿色的电机、蓝色的储罐、黄色的管道、渐变按钮、投影阴影、照片级的 3D 容器。设计阶段有人问过“泵应该是什么颜色？”，而答案来自个人偏好，而不是系统规则。

结果是一块布满颜色的屏幕，而颜色不再有任何含义。当所有东西都五颜六色时，操作员的眼睛无法分辨哪个红色对象正在报警，哪个只是被涂成了红色。这正是长期报警疲劳、漏看事件背后的现象，也是 ISA-101 那场漫长讨论的起点，讨论的结论是：从灰色开始，每一种颜色都要有理由才能使用。

1. 颜色的两条规则

ISA-101 的颜色理念可以浓缩为两条规则：

1. 颜色表示状态，而不是身份。泵之所以是泵，靠的是形状，而不是因为它是蓝色的。同一条产线上的两台泵应画得完全一样——只有状态不同。
2. 饱和色只留给异常工况和操作员引起的状态变化。全饱和的红、橙、黄、蓝是一笔有限的预算。如果把它们花在装饰上，报警就无色可用了。

2. 标准配色方案

表面（屏幕的大部分）

报警优先级

设备状态

就这些。总共十二种颜色，一半是灰色。每一块现代 ISA-101 画面都在这套配色之内。当你看到一块违反它的画面，通常可以把问题追溯到项目最早的决定——而且通常可以预见，操作员已经学会忽略至少一种“重要”颜色，因为它在别处被当作装饰用过了。

3. 灰色为什么有效

灰色有效，是因为它不会和报警颜色争抢注意力。视网膜的注意力预算有限——被注意到的，是与周围不同的东西。灰色海洋上的一个红色 P1 指示会立刻跳出来。同一个指示放在糖果色的画面上，只是又一个彩色元素，在统计上与一个装饰性的红色标签没有区别。

平静的 HMI 并不好看。它们看起来像仪表盘——这正是重点。

这同样适用于图形：去掉 3D 斜角、渐变、投影阴影和高光反射。扁平的 2D 在每一项可用性研究中都胜出，因为操作员的模式识别不必额外费力，从照片级装饰中提取抽象信息。

4. 色盲与对比度

约 8% 的男性和 0.5% 的女性有某种形式的红绿色觉缺陷。如果报警只靠红与绿来传达优先级，就把相当一部分操作员排除在外了。

解决办法不是改颜色——工程师默认红色代表紧急——而是增加冗余编码：

• 形状：P1 报警用三角形标记，P2 用六边形，P3 用正方形，P4 用圆形。即使去掉颜色，优先级依然可读。
• 位置 / 图案：报警标记始终出现在符号的同一个角上，优先级除了颜色，还由标记文字（P1、P2……）表示。
• 对比度：WCAG AA 建议正文与背景的对比度至少为 4.5:1。每种报警颜色都搭配白色文字，并实测对比度。

5. 反模式

装饰性颜色

“锅炉是热的，所以把它画成橙色。”不行。锅炉是灰色的；它的温度显示在超出范围时才使用状态颜色。给设备本身上色，只会训练操作员忽略真正重要的颜色信号。

渐变和玻璃质感按钮

渐变把颜色信息浪费在许多色阶上，而这些色阶没有任何含义。它们也不耐看——2008 年看起来“现代”的东西，到 2024 年已经过时。纯色填充不会过时。

永久闪烁

动画是稀缺资源。闪烁的元素应该表示“新报警，需要确认”。确认之后，报警变为常亮（仍是红色），但停止闪烁。永久闪烁几小时内就会退化为背景噪音。

给正常数据上色

“流量用蓝色显示，温度用红色显示。”这会与报警含义冲突。正常的数值读数使用中性灰色，只有当数值超出正常运行范围时才切换为状态颜色。

3D 容器与照片级写实

带镀铬高光的透视渲染储罐在销售演示中很抢眼，而研究表明它会让操作员的扫视速度降低 20–30%。使用扁平的 2D——大脑对简单形状的模式匹配更快。

6. 综合起来：“改造前/改造后”示例

想象一块有三台泵的画面。“改造前”的版本使用 WinCC ME 默认库的图形：

• 泵画成饱和蓝色，带白色的泵曲线符号。
• 位号用红色文字浮在旁边，因为红色“显眼”。
• 背景从白色到浅蓝色有一层淡淡的渐变。
• 一台泵正在报警——它的轮廓在蓝色泵体上闪红。

操作员看到的是：一块彩色画面，其中有一个元素在闪烁。哪个元素？眼睛得在蓝 / 红 / 白 / 渐变之间搜寻一圈，才能落到报警的那台泵上。

使用平静配色的“改造后”版本：

• 泵用浅灰填充、深灰轮廓绘制，状态用纯绿色（运行）表示。
• 位号用等宽字体的深灰色（P-101、P-102、P-103）。
• 背景为纯色 #C8C8C8。
• 报警的泵在角上显示一个小的红色 P1 标记。泵体仍显示“运行”，因为它确实在运行。

现在报警的泵一眼就能看到。眼睛不需要搜寻。这就是平静 HMI 的意义所在。

7. 在符号编辑器 (Symbol Builder) 中使用这套配色

上面的十二种颜色就是符号编辑器的内置色板：设备本体用中性灰绘制，只在状态机需要的地方应用状态或报警颜色。发布到社区库的符号在获得符合 ISA-101 标记之前，会自动检查配色和线宽，所以你在 Explore 页面上找到的符号已经遵守这条规则。你仍然可以把灰色调亮或调暗，或者按客户的企业风格调整报警色相（在合理范围内——保持可区分），并决定位号是直接画进符号里，还是作为独立文本对象叠加在上面。

8. 延伸阅读

• ISA-101.01-2015——《Human Machine Interfaces for Process Automation Systems》（过程自动化系统的人机界面）
• Bill Hollifield 等——The High Performance HMI Handbook（高性能 HMI 手册）
• WCAG 2.1 对比度指南（W3C）
• ASM 联盟——《Effective Operator Display Design》（有效的操作员显示设计）