微交互如何将提示消息的徽标小红点设计得俏皮可爱?

产品: QQ猎人: 繁至简观众: 5.4k人 时间: 2023-04-13

QQ

与「QQ」有关的细节还有 107查看全部

我也有新发现 我要投稿
如何将提示消息的徽标小红点设计得俏皮可爱?如何将提示消息的徽标小红点设计得俏皮可爱?

细节描述

繁至简: 小红点的专业名称为徽标,是消息提示的小组件。别看一个小红点很呆板,它也可以做得十分有趣和可爱。「QQ」在底部TAB导航中页采用了小红点来提示消息,当你不需要该提示时,用户可以将其拉走,并且还有消失的动效。这么俏皮的小设计真让人爱不释手呀~

7.425人评分
收藏 5
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

误删备忘录输入内容,iPhone怎样快速撤销误操作?
iOS

交互手势误删备忘录输入内容,iPhone怎样快速撤销误操作?

猎人 - AmberDu小白8.2

发短信或者在备忘录编辑时,最怕发生的事情就是刚编辑好一大段文字,结果因为误操作辛辛苦苦写的内容全没了。幸运的是,如果你正在用苹果手机,那么你只需要摇晃一下手机就能撤销刚才的操...

查看详情

#Apple#交互手势#人性化

QQ团队是如何设计一个合理的字体设置流程的?
QQ

用户体验QQ团队是如何设计一个合理的字体设置流程的?

猎人 - AmberDu小白0.0

「QQ」的字体大小设置十分人性化,通过显示聊天与信息主页两个主要使用场景的界面,来让用户直观地感知当前文字的大小。修改文字的方式也很简单,拖动页面下方的调节滑块就能查看不同s...

查看详情

#QQ#信息呈现#形象思维

提升观看效率50%!懂车帝视频进度条这项黑科技太强了
懂车帝

好功能提升观看效率50%!懂车帝视频进度条这项黑科技太强了

猎人 - 龙爪槐守望者8.3

在观看汽车视频时,你是不是也希望能快速找到最感兴趣的内容,而不是浪费时间在无关紧要的部分?懂车帝就为你提供了这样一个高效的解决方案。他们的视频进度条上,精心标注了关键内容的节...

查看详情

#微交互#懂车帝#效率