众力资讯网

徽标Badge和标签Tag千万别再搞混了

Badge 和 Tag 长得有点像,但功能完全不同。
🔴 徽标(Badge) 一个小红点或小数字,依附在其他元素(图标、头像、菜单)上面。 作用:提示有新内容或未处理的事项。 比如:消息图标右上角的「3」,代表 3 条未读消息。
特点: 不是独立元素,必须依附在别的东西上。 通常只有一个数字或一个红点。 用户处理完后会消失。
🏷️ 标签(Tag) 一个独立的小色块 + 文字。 作用:对内容进行分类、标记状态或属性。 比如:「已发货」「紧急」「前端」「新品」。
特点: 是独立元素,可以单独存在。 通常有多个,可以组合使用。 有些标签用户可以手动添加或删除。
📌 记忆口诀: Badge 是提醒你「有事情要处理」 Tag 是告诉你「这个东西是什么类型」

📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」,用每天 5~10 分钟的坚持,换取终身受用的“设计竞争力”。
你会发现,那些焦虑和迷茫,都在稳步提升中烟消云散。