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

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

QQ

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

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

细节描述

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

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

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布1

{{ moreBtnTxt }}

你可能还爱看

梦想不能被盗,但页面可以
美团技术

用户体验梦想不能被盗,但页面可以

猎人 - 李炜健0.0

很多网页的404页面都很有意思,而「美团技术网」可能是我停留时间最长的错误页面了。因为它的错误页面会出现一个迷宫游戏,对于我这种游戏宅来说简直不玩不能走。其实这个迷宫的难度很...

查看详情

#404页面#互动#情绪

在QQ群@组员,再也不怕圈错人搞乌龙啦!
QQ

用户体验在QQ群@组员,再也不怕圈错人搞乌龙啦!

猎人 - 404NTFounD0.0

QQ的新版本针对在群聊里@组员的使用场景做了优化:当在键盘上敲了「@」符号时,备选人员名单会以上拉框的形式出现,点击右上角「多选」还可同时选择多个@的对象。简化了以往进行圈人...

查看详情

#QQ#信息呈现#易用性

「支付宝」彰显会员身份的设计细节你发现了吗?
支付宝

视觉「支付宝」彰显会员身份的设计细节你发现了吗?

猎人 - 八月7.0

「支付宝」蚂蚁会员的卡片背景模拟了真实卡片的光照效果:当手机以不同角度转动,背景呈现自然的反光动效并随角度变化移动,模拟真实场景卡片光照质感。背景图拟真细节的处理给用户以惊喜...

查看详情

#支付宝#视觉#设计彩蛋