UI小红点这样设计!用户都感动哭了

鲸呼教育 2022-12-26 09:32:18

Hello!这里是你熟悉的小鲸~一起来了解UI小红点吧!你设计对了吗?

【什么是小红点】

——「小红点」是国内对这个控件的俗称,专业的称呼应该是「徽标」(Bagde)。

【小红点的作用】

——小红点用于告诉用户有待处理的事物或更新的数量。通常在元素右上角展示,提示用户有新消息、新功能、新服务等内容,吸引用户处理。

【小红点的分类】

——小红点主要可以分为三类:纯红点、有数字、有文字。

纯红点:指没有内容的小红点。通常,如果只需要让用户知道有新内容,无需知道数量,或更新必然只有一条时,使用此类小红点。

有数字:如果需要让用户知道新内容的具体数量,或新内容的数量会不断变化,使用有数字的小红点。由于界面空间有限,需要考虑数字最多显示多少位。比如:超过100条显示「99+」......

有文字:如果希望吸引用户点击某个功能,通常会使用有文字的小红点。通过文案展示更具体的信息或好处,吸引点击。文案一般3个字左右。

具体如何使用小红点,可以点击图片~看完了是不是觉得还挺涨知识的呢?收藏!关注我!#ui#ui设计#鲸呼教育#设计#ps#学习

0 阅读:3