微交互bilibili播放界面的图标hover小彩蛋

产品: Bilibili猎人: AmberDu小白作者: bilibili 设计团队观众: 5.4k人 时间: 2020-11-26

Bilibili

与「Bilibili」有关的细节还有 170查看全部

我也有新发现 我要投稿
bilibili播放界面的图标hover小彩蛋bilibili播放界面的图标hover小彩蛋

细节描述

AmberDu小白: b站播放界面下方设置声音、画面、播放模式等的小图标的hover状态,都有可爱的微交互小动画来反馈当前的操作。虽然都是不复杂的小动效,比如调节音量小喇叭图标会有声波震动,宽屏模式图标会有形象的拉伸效果等等,但这些小心思的加入让发生交互的过程立马变得生动有趣起来。「优设」和「优优网」也有类似的hover交互小彩蛋,大家有发现吗?

0暂无评分
收藏 11
分享细节海报

发评论!每天赢奖品

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

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

本期奖品

发表评论 已发布1

{{ moreBtnTxt }}

你可能还爱看

2233娘真是贴心的小姐姐(*╹▽╹*)
Bilibili

微交互2233娘真是贴心的小姐姐(*╹▽╹*)

猎人 - AmberDu小白9.2

登录网站或应用在输入密码时,无论周围环境如何我们总会潜意识里产生一丝不安全感。B站对于这个问题的处理方式显得十分可爱,在用户登录账号输入密码时背景里的2233娘会出现双手捂眼...

查看详情

#Bilibili#人性化#安全感

B站的视频「全屏播放」按钮,为什么会显示两种不同的图标样式?
Bilibili

用户体验B站的视频「全屏播放」按钮,为什么会显示两种不同的图标样式?

猎人 - AmberDu小白6.0

国内主流的视频网站目前好像都多只支持横屏观看模式,这对于观看来自短视频软件与直播软件录屏(如抖音、快手)的竖屏内容显得十分不友好。随着用户上传竖屏内容的增多,B站增加了支持视...

查看详情

#Bilibili#交互手势#情境预判

「老虎证券」怎样提升评论区的活力?
老虎证券

用户体验「老虎证券」怎样提升评论区的活力?

猎人 - 李炜健8.5

「老虎证券」不仅针对每只股票都有一个评论区,还在所购股票的页面有个「持仓分享」的功能。用户可以实时分享持仓股票的涨跌情况,并且还有个小老虎的形象用自己的表情与俏皮话传达每位股...

查看详情

#互动#信息呈现#即时反馈