设计图标先核尺寸和语义的Skill

帮你建立统一的图标系统规范。

icon-system 是制定界面图标规范的 Skill。它统一网格、线宽、命名与交付方式,让不同尺寸和来源的图标保持可识别的一套规则。

24像素网格是原文的常见起点,不是所有图标只能画成这个尺寸。缩小后还要查线条是否糊、细节是否丢失,不能只按比例导出就交付。

装饰图标可对辅助技术隐藏;承担操作的图标需要可访问名称,它也可以来自所在按钮。图形尺寸不等于点击区域,原文44×44的参考不能当全部场景统一的合规结论。

适合整理重复、难认或命名混乱的图标库。本文未画图或测试界面;还需核关键动作文字、对比度、贡献流程与版本,规则写完以后,实际各尺寸仍要看。

分类:设计创作

来源仓库:owl-listener/designer-skills

适合用来做什么

  • 请设计一个图标系统,包括网格、尺寸和命名规范。
  • 为我们的项目指定图标分类和实现标准。

安装 icon-system

npx skills add https://www.iskills.cc/skills/owl-listener/designer-skills/icon-system/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 icon-system 的用途与原始说明

浏览全部 Skill 指南