格子越深，表示该主题在这项指标上越高。
清晰88
说服76
密度42
制作成本30
作业适配84
工作适配90
低高
简短问答
什么时候选打开图标系统？
故事符合「幻灯片、产品 UI、海报、学校作业表」时选用。
什么时候避开？
遇到「在一张幻灯片上混合五种图标样式」就换形式。
谁发明或推广了它？
Feather to Lucide 和 GitHub 上的其他 ISC/MIT SVG 图标系列
它编码什么？
在共享网格和粗细处描边或填充隐喻
广告能用吗？
在微信、抖音与展示广告里主张能一眼看见就可以；否则把图放在落地页。
老师会收吗？
实验报告与展板里有轴、单位、来源一行就可以。
打开图标系统把值编码为在共享网格和粗细处描边或填充隐喻。Feather to Lucide 和 GitHub 上的其他 ISC/MIT SVG 图标系列。
工作报告、广告与作业中适合「幻灯片、产品 UI、海报、学校作业表」。若「在一张幻灯片上混合五种图标样式」，换一种形式。
软件
- Lucide — 干净的笔划图标 - ISC，积极维护。 · ISC · github.com/lucide-icons/lucide
- Tabler Icons — 具有一致笔划语言的大型 MIT 集。 · MIT · github.com/tabler/tabler-icons
- Feather — 经典的简约套装激发了许多叉子的灵感。 · MIT · github.com/feathericons/feather
- Ionicons — 应用程序 UI 的 Web 组件友好图标。 · MIT · github.com/ionic-team/ionicons
- Twemoji — 表情符号图形 - 重新分发时遵循 CC-BY-4.0 的信用。 · CC-BY-4.0 · github.com/twitter/twemoji
导出
- 导出 1 — SVG
- 导出 2 — PDF
- 导出 3 — 把 EMF/SVG 放进幻灯（不要截图）
- 导出 4 — 网页用 SVG，印刷用 PDF
无障碍
- 无障碍 1 — 不要只靠色相。叠上纹理、标签和位置。
- 无障碍 2 — 正文对比 4.5:1，大标记 3:1。
- 无障碍 3 — 图上写短替代文本。数字也做成 HTML 表。
- 无障碍 4 — 动效只用于强调。尊重 prefers-reduced-motion。
打开图标系统：守住在共享网格和粗细处描边或填充隐喻，「在一张幻灯片上混合五种图标样式」时换图。