【拯救HMI】HMI图标设计规范：打造一套直觉化的视觉语言

优秀的图标能跨越语言障碍，糟糕的图标则会造成混淆。本文将分享设计一套高辨识度、一致性工业图标库的核心规范。

• 四大设计原则：

  • 模拟现实：图标应尽可能模拟其代表的物理对象或动作。如“泵”的图标就应像一个泵，“阀门”就像阀门。

  • 简洁几何化：避免过多细节，使用基本的几何形状（圆形、方形、三角形）进行设计，确保在小尺寸下依然清晰。

  • 意义唯一：一个图标只代表一个唯一的概念或设备，禁止复用。

  • 一致性：整套图标的线条粗细、拐角样式、填充风格必须完全统一。

• 状态表示规范：

  • 默认/正常：线性图标，灰色。

  • 运行/激活：填充图标，绿色。

  • 停止/关闭：线性图标，灰色（或与默认态区分）。

  • 故障/报警：填充图标，红色，可附加闪烁动画。

  • 警告/注意：填充图标，黄色。

• 常见误区：

  • 使用抽象符号：如用齿轮代表“设置”，这在工业环境中是错误用法，齿轮应只代表实际的齿轮箱设备。

  • 文化歧义：使用旗帜、动物等带有文化色彩的符号。

  • 文本标签缺失：**永远不要完全依赖图标本身**，必须在图标下方或旁边配有清晰的文字标签。

建立公司的图标库文档，明确规定每个图标的名称、含义、使用场景和所有状态下的视觉样式。