图标怎么设计才规范？四个必须统一的维度

单看一个图标，判断标准是好不好看。但当十几个图标放在一起时，问题就变成了：它们看起来是不是一家人。这就是规范的意义。图标设计最难的不是画单个，而是在保持差异的同时维持统一。

维度一：尺寸与网格

所有图标应基于同一套尺寸基准绘制。常见做法是设定一个基础画板，所有图标都在这个画板内完成。

画板内还要有视觉参考线，用来对齐元素位置、控制边距。有了统一网格，图标之间的视觉大小才会协调。

需要注意视觉大小与实际尺寸的差异。圆形和三角形看起来会比同尺寸的正方形小，需要适当放大来平衡。

看起来一样大，比量起来一样大更重要。

线条粗细必须统一。混用不同粗细的线条，放在一起会显得杂乱。

圆角半径也要一致。同样的转角用不同的圆角处理，视觉上会产生明显的不协调感。

端点样式同样需要统一。是圆头还是平头，是连接还是断开，都应在规范中写明。

最容易出问题的是细节密度。有的图标只有三根线，有的填满了细节，放在一起就显得有的重有的轻。

解决办法是设定"最小元素尺寸"和"最大元素数量"两条规则，让所有图标在同一复杂度区间内。

简化是常用手段。多数图标缩小后细节都看不清，与其保留，不如去掉。

如果图标是彩色的，需要约定每种颜色的固定含义和固定色值，不能随意取色。

同时要准备单色版本。图标经常需要在深色背景、禁用状态、加载状态等场景下显示，只有彩色版本是不够的。

误区一是逐个单独绘制。没有统一基准，最后只能靠手动调整挽救。

误区二是保留过多细节。小尺寸下这些细节完全看不见，只增加了绘制和调整的成本。

误区三是只在电脑大图上检查。图标在界面中的实际尺寸通常很小，必须按实际尺寸检查。

误区四是忽略状态变化。正常、禁用、选中、加载等状态都需要对应版本，临时补做容易风格不一。

规范的目的是让后面新增的图标不用重新设计。

先画三个形态差异最大的图标作为基准，比如最简的、最复杂的、最圆润的。它们之间的协调关系确定后，其余图标都以此为参照。

这三个基准也构成了规范的核心，后续新增图标只要往这个区间靠即可。

不要先画图。先把画板尺寸、参考线位置和线条粗细定下来，再开始绘制。这一步花的时间，会在后续省回来好几倍。

先定规则，再画图形。

[1] 中国信息通信研究院.数字产品设计发展报告[R].2025.

[2] 中国广告协会.中国营销传播发展报告[R].2025.

[3] 中国互联网络信息中心.中国互联网络发展状况统计报告[R].2026.