熱評 香ing

真滴好看!每個APP都還挺有特色的,音樂播放界面都被做出花兒來了,妙哉妙哉!

10個音樂產品細節剖析,看看高手是如何做設計的!

最近被刀郎的《羅剎海市》洗腦了,相信大家的朋友圈也被刷屏啦!

當然,閑暇時光聽聽音樂也是大家放松心情的不錯選擇,科技的進步讓聽歌變得很容易,身邊的音樂產品也非常多。平時黑馬哥也會選擇不同的音樂產品體驗聽歌的樂趣,每個產品都有自己的風格,特別是在音樂播放器界面的設計上面,都在努力的突破差異和帶給用戶更好的感官體驗。

今天黑馬哥特意體驗了不同音樂產品的播放器界面,如果你要聽《羅剎海市》,你會選擇哪個播放器的設計呢?

往期產品細節回顧:

一、網易云音樂

網易云音樂的播放器相信大家非常熟悉,算是比較經典的音樂播放器了。黑膠唱片風格還原了音樂播放的場景感,播放和暫停也進行場景代入感的設計。

10個音樂產品細節剖析,看看高手是如何做設計的!

播放器背景運用磨砂玻璃的效果,提取不同音樂專輯封面作為背景,整體視覺感簡潔舒適且非常自然。無論是使用體驗還是感官體驗都非常不錯,成為經典是必然的。

除了默認的經典風格以外,也可以進行播放器皮膚定制,打造自己專屬的播放器。

10個音樂產品細節剖析,看看高手是如何做設計的!

二、QQ 音樂

QQ 音樂結合輕擬物風打造播放器也非常具備場景感,開關按鈕的動態效果也十分真實。界面底部會提取專輯封面配色營造彌散光效果,使得設計具備更好的視覺氛圍感。

10個音樂產品細節剖析,看看高手是如何做設計的!

除了默認的播放器以外,在雷達里面聽歌時,播放器變得更有空間感。讓用戶沉浸在音樂的世界,更有傾聽音樂享受愉悅的心情。當然,QQ 音樂也提供了個性裝扮,讓用戶可以擁有更多自定義的體驗。

10個音樂產品細節剖析,看看高手是如何做設計的!

三、酷狗音樂

酷狗音樂相較于其它音樂產品而言,設計風格比較個性化。播放器界面設計提供了眾多主題皮膚,通過“播放設置”即可選擇自己喜歡的風格,樣式都非常不錯。

10個音樂產品細節剖析,看看高手是如何做設計的!

除了靜態風格以外,部分播放器主題帶有視頻功能,也有一些視頻是酷狗 AI 制作。整個產品視覺風格年輕化,感官體驗度十足。

10個音樂產品細節剖析,看看高手是如何做設計的!

四、酷我音樂

酷我音樂的主題皮膚設置也是非常豐富的,我比較喜歡這種立體風的感覺。結合立體風的播放器延展了很多不同的視覺效果,比如悠悠夏日、三體太空、賽博朋克等。播放音樂時,3D 播放器打開的動效表達流暢自然,非常具有空間的代入感。

10個音樂產品細節剖析,看看高手是如何做設計的!

用戶也可以選擇更多風格各異的播放器或者其他主題皮膚,無論是 3D 還是動態背景,豐富的樣式選擇提供了差異化的定制體驗。

10個音樂產品細節剖析,看看高手是如何做設計的!

五、咪咕音樂

咪咕音樂也是比較主流的音樂產品之一,音樂播放器可以關閉/開啟動態背景,帶給用戶多樣化的選擇。動態背景以專輯封面縮放展示,也會伴隨著位移,相較于靜態而言具有更多變化體驗。

10個音樂產品細節剖析,看看高手是如何做設計的!

六、MOO 音樂

MOO 音樂播放器提供了專輯封面和背景大圖兩個模式,方便用戶根據喜好進行設置。

10個音樂產品細節剖析,看看高手是如何做設計的!

在播放界面設計中,底部配合音量的大小彈出音頻波動條,帶給用戶視聽雙享受。音頻波動條采用不同的元素進行設計,體現不同音樂的差異,帶給用戶獨特的感官體驗。差異化的設計表達也能打造獨特的記憶點,讓用戶在眾多的音樂產品中形成獨特的記憶。

10個音樂產品細節剖析,看看高手是如何做設計的!

七、汽水音樂

汽水音樂是抖音官方出品的音樂產品,音樂播放器設計比較特別的是播放/暫停按鈕動效。暫停狀態背景會有氣泡漂浮,還原了汽水帶給用戶的視覺感。通過小小的動效表達不僅強化了品牌感,也提高了播放按鈕的點擊欲,帶給用戶不錯的感官體驗。

10個音樂產品細節剖析,看看高手是如何做設計的!

八、波點音樂

波點音樂在播放器設計上也提供了設置功能,可以設置背景、沉浸式播放、動感歌詞、優評展示等。處于操作狀態時,播放器展示常規的音樂操作基礎功能;幾秒后便會隱藏基礎操作,以可視化的音頻波動呈現,觸碰界面即可激活功能操作。

10個音樂產品細節剖析,看看高手是如何做設計的!

人性化的設置滿足用戶喜好,沉浸式的設計可以帶給用戶更好的聽歌體驗。

10個音樂產品細節剖析,看看高手是如何做設計的!

小結

音樂產品很多,以上列舉的僅為個人習慣性選擇。通過體驗總結,讓大家感受不同音樂產品的播放器差異,選擇自己最喜歡的形式享受音樂帶來的愉悅!

歡迎關注作者的微信公眾號:「黑馬家族」

10個音樂產品細節剖析,看看高手是如何做設計的!

收藏 30
點贊 44

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。