图标设计规范系统

要解决的图标设计痛点

工程师和设计师在协作时，常遇到图标风格混乱、尺寸不一、导出格式不统一的问题。不同模块的图标风格混杂（线性、面性混用），导致界面视觉割裂；24px 基础画布下的图标，由于视觉权重差异，容易出现触边、对齐不齐的情况；导出时缺少多倍图配置，高分辨率屏幕上图标模糊，影响用户体验。

技能的核心工作流与能力

技能围绕“统一图标系统”目标，提供清晰的5步工作流，输出结构化方案与可直接套用的模板（详见references/template.md）：

• 风格锚定：明确图标的视觉风格（线性/面性/双色），确保全系统风格一致
• 基础尺寸规范：以24px画布为基准，设置2px内边距，避免图标触边
• 线宽统一：关键线宽固定为2px，保证图标视觉节奏统一
• 视觉权重补偿：通过圆形比方形略大的补偿策略，平衡不同形状图标的视觉感知
• 多格式导出：输出SVG（stroke转outline）及PNG @1x/@2x/@3x，覆盖不同使用场景

适用边界与注意点

适用于需要建立或维护图标设计规范的项目，可输出结构化分析报告、设计方案或模板。若涉及图标动效设计、3D 图标创作等超出本规范的场景，需结合其他技能或工具补充。

建议设计师与工程师协作使用时，严格遵循输出模板的表格、清单格式，确保规范在项目中落地一致。