高手出品！4个章节总结APP的小红点设计细节

前言

徽标数在系统可见方面扮演着重要角色。通过徽标数的提示让用户直观的感受到系统的可见性，其目的是告知用户有未读的消息或有未处理的任务，当用户完成后徽标数消失。

徽标数本是提升点击率和曝光率的利器，然而有些产品却将徽标数当作信息触达的利器，随意使用这件杀伤力武器，使得徽标数被滥用，造成用户免疫，徽标数反而失去了本身的作用。

本文通过简析徽标数设计，探讨如何通过徽标数（红点）提升通知易用性。

一、徽标数构成

• 容器：承载内容的容器，一般由圆或圆角矩形等构成。
• 内容：字符/图标，通常表示未读信息的数量或状态。
  

如下图所示，是几种常见的徽标数类型。

二、徽标数类型

红点徽标（Dot）：单纯红点，视觉强度较弱。多用于低重要度的提醒内容、功能、状态或动态更新。

数字徽标（Digital）：有具体的数量，多用于 IM 消息对话通知。最大值根据不同场景显示如 99+或 999+。

由于不同机型的适配不同，需要注意最大字符，避免超出所在的范围。如下图所示：