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

53 阅读1分钟

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

  • 四大设计原则:

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

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

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

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

  • 状态表示规范:

    • 默认/正常: 线性图标,灰色。

    • 运行/激活: 填充图标,绿色。

    • 停止/关闭: 线性图标,灰色(或与默认态区分)。

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

    • 警告/注意: 填充图标,黄色。

  • 常见误区:

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

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

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

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