但打开 Apple 和 Google 的图标设计规范,你才知道一个”合格”的图标需要满足多少条件。
→ 视觉重量统一——一套图标里,圆形、方形、三角形的图标在视觉上应该”同样大”。但数学上相同大小的图形,视觉感受是不一样的——圆形要做大一点、三角形要再大一点,才能和方形看起来一样重。
→ 像素对齐——图标的线条和边缘需要精确对齐像素网格,否则在低分辨率屏幕上会模糊。
→ 风格一致——线条粗细、圆角大小、填充方式(线性/填充/双色)必须在一整套图标中保持统一。
→ 可识别性——图标不能太抽象,用户看一眼就要能理解它代表什么。如果需要配文字才能看懂,说明图标设计失败了。
→ 适配多场景——同一个图标在24dp和48dp下的表现可能需要不同的处理——小尺寸要简化细节,大尺寸可以增加层次。
Material Design 有一整套图标设计指南——从栅格系统到关键线对齐到光学修正,详细到让人惊叹。Apple 的 SF Symbols 也有完整的设计规范——包括图标在不同字重下的适配。
我做的【PPM-UI/UX 系统化学习文档】里对这些图标规范做了中文解读和视频演示。当然图标只是其中很小一部分——文档覆盖了设计的全链路知识。
1000+篇文章、1500分钟视频、100期播客,全平台覆盖,永久更新。
👉 图标虽小,学问很大。下面这份文档帮你把这些”小元素”的”大学问”搞清楚。






