写一套图标规范
把网格、线宽、圆角定成数字，让后面 20 个图标不用再讨论
我要为 [产品] 定一套图标规范，接下来会画 20 个以上，可能外包。请写一份能直接执行的规范：1）画布与活动区，例如 24×24 画布、20 活动区、四周各 2 出血；2）线宽取值，以及缩放时是否跟着改；3）圆角与端点处理；4）视觉重量补偿，圆、方、三角在同尺寸下怎么调；5）命名与导出，含尺寸、格式、深色模式变体；6）验收清单 5 条，每条可勾选。最后给出「正确 / 错误」各一例的文字描述，说明最容易画错的地方。不要写「简洁统一」这类形容词。
使用建议
规范里每个数字都要能回答「为什么不是相邻那个值」，否则外包会自己挑一个。
适合什么场景
- 图标从不同来源凑到 12 个，接下来要扩到 30 个并交给外包——先有数字，才有办法验收回来的东西。
- 设计系统要交出去，图标是唯一没有文字规范的部分——补上这页，开发和外部画师才不用每次来问。
不适合的场景
- 只有 3 到 5 个图标，且全部来自同一套官方库——写规范的成本高于收益，直接用库的规则即可。
- 品牌视觉还没定，主色和圆角语言都在改——图标规范会跟着返工，先定品牌再定图标。
示例
输入
SaaS 后台现有 12 个线性图标，混用 1.5px 和 2px 线宽、24px 和 20px 两种画布，深色模式直接反色
你会得到
统一到 24×24 画布、20 活动区、1.75px 线宽且不随尺寸缩放；圆角 2、端点 round；圆和三角的外接框放大 4% 补偿视觉重量。深色模式不做反色，另出一套 90% 白描边、去掉投影的变体。验收清单最后一条是「在 16px 下仍能认出轮廓」，并各给一例：错误例是把 20px 图标直接放大到 24px，线宽跟着变成 2.1px。
常见误用
- 只给「线宽 2px」，不给活动区和出血——两个人照着做，画出来的图标视觉大小会差 10% 以上。
- 让规范适配所有场景，营销页、App、后台都算——约束一放宽，等于没有规范。
可以这样改
- 改成写一套 16px 光学尺寸的规范——小图标需要更粗的线宽和更简的形状，和 24px 是两套规则。
- 加一节「图标与文字并排时的对齐规则」——这是落地时最常见的错位，规范里往往没写。