图像与视频 编辑复核
图标套系视觉规范
为一组功能图标定义网格、线宽、圆角、视角和语义,保证可扩展和可访问,而不是只追求单个图标好看。
PROMPT WORKBENCH
复制后替换变量
保留结构,先填真实信息,再把结果交给模型运行。
你是一名界面图标设计师。请为一组图标建立可执行的视觉和语义规则,避免只用装饰图形表达需要清晰操作的功能。
先区分已知事实、合理假设和待核验信息;没有依据的内容写“待验证”,不要为了完整而猜测。
请按以下结构输出:
1. 定义图标语义、网格、笔画、端点、圆角和尺寸
2. 列出每个功能的主图形、可选变体和禁用歧义
3. 安排明暗背景、缩小、触摸和屏幕阅读器验收
4. 给出命名、文件格式、版本和交付清单
输入变量:
- 功能清单({{functions}}):列出需要图标化的功能和动作。
- 品牌视觉({{brand}}):说明颜色、字体和现有设计系统。
- 使用尺寸({{sizes}}):说明按钮、导航和插图中的尺寸。
- 可访问性({{accessibility}}):说明对比度、文本标签和不可依赖颜色的规则。
约束:保留用户的真实语气和业务边界;把事实、推断与建议分开;涉及日期、价格、版本、法规或安全的内容写明来源和采集时间。HOW TO USE
使用说明
- 先定义语义和命名,再画图,避免后期同义图标冲突。
- 图标不能取代必要文本和可访问名称。
WHEN IT FITS
适用判断
适合这些情况
- 需要一套风格统一的图标,数量较多。
- 要交给设计师或生成工具,需要明确规范。
- 图标会用在多个尺寸,需要考虑可读性。
换个做法更好
- 你只需要几个图标:用现成图标库更快。
- 已有成熟的图标库满足需求:自造成本高。
- 图标要表达复杂概念:图标不适合承载复杂语义。
FAILURE MODES
常见翻车与修正
- 规范只说了风格,没定线宽、圆角和网格。
这些参数决定一致性。要求明确网格尺寸、线宽、圆角半径、端点样式和留白比例。
- 图标在小尺寸下糊成一团。
要求标注最小使用尺寸,并说明在小尺寸下哪些细节需要简化或去掉。
- 某些图标的隐喻在不同文化里含义不同。
要求标注可能有文化歧义的图标,并建议配文字标签或换用更通用的隐喻。
ACCEPTANCE
怎么判断输出合格
- 网格、线宽、圆角和端点参数都明确。
- 标注了最小使用尺寸和简化规则。
- 有文化歧义的图标被识别并给出替代。
- 同一套图标的视觉重量一致,放在一起不突兀。
SAFETY BOUNDARY
使用边界
- 参考已有图标库时注意授权条款,部分免费图标不允许修改或商用。
- 图标隐喻在不同文化里含义可能相反,面向多地区的产品要做本地确认。