徽标
Badge
初级通用徽标（Badge）是贴在内容或控件旁的小型标记，用短文字、数字或圆点提示状态与数量。它让你不用打开详情，也能扫出哪些地方有新内容；例如在收件箱入口显示未读消息数。
你可能会说：「我想在消息入口旁显示未读数量，在项目卡片上标出哪些还在处理中。」
动手看看收件箱入口的未读提醒
首页
收件箱
8
设置
徽标样式
徽标贴在入口旁边，不用点进去就知道「这里有新东西」。拖动未读数量，看看它怎么跟着变。
要点徽标怎样帮你快速看懂界面？
- 1
先找清楚它依附的对象
徽标通常跟着一个入口或一条内容出现。你看到项目名旁的“处理中”，就知道说的是这个项目，而不是整个页面。让它靠近对象，用户才容易把两者对应起来。
- 2
用短信息回答一个问题
徽标适合回答“现在是什么状态”或“有多少条”这类问题，比如订单旁的“待发货”、消息入口旁的“3”。如果需要解释原因和下一步，短短一个徽标就不够了。
- 3
让文字和数字承担信息
颜色能帮人更快扫到徽标，但只靠颜色区分状态，用户可能看不明白。给状态写上短文字；数量可能很大时，先和 AI 说好上限怎么显示，以及没有未读消息时是否隐藏。
容易混淆的地方
徽标和标签都可能是一小块文字，但标签常用来描述内容属于哪一类，比如文章的“设计”；徽标更常提示某个对象当下的状态或数量，比如任务的“进行中”。通知则是在主动告诉用户发生了什么；徽标只提供线索，通常不承载完整消息。
什么时候用
适合用
- 做客服后台时，在会话列表每行显示未读数，让客服先找到需要查看的会话。
- 做项目管理工具时，在项目卡片上显示“草稿”或“已归档”，方便扫视各项目状态。
- 做购物 App 时，在购物车入口显示商品件数，让用户不进入页面也能知道当前数量。
不适合用
- 发布失败需要用户知道原因并采取行动时，改用警告提示说明问题，别只放一个“失败”徽标。
- 页面顶部要提供明确的“创建项目”操作时，用按钮；徽标只是提示信息，不是操作入口。
- 要让用户在多个内容类别之间切换时，用标签页或筛选控件，而不是摆一排徽标充当导航。
练一练选一个答案，看看解释
你在做一个工单后台。列表里需要让客服一眼看出每条工单的处理状态；工单处理失败时，还要告知失败原因。怎么设计更合适？
让 AI 帮你做复制给 AI Agent 直接用
请在工单列表的每行标题旁加入状态徽标，显示“待处理”“处理中”或“已完成”，让状态能直接对应到该工单。徽标只负责展示，不做成按钮；处理失败的原因请在工单详情中单独说明。