据公开资料显示，不管是H5、小程序，还是APP，在用户厌恶的界面设计元素中，小红点都是名列前茅的存在。但在很多场合下，没有小红点的提醒，又会让用户错失许多有用的信息，小红点在当下还是属于必备界面设计元素。那么如何才能减少用户对小红点的厌恶呢？下面，蓝橙视觉就给大家分享一下。

一、UI设计中小红点的应用

小红点是大家最通俗的叫法，在UI设计中还有一个名称叫徽标（Badge），它指的是出现在图标或文字右上角、可带有数字或文字的红色圆点，小红点的出现则意味着有新内容或待处理的信息，它可以是系统强加给用户的，可以是用户之间被动产生，也可以是因用户自己的主动行为产生，起到引导用户操作、增加点击量的作用。

二、小红点设计三要素

1、色彩

不管在什么设计中，红色都会给人一种危险、警示的感觉，并能与其他信息形成强烈的对比，很容易引用户起注意，所以小红点使用了高亮度的红色用以吸引用户注意力，促使用户去点击。当然，除了红色以外也可以采用其他的颜色，在想要传达的信息权重、用户群体及内容属性不同是时，也可以借助其他颜色来代表，但如果使用不当，会更容易引起用户反感，不推荐使用。小红点虽然很大众化、很普通，可至少不会出错。

2、形状

相比于三角形、矩形或其他奇奇怪怪的形状，小红点的设计更偏向于圆形或者圆角矩形，有任何锋利的边缘及棱角，它本身的简洁性能让界面看起来更和谐、对用户更友好，且能将视线聚焦至圆的中心点，对于凸显圆形当中的文本再合适不过了。在文本内容少时，即可直接采用圆形，而文本内容多时，则采用圆角矩形，结合实际显示需求来调整圆角值到最大，让用户看到后的第一感觉是近乎椭圆形。

3、位置

小红点主要用于消息提醒，所以必然要依附于某个主体信息、作为辅助提示的存在，将主体信息看作一个整体，它的中心点和四角存在不同的力场，会对用户产生不同的吸引力。其中最合适的地方就是右上角，虽然会对画面造成一定的破坏，但也正因为这种不和谐的画面，更能让用户点击，达到提醒用户的目的。

以上就是本次为大家分享的界面小红点设计三要素，小红点是一种让人又爱又恨的解密元素，设计时必须要在确保其提醒作用的基础上，尽可能地优化其视觉体验，让用户更容易接受其存在，否则小红点就会成为用户卸载或停用应用的导火线。