结构化展示精简信息的一种方式。
适用:
- 标记事务的属性、维度、状态
- 将事务分类
- 过滤同属性内容
- 展示差异化信息,辅助区分标记主体
通用原则
- 标签应与所标记的内容有明确而有用的关系
- 标签具有体积小,信息紧凑的特质,不建议标签内使用大段文本
类型
类型 | 何时使用 |
---|---|
无操作标签 | 展示静态信息 |
可操作标签 | 有交互行为 |
无操作标签
- 仅文本:静态文本标记对象特征或属性
- 带图标:常用于对于标签状态的表达,比如延期,截止时间等
可操作标签
构成
- 容器
- 内容
- 图形(可选)
- 文本
- 通常为短语或词语
- 不允许折行,不允许省略
- 通常为短语或词语
- 图形(可选)
- 操作(可选)
行为
四大状态
删除
标签可被移除:点击删除icon可移除指定标签,常用于表格、输入框内
点击跳转
标签本身带链接:点击后跳转至标签内容所属页面(注:标签内字段为目的地描述字段,动作描述建议使用按钮)
选中
标签可选中:同类条目里选择单/多项,多配合表格、表单使用(注:至少有两个标签)