3. UI设计中的小红点
小红点是大家最通俗的叫法，在UI设计中还有一个名称叫徽标（Badge），它指的是出现在图标或文字右上角、可带有数字或文字的红色圆点，小红点的出现则意味着有新内容或待处理的信息，其目的是为入口导流，起到引导用户操作、增加点击量的作用。
4. 深度了解小红点
小红点作为消息提醒的一种方式，并不仅仅只是表面上看到的视觉设计问题，它真正是一个产品营销策略及如何调度用户注意力的问题，所以我们在设计时要有敬畏之心，切勿乱用/滥用小红点，需要在产品的长期运行中不断寻找合理的契机再伺机而为，毕竟用户体验与产品利益挂钩。
用户对不同类型产品的消息提醒，其投入的精力成本和接受程度是不一样的。例如对QQ、微信等即时通讯类产品消息的处理效率可以说是非常高，不管是认识的还是不认识的，只要是列表中的好友发来消息，有很大的概率立即点开回复，甚至在没有小红点的情况下也会去检查会话列表，以防有什么消息被漏掉；而抖音、快手这种内容型产品明显不一样，基于产品本身就没有那么强的诉求，一旦消息过多影响内容浏览就会让用户产生反感，直至忍耐度降低，就算熟人发来消息，大多数人都没有立即打开、即时回复的*。
这里必须要明确一点的是：适合其他产品内容提醒的小红点设计、并不一定适合自己的产品。
一味追求「高打开率」的小红点设计在短期内或可满足产品需求，在用户心中，不会刻意在乎小红点的多少，真正关注的是这个提醒是否跟“我”有关，如果产品不懂得节制，仅依靠“红点”的堆积来时刻吸引用户注意力，时间一长用户就会麻木，可能直接忽略掉小红点或因为不够专注而遗漏掉与自己相关的内容。所以在设计小红点之前，需要对其有一个清晰的认识，了解小红点的属性、使用场景及设计原则，然后酌情使用。
二、用户为什么会处理小红点1. 打破信息自身的平衡
在正常情况下，任何内容都是没有小红点的，一旦某个地方突然出现小红点则意味着信息发生了变化或出现了异常，极度破坏原本信息的平衡，用户在本能反应的驱使下可能会不由自主的点开，消除红点或者一探究竟，不管如何，小红点诱发用户点击的目标就完成了。
2. 破坏周边环境的和谐
「相似性」原理告诉我们：共同视觉元素的物体看起来更有关联性，我们倾向于将看起来相似的对象视为一组或者一个模式，例如用颜色、形状，大小，方向以及纹理等视觉元素，共同组成相近的样式。
小红点的出现就严重破坏了周边的平衡、以及画面的和谐，让其中的某个内容变得与众不同并快速引起用户重视并诱发用户的点击行为。利用此种方式达到目的的还有如底部标签栏引人注目的「发布」按钮、金刚区的某个动效icon…
3. 给用户带来不适
具有强迫症心理的人都明白，他们喜欢追求极致的完美，对于不和谐、不对称的事物会产生厌烦心理，并且会试图去纠正这些“错误”。小红点正是利用了人们的这个弱点，通过打破原本信息平衡，给用户带来不适，让用户主动点击并消除它，业务导流的目的也就此达成。
小红点的天然使命就是为用户提供明确提醒，它可以是系统强加给用户的（功能/内容更新）、也可以是用户之间被动产生（对方发来的消息）或因用户自己的主动行为产生（操作结果反馈），不管以何种形式出现，它必须符合用户固有认知以及具备很强的可视性，这里我们可以从小红点的色彩、位置、形状三个方面来了解。
1. 色彩：为什么是红色
设计师都知道，红色会有一种危险、警示的感觉，并能与其他信息形成强烈的对比，很容易引用户起注意，所以小红点使用了高亮度的红色用以吸引用户注意力，促使用户去点击。
如下图所示，在不同颜色的徽标中，你是否对小红点情有独钟？
