用途:帮助建立和维护可扩展的图标系统,统一图标风格、尺寸与语义,适用于 UI 设计规范制定与图标评审。
主要能力: 一致性规则:在统一网格上设计(UI 常用 24x24);全组保持相同描边宽度(1.5px 或 2px)、相同圆角半径、相同视觉重量(同像素尺寸的圆形与方形观感不同)。 风格:选定一种并坚持,可选描边(简洁现代、小尺寸可用)、填充(醒目高对比、适合激活态)、双色调(双色填充、辨识度高但更复杂)、描边+填充配对(默认描边、激活/选中填充);同一场景不得混用风格。 视觉尺寸校正:同尺寸下圆形图标显得比方形大,需让圆形略小或方形略大;水平图标(如箭头)显得比方形图标(如主页)小,部分图标需调整内边距以获得一致观感。 隐喻选择:优先使用通用隐喻(垃圾桶=删除、放大镜=搜索);避免未经测试的文化特定隐喻;避免已失效的拟物隐喻(软盘=保存);不确定时图标配文字标签。常见问题:汉堡菜单并非人人理解但已过于通用;心形偏情感、星形偏质量;设置可用齿轮,偏调节的设置可考虑滑块;铃铛表示通知足够通用。 UI 中使用:尺寸上导航 24px、与文字同行时匹配相邻文字 x-height、操作按钮 20px 并留足内边距、功能图标 32-48px、装饰/主视觉 64px 以上。颜色上图标默认跟随文字颜色(使用 currentColor),强调色仅用于主要操作或激活态,UI 中避免多色图标(留给插画),并确保与背景 3:1 对比度。间距上图标到标签至少 8px,纯图标按钮需带 aria-label 且触控目标至少 44px。
使用方式与限制:资料未提供具体安装命令、代码示例或平台信息,暂未提供。