图标设计顾问
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @kunlungrowth/icon-design-pro
技能介绍
图标设计常见的工程化问题
图标看似是视觉交付,真正落地时会暴露三类问题:用户一眼读不懂语义,整套图标风格互相打架,同一批图标在栅格上对不齐、多尺寸下细节糊成一团。这些问题通常不是画得不够细,而是缺少从语义到规范再到验收的闭环。
技能如何拆解问题
- 语义清晰:先判断图标是否表意明确,优先选共识图形,避免自创歧义符号。
- 风格统一:整套图标只能在线性或面性中二选一,统一描边、端点、圆角和视觉重量。
- 栅格对齐:用基准线和栅格约束关键锚点,先解决“画不齐”,再处理视觉平衡。
工作流按四步走:定语义→定风格→对齐→验尺寸。每一步都附带卡点自救:语义有歧义时回退到共识图形,风格混乱时强制二选一,对齐跑偏时回到基准线,小尺寸糊时做简化。
适用边界与注意点
本技能适用于需要把图标需求转成结构、模板和行动建议的场景,不适合用来抄袭现成图标库或生成侵权图形。红线包括:不抄袭、不侵权、语义清晰不误导、风格统一、尊重版权。输出物聚焦图标规范与避坑清单,方便直接进入评审和落地。
使用场景
- 制作图标集:需要让一批图标表意明确,且整套风格统一不混乱
- 修正小尺寸图标:在手机端显示模糊时,简化图形保证可识别
- 设计栅格规范:为多尺寸图标建立基准线,让关键锚点对齐
- 评审图标风格:判断线性与面性混用问题,统一描边和视觉重量
适合人员
- UI设计师:需要输出可落地的图标规范与避坑清单
- 前端工程师:实现多尺寸图标时,要解决栅格对齐与样式统一问题
- 产品经理:推进图标体系时,需确保语义清晰且符合版权要求
- 视觉规范负责人:维护图标库时,要处理风格统一与小尺寸优化