微交互原来QQ底部导航栏的小人儿会眨眼睛

产品: QQ猎人: AmberDu小白作者: QQ设计团队观众: 1.0w人 时间: 2018-04-30

QQ

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

我也有新发现 我要投稿
原来QQ底部导航栏的小人儿会眨眼睛原来QQ底部导航栏的小人儿会眨眼睛

细节描述

AmberDu小白: QQ底部导航中代表「联系人」的小人图标,眼睛会随着点击左右两边的图标而看向对应的方向。这与B站的卖萌播放器进度条有异曲同工的妙处。一方面,联系人小图标眼睛的转动起到了视觉引导的作用,是对用户操作行为确定性的反馈;另一方面,小人儿图标调皮的动效给用户与产品的互动过程增加了童趣代入了情感。

928人评分
收藏 1
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

B站又调皮了,这一次请大家恰柠檬🍋
Bilibili

设计彩蛋B站又调皮了,这一次请大家恰柠檬🍋

猎人 - AmberDu小白9.0

bilibili最近上线了由畑健二郎创作的漫画改编的新番「总之就是非常可爱」,可能是因为剧情太甜连工作人员都酸了,团队直接请大家「恰柠檬」🍋—— 播放进度条上的小电视icon...

查看详情

#Bilibili#图标#情感化设计

在QQ群聊时针对性回复消息,竟如此简单?
QQ

交互手势在QQ群聊时针对性回复消息,竟如此简单?

猎人 - AmberDu小白0.0

在用「QQ」聊天时,尤其是多人群聊的情况,消息回复速度快、数量多,走个神就发现消息已经是99+。此时只需一个小操作,即可帮你快速回复特定的信息:按住想要回复的消息向左滑动,弹...

查看详情

#QQ#互动#交互手势

「腾讯动漫」别出心裁的banner轮播动效
腾讯动漫

设计逻辑「腾讯动漫」别出心裁的banner轮播动效

猎人 - AmberDu小白4.5

越来越多的网站会在主页banner轮播图的下方加入进度条来提示访问者banner切换的时间,「腾讯动漫」则巧妙地将轮播图的进度条设计与平台吉祥物飞过屏幕的动画效果结合起来。为...

查看详情

#banner#二次元#动漫