視覺(jué)關(guān)于「蝦米音樂(lè)」播放進(jìn)度條的小思考

產(chǎn)品: 蝦米音樂(lè)獵人: 404NTFounD作者: 蝦米音樂(lè)團(tuán)隊(duì)觀眾: 6.1k人 時(shí)間: 2020-05-27

蝦米音樂(lè)

與「蝦米音樂(lè)」有關(guān)的細(xì)節(jié)還有 20查看全部

我也有新發(fā)現(xiàn) 我要投稿
關(guān)于「蝦米音樂(lè)」播放進(jìn)度條的小思考關(guān)于「蝦米音樂(lè)」播放進(jìn)度條的小思考

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

404NTFounD: 「蝦米音樂(lè)」的播放界面將播放進(jìn)度條與播放時(shí)間信息做了巧妙的結(jié)合,并有兩種不同的顯示方式:打開(kāi)歌曲詳情頁(yè)時(shí),專輯圖底部會(huì)顯示音樂(lè)的時(shí)間進(jìn)度條;而當(dāng)返回至歌曲信息頁(yè)時(shí),時(shí)間進(jìn)度條則會(huì)移至音頻控件上方。時(shí)間進(jìn)度條是以「當(dāng)前已播放時(shí)長(zhǎng)+歌曲總時(shí)長(zhǎng)」的數(shù)據(jù)信息做為可拖動(dòng)的圖標(biāo)。特別的設(shè)計(jì)能吸睛,也能讓用戶一眼get聽(tīng)歌進(jìn)度,但會(huì)在用戶瀏覽信息滑屏?xí)r形成一定的干擾。

0暫無(wú)評(píng)分
收藏 18
分享細(xì)節(jié)海報(bào)

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

{{ moreBtnTxt }}

你可能還愛(ài)看

「支付寶」彰顯會(huì)員身份的設(shè)計(jì)細(xì)節(jié)你發(fā)現(xiàn)了嗎?
支付寶

視覺(jué)「支付寶」彰顯會(huì)員身份的設(shè)計(jì)細(xì)節(jié)你發(fā)現(xiàn)了嗎?

獵人 - 八月7.0

「支付寶」螞蟻會(huì)員的卡片背景模擬了真實(shí)卡片的光照效果:當(dāng)手機(jī)以不同角度轉(zhuǎn)動(dòng),背景呈現(xiàn)自然的反光動(dòng)效并隨角度變化移動(dòng),模擬真實(shí)場(chǎng)景卡片光照質(zhì)感。背景圖擬真細(xì)節(jié)的處理給用戶以驚喜...

查看詳情

#支付寶#視覺(jué)#設(shè)計(jì)彩蛋

什么樣的簽到設(shè)計(jì)會(huì)讓你愿意堅(jiān)持打卡呢?
蝦米音樂(lè)

用戶體驗(yàn)什么樣的簽到設(shè)計(jì)會(huì)讓你愿意堅(jiān)持打卡呢?

獵人 - AmberDu小白9.0

「蝦米音樂(lè)」App的簽到功能被設(shè)計(jì)為從「?jìng)€(gè)人中心」進(jìn)入「每日簽到」的頁(yè)面,即為完成一次簽到。頁(yè)面跳轉(zhuǎn)到簽到頁(yè)面無(wú)需進(jìn)行任何操作,頁(yè)面上方會(huì)自動(dòng)出現(xiàn)連續(xù)簽到X天的動(dòng)效,每日簽到...

查看詳情

#易用性#用戶引導(dǎo)#用戶粘性

地鐵,你選擇強(qiáng)冷車廂還是弱冷車廂?

生活中的用戶體驗(yàn)地鐵,你選擇強(qiáng)冷車廂還是弱冷車廂?

獵人 - 洛糊糊7.7

人的體感不同,會(huì)帶來(lái)對(duì)溫度需求的不同,因此會(huì)常常碰見(jiàn)地鐵、動(dòng)車有的人覺(jué)得冷、有的人覺(jué)得熱的情況。成都地鐵5號(hào)線設(shè)立了「強(qiáng)冷車廂」「弱冷車廂」,乘客可以根據(jù)需求進(jìn)行選擇。用戶的...

查看詳情

#人性化#地鐵#情境預(yù)判