手机二维码 手机二维码

小红点的UI设计怎么“不烦人”(色彩篇)

发表时间:2020-11-19    人气:1311    作者:牛耳教育
    不知道大家有没有这种感觉,手机上的红点多了,会带来一种焦虑感,不看完不舒服,看完又觉得麻烦。这些消息提醒,很多已经从本来的好意变成了现在“博关注”的一种方式。今天,UI设计培训的小编来跟大家聊一聊,小红点的UI设计怎么“不烦人”(色彩篇)。
小红点的UI设计怎么“不烦人”(色彩篇)
    看了下市面大部分产品对“小红点”的色彩解法,得出以下结论:

    大多数互联网产品的提示色采用的是“红色”,猜测原因:大家本能的认为用“红色”总不会出错。

    追溯了下“小红点”的由来:它来自于黑莓手机系统。在诺基亚一统天下的时代,新消息的提醒是图标+数字的形式。黑莓在2009年推出的9700系列,搭载的黑莓系统开始使用了带星号的小红点形式。Apple公司在2013年注册了相关专利,并在iOS系统上开始正式使用。

    目前小红点已经变成了一个通用的提醒机制,且出现被滥用的趋势。“品牌主色”与“红色”接近的产品,大多倾向于采用“品牌主色”作为提示色。猜测原因:“红色”和“橙红,玫红,粉红等相近主色”并存且柔和到一起时,页面会显得混乱,所以他们把自己“主色”也作为提示色。不过这种处理手法也一般,还是乱。

    虽然“黄色”也具备一定的警惕和提示性,但仅存在于少数的黑色界面产品中。猜测原因:黄色在白色背景上看不清。

    部分产品采用“两种消息提醒色”,进行分层处理(1级页面红色,2级页面其他颜色)。猜测原因:1级页面强提醒,2级页面用弱级色彩,降低消息的打扰度,增加用户可控感。
    看到第4种方式时,我就很开心了,因为这就是我想找到的答案。平常用的时候没有意识到,在研究“小红点”的时候才发现他们UI设计的挺用心。

    拿QQ邮箱举例:当收件箱已经有4000多封未读邮件时,它并不是出红点,或者红点上“…”或“99+”来警示我。而仅是弱化的蓝底+数字,告诉我里面有多少封。如果是红色,会有种逼迫我必须读完才消除,对于拥有4565条未读邮件的我,应该想死。而且对用户来说,并不一定每封邮件是非读不可的。

    基于以上分析,我觉得第四种处理方式同样适用于内容类产品,原因是:

    用户对于内容型消息的“实时性”,“关系稳定性”较弱,因此对于较强提示带来干扰的忍耐度会更低。而“红色”给人非看不可,不看不消的印象。基于内容型平台特点,其实并不是所有的消息都需要全局“红色”那么强化。

    “红色”可在一级界面保留,满足从平台角度的可控性即可。“蓝色”是第二种辅助提示色的备选方案,从以下几个角度分析:

    1、从互联网产品角度:蓝色在互联网产品中常被用作“更新”;

    2、从交通系统色彩心理角度:蓝色有“指示性”作用;
小红点的UI设计怎么“不烦人”(色彩篇)
    当然,这也不是绝对的,有时候也得基于自己产品的主色进行具体问题具体分析。拓宽下大家对“内容类产品”消息提示的色彩思路,不用太局限于满屏“红”。好,说完“色彩”,下一篇文章《小红点的UI设计怎么“不烦人”(形状篇)》我们再来聊聊“形状”。

免责声明:1、文章部分图片源于网络,均为示意图;2、所有文章、图片、音频视频文件等资料版权归版权所有人所有;3、因非原创文章及图片等内容无法一一和版权者联系,如原作者或编辑认为作品不宜上网供浏览,或不应无偿使用,请及时通知我们,以迅速采取适当措施,避免给双方造成不必要的经济损失;4、本页面内容如无意中侵犯了媒体或个人的知识产权,请来电告之,我们将于24小时内删除。

每日前50名预约咨询

可免费获取专属优惠

*
*

电话咨询

400-0731-162

在线咨询

返回顶部