design-icon-batchlisted
Install: claude install-skill yang20040317-svg/design-workflow
# design-icon-batch | 图标/图形批量生产 + 抠图专项
> 本技能是 design-workflow 主技能抽离出的**专项方法论**,专治"一次产出整套图标/图形素材,既要像一个人画的、又要批量一致、还要背景干净可复用"。
> 来源署名见 `../references/来源署名/huashu-icon-set.md`(开源图标生图技能)。可运行工具见 `../references/chroma_key.py`、`../references/slice_grid.py`。
## 一、一套图标 = 一个系统(一致性优先)
- **共享几何基准**:同一套图标统一基于一个网格(示例:24×24 基准,非普适),关键节点对齐到网格交点,避免出现"有的贴边、有的居中"的错位。
- **共享线宽 / 圆角 / 端点**:描边粗细、圆角半径、线端(圆头/平头)全套一致——这是"像一个人画的"最关键的三条。
- **共享视觉权重**:每枚图标填充面积、线条密度接近,不出现"这枚很满、那枚很空"。
- **做减法**:能删的细节都删,只保留可辨识的最小特征;过多细节在缩小后会糊成一团。
## 二、多尺寸可用性(缩到最小仍可读)
- 图标要在目标最小尺寸(示例:16px,非普适)仍一眼认出——所以主体要够大、细节要够少。
- **验收法**:把成品缩到最小尺寸看是否还认得出;认不出就回源头减细节 / 放大主体。
## 三、语义清晰 > 装饰
- 图标首要是"被认出是什么",不是"好看"。一枚看不出含义的图标是失败品。
- **命名即设计**:先想清"这枚图标代表什么动作/对象",再画,避免为好看而堆装饰。
## 四、套系一致性(关系层在图标上的落地)
- **重复(Repetition)= 同一套语法**:线宽、圆角、端点、网格基准、视觉权重,全套复用同一组参数——任何一枚违规都会"跳戏"。
- **对齐(Alignment)= 共享网格**:所有图标关键节点对齐到同一基准网格,视觉重心落在相近位置,不漂移。
- **统一与变化(Unity/Variety)= 同调性微差异**:统一一种描边语言与气质,仅在"必要语义差异"处做最小变化(如激活态换填充),不让每枚各搞一套。
- **视觉权重(Visual Weight)= 套内均衡**:每枚图标的填充面积/线条密度接近,避免"有的重、有的飘",整套摆在一起才稳。
- **自检**:把整套图标并排成一行/网格,眯眼远看——若某枚"跳出来"或"沉下去",即权重或线宽不一致,回炉。
## 五、描述即生成(具象名词与风格锚点)
### 具象名词 > 抽象几何描述
- 模型对**具象名词**理解远好于抽象几何指令。要"画个剪刀"而非"画一个矩形四角各有 L 形短线"——后者模型常理解错、画出怪形。
- 写法:先想清"它是什么东西",用日常名词命名;再补风格/视角/材质,不要反过来用几何拼装。
### 风格锚点(真实风格参考名)
- 与其写模糊的"好看的风格",不如锚定一个真实存在的视觉风格名作为方向(示例词库,非穷举、非普适):iOS 扁平 / Material / 线性描边 / 玻璃拟态 / 手绘涂鸦 / 像素风 / 极简线框 / 轻拟物。
- 选定风格后**先验证再批量**:用该风格跑一张、过一遍抠图/对齐自检,确认背景能干净移除、风格稳定,再批量生产——避免一批都踩同一坑。
## 六、AI 生图的透明背景与抠图
> **关键认知**:用文生图工具做图标/图形时,**模型