优秀的图标能跨越语言障碍,糟糕的图标则会造成混淆。本文将分享设计一套高辨识度、一致性工业图标库的核心规范。
-
四大设计原则:
-
模拟现实: 图标应尽可能模拟其代表的物理对象或动作。如“泵”的图标就应像一个泵,“阀门”就像阀门。
-
简洁几何化: 避免过多细节,使用基本的几何形状(圆形、方形、三角形)进行设计,确保在小尺寸下依然清晰。
-
意义唯一: 一个图标只代表一个唯一的概念或设备,禁止复用。
-
一致性 : 整套图标的线条粗细、拐角样式、填充风格必须完全统一。
-
-
状态表示规范:
-
默认/正常: 线性图标,灰色。
-
运行/激活: 填充图标,绿色。
-
停止/关闭: 线性图标,灰色(或与默认态区分)。
-
故障/报警: 填充图标,红色,可附加闪烁动画。
-
警告/注意: 填充图标,黄色。
-
-
常见误区:
-
使用抽象符号: 如用齿轮代表“设置”,这在工业环境中是错误用法,齿轮应只代表实际的齿轮箱设备。
-
文化歧义: 使用旗帜、动物等带有文化色彩的符号。
-
文本标签缺失: 永远不要完全依赖图标本身,必须在图标下方或旁边配有清晰的文字标签。
-
建立公司的图标库文档,明确规定每个图标的名称、含义、使用场景和所有状态下的视觉样式。