会员

开通优设VIP星球

尊享12项VIP特权 持续新增

主题直播

每年36场重磅嘉宾主题直播

独家优惠

星球会员可享书籍软硬件最低优惠

优设私房课

大咖出品易学易懂高品质小课

法务咨询

免费咨询版权/劳动相关法律问题

领取更多设计师实用特权

投稿

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

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

Bilibili

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

我也有新发现 我要投稿

细节描述

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

发表评论 已发布1

你可能还爱看

Spotify

设计彩蛋Spotify:「玩儿彩蛋,我们是专业的」

猎人 - 小白0.0

Spotify的设置页面里有个Stranger Things Mode的开关,打开就可以在有彩蛋设计的歌曲播放时触发各种特殊动效。比如在Spotify播放「怪奇物语」的主题曲...

查看详情

#Spotify#情境预判#情感化设计

Bilibili

视觉哔哩哔哩更新logo,小电视更加元气可爱

猎人 - 小白0.0

bilibili最近悄悄修改了自己的logo,「小电视」的「脚」消失不见了,眼睛和嘴巴线条也变成了圆角,整体变得更加圆润可爱。logo的文字部分也进行了微调,字母更加规整,在...

查看详情

#Bilibili#logo#情怀

Bilibili

设计彩蛋Bilibili:根植于代码中的惊喜彩蛋

猎人 - 洛糊糊0.0

PC端和移动端有什么不同?除了设备不一样,还有一个不一样大概就是在使用浏览器浏览网页时,只要按下F12,你就能看见整个页面的代码。Bilibili就设计了一个在代码里的小彩蛋。

查看详情

#Bilibili#代码#惊喜