微交互bilibili播放界面的圖標(biāo)hover小彩蛋

產(chǎn)品: Bilibili獵人: AmberDu小白作者: bilibili 設(shè)計(jì)團(tuán)隊(duì)觀眾: 6.2k人時(shí)間: 2020-11-26

Bilibili

與「Bilibili」有關(guān)的細(xì)節(jié)還有 179 篇查看全部

我也有新發(fā)現(xiàn) 我要投稿

細(xì)節(jié)描述

AmberDu小白: b站播放界面下方設(shè)置聲音、畫面、播放模式等的小圖標(biāo)的hover狀態(tài)，都有可愛(ài)的微交互小動(dòng)畫來(lái)反饋當(dāng)前的操作。雖然都是不復(fù)雜的小動(dòng)效，比如調(diào)節(jié)音量小喇叭圖標(biāo)會(huì)有聲波震動(dòng)，寬屏模式圖標(biāo)會(huì)有形象的拉伸效果等等，但這些小心思的加入讓發(fā)生交互的過(guò)程立馬變得生動(dòng)有趣起來(lái)。「優(yōu)設(shè)」和「優(yōu)優(yōu)網(wǎng)」也有類似的hover交互小彩蛋，大家有發(fā)現(xiàn)嗎？

0暫無(wú)評(píng)分

Bilibili hover 即時(shí)反饋圖標(biāo) 形象思維微交互設(shè)計(jì)彩蛋趣味性全部話題

發(fā)表評(píng)論為下方 1 條評(píng)論點(diǎn)贊，解鎖好運(yùn)彩蛋

以上留言僅代表用戶個(gè)人觀點(diǎn)，不代表優(yōu)設(shè)立場(chǎng)

評(píng)論就這些咯，讓大家也知道你的獨(dú)特見(jiàn)解立即評(píng)論

你可能還愛(ài)看

Bilibili

用戶體驗(yàn)幫你貼心緩存最新彈幕的B站

獵人 - 卷毛0.0

很多人出遠(yuǎn)門的時(shí)候都有提前緩存好想看的視頻在手機(jī)或ipad的習(xí)慣，但對(duì)于習(xí)慣了彈幕文化的同學(xué)而言少了彈幕陪伴的視頻總覺(jué)得缺少了點(diǎn)什么。考慮到這個(gè)常見(jiàn)的使用場(chǎng)景，B站不僅能離線...

查看詳情

#Bilibili #互動(dòng)#彈幕

Bilibili

微文案原來(lái)你是這樣軟萌又傲嬌的小電視

獵人 - AmberDu小白10.0

B站的評(píng)論區(qū)其實(shí)藏著一個(gè)很可愛(ài)的提示文案反饋設(shè)計(jì)。當(dāng)點(diǎn)開視頻播放頁(yè)的評(píng)論區(qū)時(shí)，屏幕下方的評(píng)論輸入框中會(huì)顯示鼓勵(lì)用戶留言的提示文案。但如果點(diǎn)開了輸入框卻最終未發(fā)表言論，輸入框收...

查看詳情

#Bilibili #即時(shí)反饋 #情感化設(shè)計(jì)

網(wǎng)易云音樂(lè)

多感官體驗(yàn)「網(wǎng)易云音樂(lè)」如何用「鯨云音效」打造聽覺(jué)震撼？

獵人 - AmberDu小白0.0

為了提供更加優(yōu)質(zhì)的場(chǎng)景化視聽享受，「網(wǎng)易云音樂(lè)」上線了「鯨云音效」的功能來(lái)提升用戶聽歌時(shí)的視覺(jué)動(dòng)效與音效體驗(yàn)。「動(dòng)效」有孤獨(dú)星球、跳動(dòng)旋律、純美古風(fēng)、空靈輕音等多個(gè)音畫主題，...

查看詳情

#多感官 #沉浸感 #網(wǎng)易

近期熱門產(chǎn)品

微信

獵人已捕獲300個(gè)知識(shí)點(diǎn)

深圳羅湖區(qū)水貝國(guó)際中心

獵人已捕獲1個(gè)知識(shí)點(diǎn)

Hive

獵人已捕獲1個(gè)知識(shí)點(diǎn)

返回獵人首頁(yè)

關(guān)于我們

優(yōu)設(shè)是國(guó)內(nèi)專業(yè)設(shè)計(jì)師平臺(tái)，2012年創(chuàng)辦至今，作為行業(yè)風(fēng)向標(biāo)，我們13年來(lái)專注于設(shè)計(jì)師創(chuàng)作者的學(xué)習(xí)成長(zhǎng)交流。通過(guò)優(yōu)設(shè)網(wǎng)、優(yōu)優(yōu)教程網(wǎng)、優(yōu)創(chuàng)網(wǎng)分別沉淀優(yōu)質(zhì)內(nèi)容。是一家集齊媒體、內(nèi)容、服務(wù)的多元化平臺(tái)。MCN矩陣@優(yōu)設(shè)AIGC 在微博、微信、小紅書、抖音、B站布局，全網(wǎng)粉絲過(guò)千萬(wàn)。

菜單 優(yōu)設(shè)網(wǎng)uisdc.com 優(yōu)設(shè)網(wǎng) - 學(xué)AI設(shè)計(jì)上優(yōu)設(shè)

您還未登錄

登錄后即可體驗(yàn)更多功能

微交互bilibili播放界面的圖標(biāo)hover小彩蛋

產(chǎn)品: Bilibili獵人: AmberDu小白作者: bilibili 設(shè)計(jì)團(tuán)隊(duì)觀眾: 6.2k人 時(shí)間: 2020-11-26

與「Bilibili」有關(guān)的細(xì)節(jié)還有 179 篇 查看全部

細(xì)節(jié)描述

發(fā)表評(píng)論 為下方 1 條評(píng)論點(diǎn)贊，解鎖好運(yùn)彩蛋

↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓

你即將學(xué)會(huì) 設(shè)計(jì)邏輯 的知識(shí)

「即刻」App的「透氣模式」是什么？

上一篇

你即將學(xué)會(huì) 文案 的知識(shí)

歡迎來(lái)到地球村的「一個(gè)」App， 對(duì)流層的溫度是 -273.15°C

下一篇

你可能還愛(ài)看

獵人 - 卷毛0.0

獵人 - AmberDu小白10.0

獵人 - AmberDu小白0.0

近期熱門產(chǎn)品

微信

獵人已捕獲300個(gè)知識(shí)點(diǎn)

深圳羅湖區(qū)水貝國(guó)際中心

獵人已捕獲1個(gè)知識(shí)點(diǎn)

Hive

獵人已捕獲1個(gè)知識(shí)點(diǎn)

AI趨勢(shì)

入站必看

設(shè)計(jì)入門

進(jìn)階提升

熱門資源

最新AI工具

300+實(shí)用AI工具全收錄

Midjourney

會(huì)上癮的AI繪畫工具

AI智能繪畫

讓AI助你一臂之力

Blender

稱心如意的3D設(shè)計(jì)法寶

Figma

令設(shè)計(jì)師愛(ài)不釋手

HMI設(shè)計(jì)指南

車載設(shè)計(jì)教科書

直播間設(shè)計(jì)

生意都在直播間啦

Stable Diffusion

最強(qiáng)開源AI繪畫工具

優(yōu)設(shè)熱榜

每日必讀的行業(yè)消息

教你做字庫(kù)

每個(gè)公司都可有字庫(kù)

設(shè)計(jì)服務(wù)

一站式數(shù)字創(chuàng)意服務(wù)平臺(tái)

求職面試

為你用心整理的技巧

B端設(shè)計(jì)

開始探索B端設(shè)計(jì)

3D設(shè)計(jì)

技巧與工具全揭秘

520個(gè)必看設(shè)計(jì)網(wǎng)站

精選全球設(shè)計(jì)站點(diǎn)

9圖！入站必刷

優(yōu)設(shè)重磅設(shè)計(jì)知識(shí)頻道

AI自學(xué)網(wǎng)

專業(yè)全面的AI平臺(tái)

熱門產(chǎn)品揭秘

60秒學(xué)1個(gè)熱門產(chǎn)品亮點(diǎn)

免費(fèi)圖庫(kù)

高質(zhì)量的免費(fèi)可商用圖片

私單報(bào)價(jià)

謝絕幫個(gè)忙

優(yōu)設(shè)年度榜單

全年好內(nèi)容一網(wǎng)打盡

每日一問(wèn)

你的問(wèn)題這里有答案

自學(xué)就上優(yōu)優(yōu)網(wǎng)

優(yōu)設(shè)旗下自學(xué)網(wǎng)站

優(yōu)設(shè)主編人氣好文

設(shè)計(jì)風(fēng)向標(biāo)

設(shè)計(jì)師書單

菜單優(yōu)設(shè)網(wǎng) - 學(xué)AI設(shè)計(jì)上優(yōu)設(shè)

產(chǎn)品: Bilibili獵人: AmberDu小白作者: bilibili 設(shè)計(jì)團(tuán)隊(duì)觀眾: 6.2k人時(shí)間: 2020-11-26

與「Bilibili」有關(guān)的細(xì)節(jié)還有 179 篇查看全部

發(fā)表評(píng)論為下方 1 條評(píng)論點(diǎn)贊，解鎖好運(yùn)彩蛋

你即將學(xué)會(huì) 設(shè)計(jì)邏輯的知識(shí)

你即將學(xué)會(huì) 文案的知識(shí)

歡迎來(lái)到地球村的「一個(gè)」App，對(duì)流層的溫度是 -273.15°C