你将学到什么
用最少的工具把“画一个图标”变成“做一套图标系统”。核心思路是：先定网格与描边规范，再用基础几何形状 + 形状生成器（Shift+M）快速组合，最后用导出规范一次性吐出 SVG/PNG。
准备：新建画板与网格规范（建议先定再画）
- 新建文件：单位用 px；给每个图标准备 64x64 或 48x48 的画板（Artboard）。
- 网格：视图 > 显示网格；首选项里把网格设置为 8px 或 4px 的细分（看你做的 UI 体系）。
- 描边：统一描边粗细（如 2px / 2.5px / 3px 三选一），并保持端点与拐角一致（圆角或直角不要混用）。
- 对齐：打开“对齐到像素网格”（做 UI 图标时更清晰），并习惯用“对齐”面板居中对齐。
第一步：用 3 个基础形状搭骨架
从圆形、矩形、圆角矩形开始。先画“外轮廓/主体块”，再画“内切/镂空/细节块”。
- 按住 Shift 画正圆/正方形；按住 Alt 从中心缩放。
- 用“直接选择工具(A)”微调锚点，但尽量少改锚点数量，保持几何感。
- 圆角：建议用统一圆角值（例如 8px 或 12px），不要每个角都不一样。
第二步：用形状生成器（Shift+M）快速做加/减法
这是效率最高的一步：它比路径查找器更“所见即所得”。
- 选中要参与运算的所有形状，按 Shift+M。
- 鼠标拖拽：把多个区域“刷”成一个形状（合并）。
- 按住 Alt 再点击/拖拽：把刷到的区域减掉（挖空）。
- 小技巧：先把需要挖空的形状放在最上层，避免刷错区域。
第三步：统一风格：描边扩展、圆角一致、边距一致
- 线性图标：描边为主时，最后再决定要不要“对象 > 扩展外观”，把描边变成填充，避免导出 SVG 后粗细变化。
- 填充图标：尽量保证形状闭合，减少杂点路径；必要时用“对象 > 路径 > 简化”。
- 留白：在 64x64 画板里建议留 6~8px 安全边距（同套图标一致）。
- 对称：用“反射工具(O)”镜像一半再合并，别手画两边。
第四步：把一个图标扩展成一套（可复用的方法）
想要“成套”，不是多画，而是复用规则：
- 固定网格与描边后，先做 3 个代表性图标（复杂/中等/简单），验证视觉一致性。
- 为常见元素做“零件库”：如箭头、圆角矩形底座、圆点、对勾等，复制粘贴即可。
- 复杂度控制：同一套里不要同时出现“超细节”和“极简块面”。
导出：批量输出 SVG/PNG（给前端/设计都能用）
- 窗口 > 资源导出（Asset Export）：把每个图标拖进去，命名用英文短横线（如 icon-home）。
- SVG：勾选“最小化”/“响应式”视项目而定；图标建议用纯路径，避免滤镜效果。
- PNG：同时导出 1x/2x（例如 64px 与 128px），用于不同分辨率。
- 交付前检查：在 100%/200% 缩放下看边缘是否发虚；必要时微调到整数像素。
一眼检查清单（做完对照 30 秒）
- 同一套图标：描边粗细一致、圆角一致、视觉重量一致。
- 画板安全边距一致，图标没有“顶边/贴边”。
- 导出命名规范一致；SVG 打开后路径不乱、没有多余空白。
