跳转到内容

设计与体验 · DEFINED TERM

Iconography 图标系统

用一致的图形语言表达常见对象、状态和动作。

你可能会这样说“删除、下载、设置使用同一套线性图标,并提供提示。”

VISUAL EXAMPLE

先看懂它怎么工作

容易误解不熟悉的图标不能替代文字且不给解释
更准确工具栏、导航、状态和紧凑操作

MECHANISM

运行机制

  1. 选择语义
  2. 匹配图标
  3. 统一尺寸描边
  4. 配合标签与状态

USE WHEN

适合这样用

工具栏、导航、状态和紧凑操作

NOT FOR

不要这样理解

不熟悉的图标不能替代文字且不给解释

TELL YOUR AGENT

可直接发给 Agent

请按“Iconography 图标系统”的概念处理这个需求:删除、下载、设置使用同一套线性图标,并提供提示。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

图标风格和基线一致,含义可理解,按钮有无障碍名称

OFFICIAL SOURCES

官方来源