控件详解之「小红点+索引导航+分段控件」.docVIP

控件详解之「小红点+索引导航+分段控件」 　　鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。 　　 　　Badge/徽标/小红点 　　「小红点」是这个控件在国内最通俗的称呼，正式的名称为「Badge」（徽标），Badge是指通常出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息。 　　 　　形态各异的Badge（徽标） 　　如何使用 　　无数字和有数字Badge使用场景 　　Badge可以分为无数字和有数字两类，一般来说，如果只需让用户了解有更新或新内容必然只有一条时，使用无数字Badge，例如微信公众号更新和App版本更新采用无数字类型。如果需要让用户精确了解有多少条更新且新内容有多条，可使用有数字Badge，例如IM的未读消息、邮箱的未处理邮件。有数字的Badge给用户带来的心理压力会更大，也会更吸引用户注意力。 　　 　　无数字和有数字 　　注意数字的长度和上限 　　对于有数字的Badge，由于界面显示空间有限，因此要注意视场景和信息类型决定数字最长显示多少位，如果数字达到上限该如何显示。 　　 　　谨慎在图标内运用红色圆点元素 　　红色小圆点这个视觉元素已经成为一种社会性语义符号，即用户看到红色小圆点就会认为这代表