小角标，大作用！提升UI页面转化率！设计总监直夸我做的好

静电说：最近，我们在《静电的UI设计教室》中，为大家分享了好几个大厂面试题案例，其中有2个左右是偏营销和转化的案例，第一个是VIP会员卡页面的推广设计，第二个是换汇应用的设计。这里边有很多可以研究的小细节。

大厂面试题如何做？VIP会员卡UI页面设计细节复盘解析

这两个页面都有一个共同的特点，那就是需要设计师通过某些方式来提升用户“购买”或者“使用”的数据量（转化率）。对于设计师来说，引导会显得非常重要。而正是这样的一个设计目标，才是提现我们UI设计师价值的重中之重。

而今天我们就来聊聊角标的设计。以我们经常会去的超市举例，大家会在超市里发现很多下方的红色牌子，不管是如何的形式，它总会让你产生想去看看的心理，比如“省心价”，“大减价”，“买二送一”等等。

通过上面这些文案或者话术，会对消费者产生心理暗示，从而吸引消费者去购买指定的商品，让消费者产生，买这个价格划算量又足的感觉。

而在UI设计中，这样的角标也无处不在。看下方的两个会员卡页面中，角标被用到了价格选择模块，用来提示和引导用户选择更合适的价格方案。

下面我们对角标的设计样式进行一些归类，方便各位同学按需使用。

A. 贴边遮盖:这类角标一般用在按钮或者卡片右上角或者左上角位置，使用圆角矩形或者具有气泡效果的对话框效果来呈现。

B.悬浮类：当空间比较大时，悬浮类的标志也是很好的选择，而且更加明显。

C. 跟随类：我们可以将角标跟随在字段标签的前方或者后方，也可以起到很好的提示效果。如下方的这些红色或者蓝色的小标志，就可以起到很好的引导效果。

文末总结：

促销页面其实是对于用户心理的极致把握而设计出来的。用户的“优越感”，“占便宜”心理，“损失厌恶心理”，“从众心理”。把握好这些，再加上明晰的视觉设计，首页的展示效果就完成了。而角标会起到一个很好的心理引导作用，而且可以让用户更能快速得到这个产品的优势和吸引他的点。从而更好的提升产品的转化率和设计效果，各位小伙伴一定要善用角标哦~

在《静电的UI设计教室》课程中，我们会从视觉，交互等多个层面对这个面试题作业进行解析。作出更符合市场和用户需求，让面试官更满意的设计作品来。记住，我们不是为了应试而应试，而是真正提升我们的设计和思维能力，以不变应万变。而这些内容，也会让别人更加认可设计师的价值，让设计从单纯的好看，变得更有价值。