控件定义：Badge徽标篇

控件定义：Badge徽标篇
鉴于⽬前国内交互设计名词混乱且不统⼀，很多设计师不知道如何⽤⼀个专业的名词称呼⼀个控件名称，因此开设了《控件定义》专题，梳理控件的名称、使⽤规范、使⽤场景等，希望能为交互设计的长期发展，贡献出⾃⼰的⼀点微薄之⼒。

--IDUX
定义
这个控件在国内有个通俗的名字叫做“⼩红点”，其实他的官⽅名称为“Badge/徽标”。

Badge 通常出现在图标或⽂字右上⾓的红⾊圆点、数字或⽂字，表⽰有待处理的消息或新内容。

何时使⽤
⼀般出现在通知图标或头像的右上⾓，⽤于显⽰需要处理的消息条数，通过醒⽬视觉形式吸引⽤户处理。

按使⽤场景分类
分为⽆数字和有数字的场景。

使⽤规范
封顶数字
封顶数字指的是Badge的使⽤上限。

对于有数字的 Badge 来说，有⾬界⾯空间有限，所以要根据使⽤场景和信息类型来决定最长数字的显⽰（⼀般情况下极限值为99 ，如有特殊需求，则极限值可以增加到999 ）。

谨慎使⽤ Badge
普通⽤户对 Badge 已经有⼀个统⼀的⼼理定义，即⽤户看到 Badge 后就会认为有新内容或者有待处理的消息，给⽤户⼀种很强的⼼理暗⽰。

所以要谨慎使⽤他，不要在⼀些不必要的信息中使⽤，导致⽤户⽅案，进⽽流失。

其他使⽤
在有的交互规范⾥⾯，把状态点也划⼊到 Badge ⾥⾯，因为状态点也有给⽤户提⽰新内容或待处理消息的含义，所以如果⼤家以后在交互规范⾥⾯看到后不⽤感到惊讶，知道这个定义就⾏（Ant 就是把状态点归类到 Badge 内了）。