用途:创建图标系统规范,确保视觉一致性并支持可扩展的图标管理。
主要能力:
- 基础规范:网格(基准 24x24px)、keylines、描边宽度、圆角半径。
- 尺寸体系:XS(12-16px)、S(20px)、M(24px)、L(32px)、XL(48px+)。
- 风格:描边、填充、双色调,并说明各自适用场景。
- 命名:icon-[category]-[name]-[variant];分类包括 action、navigation、content、communication、social、status、file、device。
- 交付:SVG 源文件、sprite sheets、组件封装、Figma 库。
- 无障碍:每个图标需有 label 或 aria-hidden;关键操作与文字配对;足够对比度;最小 44x44px 触控目标。
最佳实践:审计并移除未使用图标;建立贡献流程;与设计系统同步版本;在每个支持的尺寸下测试。
限制:资料未提供具体安装命令、代码示例、收费方式或平台支持信息。