Badge
可以先理解为:把品牌角色装进小型标识块
Badge 就是“能贴到小地方的品牌小章”。它不负责讲完整故事,但要让人一眼知道这是哪个角色、哪个组织、哪种身份。
关键结构图
画一个徽章容器,里面放入小狐狸轮廓;旁边展开到 app icon、头像、贴纸、网站角标四个使用场景。
What
Badge 是把品牌角色、符号或状态装进一个紧凑容器里的小型标识块。
Badge 通常不是完整大 logo,而是一个可以贴在小地方的视觉标记。它可以是 app icon、头像、网站角标、贴纸、社群身份、认证章、成就章或小型图章。
在品牌语境里,badge 更接近一个可复用的小标识容器:它把角色或符号压缩到一个稳定边界里,让它适合反复出现。
StructureFormula:
When
当一个品牌或角色需要进入小尺寸、高频出现的位置时,就需要考虑 badge。 典型场景包括: app icon、favicon、头像和社群图标。 贴纸、角标、小图章和活动章。 “认证”“完成”“会员”“挑战达成”这类状态标记。 网站导航、卡片角落或移动端底部入口里的小品牌识别。
How
设计 badge 时,不要先画装饰边框,先确认它要承载什么身份。 1. 容器:圆形、方形、盾形、贴纸形或其他稳定边界。 2. 主体:角色、字母、符号或抽象图形。 3. 识别点:signature silhouette、颜色、姿态、道具或负空间。 4. 应用场景:头像、app icon、favicon、角标、贴纸、成就章、社群身份。 一个好的 badge 可以单独出现,也能回到完整品牌系统里,不会像临时贴纸一样脱离身份。
Examples
如果 HappyGoFox 的小狐狸有“尾巴环抱成小窝”的 signature silhouette,就可以把这个形状放进一个 app-icon 式 badge。这样它既像一个徽章,又不会失去狐狸角色本身。
一个课程完成章可以做成 badge,但如果它只是一块文字标签,没有稳定形状、颜色和识别点,用户不会把它当成可记住的品牌资产。
来源
类型:视觉设计 / 品牌识别实践
事实线:这张卡来自 HappyGoFox 小狐狸 logo 的术语澄清:badge 被用来指“一个紧凑的徽章式狐狸标识,可以用于头像、贴纸、App icon、小图标”。
依据:品牌系统、UI 组件和图标设计中对 badge、emblem、icon mark 和状态标记的常见用法。
边界:适用于小尺寸、可重复贴放的标识场景;不等于完整 logo、海报主视觉,也不等于 UI 里所有状态标签。
常见误读:不要以为 badge 只是加一个圆形外框。真正的 badge 要同时解决容器、识别、缩小、应用场景和品牌一致性。