5.2 HMI 画面设计：让操作员三秒看懂

5.2 HMI 画面设计：让操作员三秒看懂

本节摘要：HMI 的用户不是评审领导，是凌晨三点的值班员。本节以「三秒看懂、三十秒定位」为目标，讲三条设计主线：灰度分级（正常态安静、异常态刺眼）、层级导航（总貌到细节的钻取路径）、报警设计（分级矩阵与泛滥抑制）。最后给一份「画面病」清单，供评审时逐条对照。

画面是给人用的仪器

画面设计的最大误区，是把 HMI 当成「厂区形象的橱窗」：立体动画、渐变配色、无处不在的装饰图形。评审时人人叫好，投运一个月后操作员怨声载道——因为在真正的运行场景里，画面是台仪器：它要在操作员扫视的一瞬间传达「一切正常吗」，在异常时第一时间把视线拽到出事的位置。人因工程研究给出过清晰结论：人对颜色、亮度、运动的注意力分配是本能的，设计要顺应本能而不是挑战本能。三条主线全部由此展开。

一、灰度分级：正常态要安静

高保真画面设计的核心原则：正常时画面几乎是无声的灰，异常时才有颜色与动态。具体手法：

• 设备状态色低调化：运行泵用中等灰度加方向箭头，停运泵用浅灰；不用大红色表示「运行正常」——红色必须留给报警，这是全行业通用的语义契约，动它等于改写操作员的条件反射。
• 管道不流动画：流动动画好看，但成片动画让「哪里在动」失去信息量；用管道色带表示有流，流向用静态箭头。
• 数据用等宽数字字体：数值跳变时不会抖动版面；小数位数与工艺精度一致，多余的位数制造假精度还干扰扫读。
• 关键越限前置：主要参数在画面上自带迷你趋势条，越限趋势一眼可辨，不需要点开曲线窗口。

图 5-2 画面层级导航与灰度分级示意

二、层级导航：总貌、工艺、详情三层

层级结构的经典三段：全厂总貌（一屏看全厂，只放关键指标与异常入口）、车间工艺图（一屏一个工艺系统，设备与数据同区）、设备详情与操作面板（单设备趋势、报警历史、操作入口）。两条导航纪律：其一，任何页面三层内可达，且随时能跳回报警列表——事故时操作员的路径必须是「报警 → 定位 → 操作」，导航要顺着他这个路径铺路，而不是逼他记画面树。其二，总貌页只放「异常时有用的信息」：正常运行时用不上的数据挤占总貌，等于稀释异常的显著性。

三、报警设计：分级矩阵与泛滥抑制

报警系统的失败模式是泛滥：泛滥的报警让真报警失去意义——有研究表明报警泛滥下操作员对重要报警的响应显著变慢。设计的两个抓手：

分级矩阵。 按后果严重度与响应紧迫度定级：紧急级（立即处置，声光强提示，如出水压力骤降、消毒系统故障）、警告级（限时关注，如液位接近限值）、提示级（记录为主，如切换到备用电源）。每一级绑定明确的响应预期与责任角色，分级写进点表的报警配置（3.4 节）。

泛滥抑制四件套。 回差：越限恢复要越过一段回差才算恢复，防止值在限值附近反复触发；延时：瞬时毛刺不报警，越限持续设定时长才成立；同类合并：同源同类的成组报警（一排阀门的电源故障）合并为组报警加明细；风暴预案：报警速率超过阈值自动进入摘要模式，弹窗暂停、只更新列表与计数，风暴过后恢复。四件套参数要按工艺特性整定并纳入验收——报警整定不是组态员的自由发挥，是设计文件的组成部分。

四、画面病清单：评审逐条对照

1. 大红大绿的正常态    正常设备大面积高饱和色，异常失去显著性
2. 一屏堆几百个数据    没有层级，总貌页塞满细节，扫读失效
3. 流动动画满天飞      装饰性动态淹没真正的动态（报警闪烁）
4. 报警全是同级        没有分级，紧急与提示同样弹窗，注意力摊薄
5. 弹窗轰炸            无风暴抑制，成片越限时屏幕被弹窗接管
6. 操作无确认分级      遥控与调画面同样一次点击，误触风险高
7. 黑话命名上画面      画面显示内部编码而非工艺名称，新人看不懂
8. 伪实时              数据未刷新仍显示旧值，无未刷新标记
​

一份实操建议：验收前请当班操作员做「三秒测试」——随机切入任意工艺图，三秒内说出「这个系统正常吗」。说不出来，画面就要改；这个测试比任何评审意见都诚实。

五、操作设计：防误触与防呆

画面不只是看的，也是操作的。操作面板的设计纪律直接决定误操作率。操作分级：查看（零门槛）、设定（确认一次）、遥控（选择加执行两步、权限校验、操作票关联），三级在界面上有明显的视觉差异——遥控按钮绝不与调画面按钮放在相邻位置。状态先行：操作面板永远先显示对象当前状态与就绪条件（就地模式禁止远程遥控时，按钮置灰并说明原因），操作员点下去之前已经知道系统允不允许。反馈强制：指令发出后，面板明确区分「已发出」「已执行」「被拒绝」三种回执，超时未回执即提示失败——静默的操作按钮是误操作的温床（点了不知道有没有效，就会再点一次）。双人复核：高风险遥控配置「一人选、一人执行」的双人模式，第二人的人机界面要显示同一对象与同一目标状态，防止口头传话走样。这些设计都写在 7.1 节的画面规范里，验收时逐条演示。

六、画面治理：投运不是终点

画面是「活」的：工艺改了、测点变了、运行反馈来了，画面持续在变。没有治理的画面会在几年内退化成「谁都不敢动的祖传屏幕」——没人说得清某个灰色小方块是什么，也没人敢删。画面治理三件事：版本化——画面随组态发布统一版本，变更记录写明改动与理由；定期巡检——每季度让每个班组提交「画面问题清单」（看不懂的图元、不顺手的导航、多余的弹窗），集中整改；退役标记——废弃画面不删除、归档并从导航摘除，保留追溯能力。治理的节奏感很重要：季度小改、年度中改、换代大改，让画面演化与工艺演化同步，永远不要攒到「必须推翻重做」的那天。

七、报警文案：一句话的学问

报警文案是操作员读到的一行字，写得不好，处置就慢半拍。文案四要素：对象明确（二号滤池三号进水阀，不是「阀门故障」）、现象准确（「开到位信号未反馈」，不是「报警」）、建议方向（「请检查行程开关或接线」，给下一步动作）、级别一致（文案语气与分级匹配，紧急级不写「请酌情关注」）。一个可执行的语言纪律：文案必须能让新值班员在电话里向班长复述清楚——复述不清楚的文案，就是需要改写的文案。文案规范同样进点表报警配置，随变更流程管理，杜绝组态员即兴发挥。别小看这行字：报警系统的用户体验，一半就压在文案上。

本节要点回顾

• 画面是仪器：设计顺应注意力本能，正常态安静、异常态刺眼。
• 灰度契约不可破：红黄只属于异常，设备状态色低调化。
• 三层导航顺应急路径：报警 → 定位 → 操作，任何页面三层可达。
• 报警靠机制不靠自觉：分级矩阵加回差、延时、合并、风暴预案四件套。

画面解决「现在」，历史库解决「过去」。下一节看数据怎么沉淀成资产、报表怎么变成对账利器。