鉴于目前国内交互设计名词混乱且不统一，很多设计师不知道如何用一个专业的名词称呼一个控件名称，因此开设了《控件定义》专题，梳理控件的名称、使用规范、使用场景等，希望能为交互设计的长期发展，贡献出自己的一点微薄之力。
--IDUX
定义
这个控件在国内有个通俗的名字叫做“小红点”，其实他的官方名称为“Badge/徽标”。Badge 通常出现在图标或文字右上角的红色圆点、数字或文字，表示有待处理的消息或新内容。
何时使用
一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。
按使用场景分类
分为无数字和有数字的场景。
使用规范
封顶数字
封顶数字指的是Badge的使用上限。
对于有数字的 Badge 来说，有雨界面空间有限，所以要根据使用场景和信息类型来决定最长数字的显示（一般情况下极限值为99+，如有特殊需求，则极限值可以增加到999+）。
谨慎使用 Badge
普通用户对 Badge 已经有一个统一的心理定义，即用户看到 Badge 后就会认为有新内容或者有待处理的消息，给用户一种很强的心理暗示。所以要谨慎使用他，不要在一些不必要的信息中使用，导致用户方案，进而流失。
其他使用
在有的交互规范里面，把状态点也划入到 Badge 里面，因为状态点也有给用户提示新内容或待处理消息的含义，所以如果大家以后在交互规范里面看到后不用感到惊讶，知道这个定义就行（Ant 就是把状态点归类到 Badge 内了）。
文章来源：IDUX 设计（微信公众号）
文章推荐
华为，挺住！谷歌安卓宣布封杀华为，这些APP以后都不能用了！
Sketch v55，免费领取！！！画裸体模特时，美术生把持得住吗？
网友评论