解剖

一眼看清

宽松紧凑

格子越深，表示该主题在这项指标上越高。

清晰88

说服76

密度42

制作成本30

作业适配84

工作适配90

低高

打开图标系统把值编码为在共享网格和粗细处描边或填充隐喻。Feather to Lucide 和 GitHub 上的其他 ISC/MIT SVG 图标系列。

工作报告、广告与作业中适合「幻灯片、产品 UI、海报、学校作业表」。若「在一张幻灯片上混合五种图标样式」，换一种形式。

部分

• 标记 — 打开图标系统的核心标记是在共享网格和粗细处描边或填充隐喻。
• 尺度 — 尺度必须标出零点（或声明的断轴）和单位。
• 轴 — 轴标题写的是变量，不是情绪。
• 图例 — 图例弱于直接标注。能写在标记旁边就写在旁边。
• 标签 — 数字可有可无。若目的是比较，只标端点。
• 网格 — 网格要淡。数据应占有墨水。
• 注释 — 注释一句即可。写上来源和时段。
• 外框 — 外框要细。不要用三维盒子。

变体

• SVG 图标集 — 打开图标系统的变体 1（SVG 图标集）。同一编码，不同布局。
• UI隐喻包 — 打开图标系统的变体 2（UI隐喻包）。同一编码，不同布局。
• Lucide套件 — 打开图标系统的变体 3（Lucide套件）。同一编码，不同布局。
• 打开图标系统 4 — 打开图标系统的变体 4（打开图标系统 4）。同一编码，不同布局。

标签

• 轴 — 在打开图标系统上把标记写清楚。
• 图例 — 在打开图标系统上把尺度写清楚。
• 标签 — 在打开图标系统上把轴写清楚。
• 网格 — 在打开图标系统上把图例写清楚。
• 注释 — 在打开图标系统上把标签写清楚。

打开图标系统：守住在共享网格和粗细处描边或填充隐喻，「在一张幻灯片上混合五种图标样式」时换图。

← 理念 打开图标系统 何时用 →