【拯救HMI】工业HMI界面核心元素设计:指示灯、按钮、仪表盘,新手该怎么画?

27 阅读3分钟

指示灯的核心作用是“快速传递简单信息”(比如设备是“运行”还是“停机”),设计时要遵循3个规则:

  • 颜色严格对应状态:

    • 绿色:正常运行(比如电机正在转动)、准备就绪(比如设备已通电,等待启动);
    • 红色:故障(比如电机过载)、停止(比如设备已停机);
    • 黄色:警告(比如温度接近上限,但还没超)、待机(比如设备通电但未准备好);
    • 蓝色:手动操作状态(比如工程师正在手动调整参数);
  • 状态只分“亮/灭/闪烁”:别搞复杂的“渐变亮”“呼吸灯”,工业场景里“亮=正常,灭=停止,闪烁=异常”,最直观;

  • 位置靠近关联设备:比如“电机1的指示灯”要放在“电机1的控制按钮”旁边,别和“电机2”的元素混在一起。

反例:新手用黄色表示“运行”,红色表示“待机”,会完全误导操作,必须避免。

2. 按钮:用“形状+颜色”明确“操作功能”

按钮是工程师“下达指令”的核心,设计时要确保“按得准、不按错”:

  • 尺寸:最小30×30mm(戴手套操作时至少40×40mm),太大占空间,太小按不准;

  • 颜色:和功能强关联——

    • 绿色:启动、确认、复位(比如“启动电机”“确认报警”);
    • 红色:停止、急停、取消(比如“停止电机”“急停生产线”);
    • 灰色:无效状态(比如设备正在运行时,“启动”按钮变灰色,不能按);
  • 反馈:按下按钮后,必须有“视觉反馈”(比如按钮变深、弹出“已触发”提示),避免工程师不确定“按没按到”。

重点:“急停按钮”必须特殊设计——红色、带凸起(方便盲按)、按下后需旋转复位(防止误碰复位),且放在屏幕最显眼、最易触摸的位置(比如右下角)。

3. 仪表盘:用“指针+刻度”显示“连续数据”

仪表盘适合显示“连续变化的数值”(比如温度、压力、转速),设计时要让“数据一眼看懂”:

  • 刻度清晰:关键刻度(比如安全上限、下限)用“红色线”标注,比如温度仪表盘的“80℃上限”画一条红线,超过红线后指针变红色;
  • 指针醒目:指针颜色要和背景、刻度区分开(比如黑色背景用白色指针,白色背景用黑色指针),长度要覆盖到刻度线,别太短;
  • 避免多指针:一个仪表盘只显示一个数据(比如“电机转速”),别搞“双指针”(同时显示转速和电流),会混乱。

例子:化工反应釜的压力仪表盘,绿色刻度是“05MPa(安全范围)”,红色刻度是“56MPa(超压)”,指针在绿色区时正常,进入红色区时指针闪烁,直观易懂。

image.png

4. 趋势图:用“曲线+坐标轴”展示“数据变化”

趋势图适合显示“数据随时间的变化”(比如过去1小时的温度变化),帮助工程师分析“设备是否稳定”,设计时要注意3点:

  • 坐标轴标注明确:X轴是“时间”(比如“09:00-10:00”),Y轴是“数据值”(比如“温度(℃)”),刻度间隔要合理(比如每10分钟一个刻度,每10℃一个刻度);
  • 曲线颜色区分:多条曲线时(比如同时显示“温度”和“压力”),用不同颜色(比如温度用红色,压力用蓝色),并在图旁加“图例”;
  • 支持缩放/平移:新手容易忽略的点——趋势图要能“放大看细节”(比如看某10分钟内的温度波动)、“平移看历史”(比如看昨天的数据),方便分析问题。

image.png

新手总结:界面元素设计的核心是“统一规范、直观易懂”——别追求个性化,遵循工业通用标准,工程师一看就懂,才是好设计。