4、色彩与视觉编码:色彩心理学、安全色规范、色盲友好设计、配色方案
各位工程师,咱们今天聊聊HMI设计里最「感性」也最「理性」的部分——色彩。
你可能觉得颜色嘛,好看就行。但我在SCADA项目里摔过跟头之后才明白,颜色用错了,轻则操作员眼睛累,重则直接误判事故。说白了,色彩就是HMI的「语言」,你得让操作员一眼看懂,而不是猜谜。
4.1 色彩心理学:别让颜色「说谎」
颜色本身就有情绪。红色让人紧张,绿色让人安心,黄色让人警觉。这是刻在人类基因里的反应,不是靠培训能改的。
我见过一个项目,把正常运行状态标成了黄色。操作员一看,总觉得哪里不对劲,老跑去问班长「这设备是不是要坏了?」。你看,这就是色彩心理学没用好。
核心原则:颜色要符合直觉,别反着来。
- 红色:报警、故障、紧急停止。用多了会让人焦虑。
- 黄色:警告、注意、临界状态。提醒操作员留个心眼。
- 绿色:正常运行、启动、安全。看着就放心。
- 蓝色:信息、提示、冷却水、状态正常但非运行。
- 灰色/白色:未使用、禁用、背景。别抢戏。
我个人习惯,背景色一律用深灰或浅灰。为什么?因为背景是「舞台」,设备才是「演员」。背景太花哨,操作员找关键信息得花双倍时间。
4.2 安全色规范:不是你想用就能用
说到安全色,咱们得看标准。国内常用的是GB/T 2893.1,国际上是ISO 3864。这些规范不是摆设,是血泪教训换来的。
| 颜色 | 含义 | 典型应用 |
|---|---|---|
| 红色 | 禁止/危险 | 急停按钮、火灾报警、故障状态 |
| 黄色 | 警告/注意 | 限位开关、温度过高预警 |
| 蓝色 | 指令/必须遵守 | 必须佩戴安全帽、启动提示 |
| 绿色 | 安全/允许 | 正常运行、逃生通道指示 |
注意:千万别把「停止」状态标成绿色。我曾经在一个改造项目里看到,操作员看到绿色就以为设备在运行,结果去手动盘车,差点出事。绿色只代表「安全」或「运行」,不代表「停止」。
嗯,这里要注意:安全色规范是底线,不是建议。你可以在规范基础上扩展,但不能违反。比如你可以用浅红表示「轻微报警」,但深红一定是「严重报警」。
4.3 色盲友好设计:别让10%的操作员「瞎」了
你可能不知道,全球大约有8%的男性和0.5%的女性是色盲或色弱。最常见的是红绿色盲。你想想看,如果你的HMI全靠红绿来区分状态,那这10%的人怎么办?
我遇到过一位老操作员,技术特别好,但就是分不清红色和绿色。他跟我说:「每次报警我都得看旁边的文字,不然心里没底。」从那以后,我设计的HMI里,颜色从来不是唯一的信息载体。
我的避坑指南:
- 形状辅助:用不同的图标或形状来区分状态。比如运行用圆形,停止用方形,报警用三角形。
- 文字标签:每个颜色旁边都配上文字,比如「运行中」「已停止」「报警」。
- 纹理或图案:在色块上叠加斜线、网格等纹理。比如故障状态用斜条纹,正常状态用纯色。
- 避免红绿搭配:如果非要同时用红和绿,那就加一个蓝色或黄色的辅助标记。
说白了,色盲友好设计不是「照顾少数人」,而是「让所有人都不出错」。你想想,如果操作员因为看不清颜色而误操作,那损失谁来担?
4.4 配色方案:别让屏幕变成「调色盘」
很多新手工程师喜欢把HMI做得五彩斑斓,觉得这样才「高级」。其实恰恰相反。HMI不是艺术展,是控制台。配色越简单,操作员越不容易疲劳。
我个人习惯用「3色原则」:
- 主色(60%):背景色,深灰或浅灰。
- 辅色(30%):设备或管道的颜色,比如蓝色代表水,绿色代表蒸汽,黄色代表油。
- 强调色(10%):报警或关键状态,红色、黄色。
举个例子,一个水处理系统的HMI,背景用深灰,水管用蓝色,阀门用浅灰,报警用红色。这样操作员一眼就能看到「哪里有问题」,而不是在花花绿绿里找半天。
推荐配色组合:
- 深色背景:背景#2D2D2D,文字#FFFFFF,管道#4A90D9,报警#E74C3C。
- 浅色背景:背景#F5F5F5,文字#333333,管道#2C3E50,报警#C0392B。
为什么我推荐深色背景?因为SCADA系统通常24小时运行,操作员长时间盯着屏幕。深色背景不刺眼,能减少视觉疲劳。当然,如果现场光线很亮,浅色背景可能更合适。这个得看实际情况。
4.5 实战案例:一个配色翻车的教训
我记得有个项目,客户要求把所有设备都标成「企业色」——一种亮橙色。我说不行,橙色在HMI里没有明确的语义。客户不听,说「好看就行」。结果上线第一天,操作员就抱怨:「我看不出哪个设备在报警,因为所有设备都是橙色的!」
后来我们花了三天时间重新配色,把报警设备改成红色,正常运行改成绿色,停机的改成灰色。操作员说:「这才对嘛,一眼就看明白了。」
总结一下我的配色口诀:
背景要低调,设备要分明。
红色是警报,绿色是太平。
黄色要小心,蓝色是提醒。
色盲别担心,形状来帮衬。
好了,色彩这块就聊到这儿。记住,HMI的颜色不是给你看的,是给操作员看的。你设计得再漂亮,操作员用着别扭,那就是失败。下一章咱们聊聊「布局与信息层级」,怎么让操作员在3秒内找到关键信息。