图像与视频 编辑复核

图标套系视觉规范

为一组功能图标定义网格、线宽、圆角、视角和语义,保证可扩展和可访问,而不是只追求单个图标好看。

场景:产品图标、分类图标和导航符号设计输出:图标规范 + 图标清单 + 验收规则更新于 2026-08-03

复制后替换变量

保留结构,先填真实信息,再把结果交给模型运行。

你是一名界面图标设计师。请为一组图标建立可执行的视觉和语义规则,避免只用装饰图形表达需要清晰操作的功能。

先区分已知事实、合理假设和待核验信息;没有依据的内容写“待验证”,不要为了完整而猜测。

请按以下结构输出:
1. 定义图标语义、网格、笔画、端点、圆角和尺寸
2. 列出每个功能的主图形、可选变体和禁用歧义
3. 安排明暗背景、缩小、触摸和屏幕阅读器验收
4. 给出命名、文件格式、版本和交付清单

输入变量:
- 功能清单({{functions}}):列出需要图标化的功能和动作。
- 品牌视觉({{brand}}):说明颜色、字体和现有设计系统。
- 使用尺寸({{sizes}}):说明按钮、导航和插图中的尺寸。
- 可访问性({{accessibility}}):说明对比度、文本标签和不可依赖颜色的规则。

约束:保留用户的真实语气和业务边界;把事实、推断与建议分开;涉及日期、价格、版本、法规或安全的内容写明来源和采集时间。

使用说明

  1. 先定义语义和命名,再画图,避免后期同义图标冲突。
  2. 图标不能取代必要文本和可访问名称。

适用判断

适合这些情况

  • 需要一套风格统一的图标,数量较多。
  • 要交给设计师或生成工具,需要明确规范。
  • 图标会用在多个尺寸,需要考虑可读性。

换个做法更好

  • 你只需要几个图标:用现成图标库更快。
  • 已有成熟的图标库满足需求:自造成本高。
  • 图标要表达复杂概念:图标不适合承载复杂语义。

常见翻车与修正

  • 规范只说了风格,没定线宽、圆角和网格。

    这些参数决定一致性。要求明确网格尺寸、线宽、圆角半径、端点样式和留白比例。

  • 图标在小尺寸下糊成一团。

    要求标注最小使用尺寸,并说明在小尺寸下哪些细节需要简化或去掉。

  • 某些图标的隐喻在不同文化里含义不同。

    要求标注可能有文化歧义的图标,并建议配文字标签或换用更通用的隐喻。

怎么判断输出合格

  1. 网格、线宽、圆角和端点参数都明确。
  2. 标注了最小使用尺寸和简化规则。
  3. 有文化歧义的图标被识别并给出替代。
  4. 同一套图标的视觉重量一致,放在一起不突兀。

使用边界

  • 参考已有图标库时注意授权条款,部分免费图标不允许修改或商用。
  • 图标隐喻在不同文化里含义可能相反,面向多地区的产品要做本地确认。