你是否每天都在使用QQ音樂(lè)收聽(tīng)歌曲，但是你有沒(méi)有觀察到QQ音樂(lè)的播放頁(yè)其實(shí)藏著很多功能。一個(gè)小小的播放頁(yè)，雖然看上去那么的不起眼，仿佛它的功能只是用來(lái)切歌、看歌詞和單曲循環(huán)，但隨著QQ音樂(lè)社交化、娛樂(lè)化的發(fā)展，如今這個(gè)播放頁(yè)已經(jīng)成為了一個(gè)重要的聚合頁(yè)入口。本期「設(shè)計(jì)大偵探」的「細(xì)節(jié)獵人」，為你解剖QQ音樂(lè)播放頁(yè)的37個(gè)功能，11種分享方式以及17種歌曲海報(bào)。

一、歌曲
「歌曲」是播放頁(yè)的默認(rèn)分類(lèi)，這個(gè)分類(lèi)的功能比較多，所以我把它拆分為「?jìng)€(gè)性化設(shè)置」、「聽(tīng)歌場(chǎng)景」、「音樂(lè)工具」和「分享方式」四種類(lèi)型。「?jìng)€(gè)性化設(shè)置」和「音樂(lè)工具」為用戶提供多種音樂(lè)偏好的設(shè)置，滿足各類(lèi)用戶需求，特別是音樂(lè)發(fā)燒友；「聽(tīng)歌場(chǎng)景」則是根據(jù)場(chǎng)景劃分聽(tīng)歌需求，用戶可以K歌、發(fā)起跟聽(tīng)，甚至邀請(qǐng)好友一起聽(tīng)，把聽(tīng)歌的行為社交娛樂(lè)化；「分享方式」則是利用騰訊強(qiáng)大的社交生態(tài)優(yōu)勢(shì)，為用戶設(shè)計(jì)了豐富多樣化的分享方式和個(gè)性化海報(bào)，吸引用戶分享，傳播，從而拉新引流。

1.1 個(gè)性化設(shè)置
1.1.1 銀河音效
「銀河音效」是為了滿足各種耳機(jī)發(fā)燒友對(duì)音質(zhì)的追求。「銀河音效」按照重低音、環(huán)繞、曲風(fēng)等類(lèi)型進(jìn)行分類(lèi)，多達(dá)數(shù)十種，完美解決各類(lèi)用戶人群的需求。平臺(tái)還推出獨(dú)家定制音效，支持適配各類(lèi)品牌耳機(jī)、音響和汽車(chē)，吸引用戶購(gòu)買(mǎi)VIP會(huì)員，激活變現(xiàn)。另外QQ音樂(lè)還推出一個(gè)「聲音實(shí)驗(yàn)室」的欄目，包含了智能煲機(jī)（幫助耳機(jī)快速達(dá)到最佳狀態(tài)）、4D震動(dòng)和動(dòng)感閃光，黑科技賦能，讓音樂(lè)更有趣。

1.1.2 播放設(shè)置
「播放設(shè)置」是一個(gè)為用戶提供對(duì)音樂(lè)播放進(jìn)行個(gè)性化設(shè)置的功能，包括無(wú)縫播放、淡入/淡出、音量平衡、智能音質(zhì)增強(qiáng)等功能，可以滿足某部分有特定音樂(lè)需求的用戶。

1.1.3 播放器樣式
平臺(tái)為用戶提供了多種播放器樣式，包含了黑膠唱機(jī)（深、淺）、靜態(tài)方形、旋轉(zhuǎn)圓形、靜態(tài)圓形、歌手寫(xiě)真等樣式，還支持智能光效和音樂(lè)影片的播放背景，滿足各類(lèi)用戶對(duì)播放器樣式個(gè)性化設(shè)置的需求。

1.1.4 個(gè)性主題
「?jìng)€(gè)性主題」為用戶提供了豐富多樣的主題裝扮和頭像掛件，包含明星、星座、影視、文藝等各種主題，當(dāng)用戶使用以后，整個(gè)QQ音樂(lè)的界面風(fēng)格都會(huì)隨之改變，這就像以前的QQ空間裝扮，一鍵換膚，個(gè)性又時(shí)尚，深受年輕用戶喜歡。「?jìng)€(gè)性主題」作為為QQ會(huì)員獨(dú)家專享打造的板塊，是實(shí)現(xiàn)商業(yè)變現(xiàn)的重要手段。

1.1.5 收藏和屏蔽
當(dāng)你喜歡某首歌曲的時(shí)候，你可以點(diǎn)擊收藏，自動(dòng)添加到你的默認(rèn)歌單，這樣對(duì)用戶建立自己的歌單非常有幫助，從而提高用戶留存率。而如果你不喜歡它的曲風(fēng)，或者特別討厭，你只需要點(diǎn)擊屏蔽，平臺(tái)在播放時(shí)會(huì)自動(dòng)跳過(guò)，非常方便。

1.2 聽(tīng)歌場(chǎng)景
1.2.1 唱歌
「唱歌」是直接跳轉(zhuǎn)到騰訊的另外一款音樂(lè)產(chǎn)品全民K歌，當(dāng)用戶聽(tīng)歌的時(shí)候突然想唱歌，那么可以直接進(jìn)入全民K歌，有效降低用戶的流失率，滿足用戶多場(chǎng)景的需求。

1.2.2 跟聽(tīng)
「跟聽(tīng)」是一個(gè)非常有趣的功能，用戶進(jìn)入跟聽(tīng)模式以后，可以邀請(qǐng)朋友加入自己的播放列表，也可以跟聽(tīng)其他用戶的歌單。「跟聽(tīng)」為聽(tīng)歌增加了社交互動(dòng)的屬性，目前功能還比較簡(jiǎn)單，但讓聽(tīng)歌的場(chǎng)景變得有趣、好玩。

1.2.3 一起聽(tīng)
「一起聽(tīng)」是一個(gè)社交互動(dòng)式的聽(tīng)歌功能，用戶可以邀請(qǐng)好友一起聽(tīng)歌。當(dāng)朋友進(jìn)入后，還支持發(fā)表情，就像一個(gè)聊天室。這就像是專門(mén)為一些年輕小情侶量身定制的聽(tīng)歌場(chǎng)景一樣，平臺(tái)還會(huì)為用戶生成聽(tīng)歌記錄，比如一起聽(tīng)歌的時(shí)間，聽(tīng)過(guò)的歌曲等，甚至還會(huì)生成一個(gè)心動(dòng)等級(jí)，激發(fā)用戶為了更高等級(jí)使用這個(gè)功能。

1.2.4 駕駛模式
「駕駛模式」非常簡(jiǎn)潔，系統(tǒng)會(huì)自動(dòng)檢測(cè)用戶聽(tīng)歌的環(huán)境自動(dòng)切換。這個(gè)功能的設(shè)計(jì)充分考慮了用戶駕車(chē)時(shí)候需要換歌的場(chǎng)景，提供了語(yǔ)音找歌、個(gè)性電臺(tái)、我喜歡的歌單、最近播放和電臺(tái)，省去了用戶開(kāi)車(chē)時(shí)候不方便換歌的痛點(diǎn)，用戶體驗(yàn)非常友好。

1.2.5 評(píng)論
一邊聽(tīng)歌一邊看評(píng)論已經(jīng)成為現(xiàn)在年輕用戶非常喜歡的聽(tīng)歌方式，在評(píng)論里，可以找到這首歌很多感人的故事，引發(fā)共鳴，勾起回憶。用戶進(jìn)入評(píng)論后，除了可以看見(jiàn)其他用戶的精彩評(píng)論，還可以進(jìn)入歌手的撲通小組（類(lèi)似貼吧），和其他歌迷一起交流，從而增加用戶時(shí)間，提升用戶留存率。

1.3 音樂(lè)工具


1.3.1 片段播放
「片段播放」提供按歌詞選和按音軌選兩種形式，用戶可以自由裁取需要循環(huán)的片段反復(fù)收聽(tīng)。這有點(diǎn)像過(guò)去我們使用MP3或復(fù)讀機(jī)收聽(tīng)歌曲那樣，功能雖然簡(jiǎn)單，但可以滿足某些特定場(chǎng)景使用。

1.3.2 倍速播放
用戶可設(shè)置歌曲播放的倍速，支持0.5x到2.0x播放，這個(gè)功能在聽(tīng)書(shū)的時(shí)候特別實(shí)用，非常方便。

1.3.3 定時(shí)關(guān)閉
用戶在音樂(lè)播放中可開(kāi)啟定時(shí)關(guān)閉功能，比如15分鐘、60分鐘等，這個(gè)功能在助眠的時(shí)候非常方便，當(dāng)你慢慢睡著的時(shí)候，音樂(lè)也隨之關(guān)閉。

1.3.4 設(shè)備投放
「設(shè)備投放」就是支持音樂(lè)投放到電視等其他電子設(shè)備，當(dāng)一群朋友在家里為你過(guò)生日的時(shí)候，你可以把你的歌單直接投屏到電視，讓大家一起陶醉在美好的音樂(lè)夜晚。

1.3.5 設(shè)置鈴聲
當(dāng)你覺(jué)得某首歌曲特別好聽(tīng)，想把它設(shè)置為鈴聲的時(shí)候，你不用去應(yīng)用市場(chǎng)搜尋其它工具，你只需要進(jìn)入「設(shè)置鈴聲」，你可以自己截取喜歡的音樂(lè)片段，系統(tǒng)也會(huì)自動(dòng)智能截選一段精彩的鈴聲。在右上角提供了詳細(xì)的鈴聲設(shè)置流程，教程非常簡(jiǎn)單。其次QQ音樂(lè)還有一個(gè)鈴聲專區(qū)，里面提供了海量的鈴聲選擇。

1.3.6 查看曲譜
查看曲譜是一個(gè)非常實(shí)用的功能，對(duì)于很多音樂(lè)愛(ài)好者來(lái)說(shuō)，當(dāng)在某個(gè)夜晚抱著吉他想彈奏某一首歌曲，你只需要打開(kāi)「查看曲譜」，里面包含了智能吉他曲譜、智能尤克里里曲譜以及五線譜/六線譜/簡(jiǎn)譜。進(jìn)入曲譜后，你還可進(jìn)行自由編輯，比如編輯和弦、更改時(shí)值等。這種實(shí)用不起眼的小功能，對(duì)提升用戶的滿意度非常有幫助，可以搶奪用戶時(shí)間，降低用戶流失率。

1.4 分享方式
1.4.1 分享給好友
用戶可以把歌曲分享給微信好友、QQ好友，還可以通過(guò)私信方式分享給QQ音樂(lè)好友。

1.4.2 設(shè)置聽(tīng)歌狀態(tài)
利用騰訊強(qiáng)大的產(chǎn)品生態(tài)，用戶還可以把聽(tīng)歌狀態(tài)同步到微信和QQ，這不僅可以滿足年輕用戶個(gè)性化的追求，還能通過(guò)外部觸發(fā)拉新引流。

1.4.3 分享到社區(qū)
用戶可以把歌曲分享到朋友圈、QQ空間、撲通動(dòng)態(tài)和新浪微博，吸引用戶分享傳播，拉新引流。

1.5 歌曲海報(bào)

1.5.1 音樂(lè)卡片
「音樂(lè)卡片」為用戶提供了8種精美的風(fēng)格，有復(fù)古懷舊的磁帶、CD風(fēng)格，有黑白膠唱機(jī)風(fēng)格，還有專屬的VIP會(huì)員專享風(fēng)格。卡片內(nèi)容包含歌曲的封面、歌名、歌手、音樂(lè)指數(shù)和過(guò)去24小時(shí)收聽(tīng)人數(shù)等信息，目的是為了吸引更多的用戶掃碼聽(tīng)歌，其次VIP會(huì)員卡片還加入了QQ音樂(lè)豪華綠鉆音樂(lè)卡片標(biāo)識(shí)，彰顯VIP會(huì)員地位。

1.5.2 歌詞海報(bào)
在以前磁帶、CD時(shí)代，抄歌詞是廣大音樂(lè)愛(ài)好者最美麗的回憶之一，「歌詞海報(bào)」就是利用這樣的分享場(chǎng)景，支持用戶選擇任意歌詞，然后生成個(gè)性化的海報(bào)。「歌詞海報(bào)」不僅提供了海量的背景圖片，還支持用戶自己上傳，甚至還提供歌詞字體選擇，吸引用戶主動(dòng)分享。

1.5.3 高光視頻
「高光視頻」就是一段30秒的音頻，提供了6個(gè)精美的模版，用戶保存到手機(jī)后，可以短視頻的形式分享到視頻號(hào)、朋友圈等平臺(tái)，和靜態(tài)的海報(bào)不同，這樣的傳播形式更能引起其他用戶的關(guān)注，從而拉新引流。

1.5.4 微信狀態(tài)卡片
「微信狀態(tài)卡片」為QQ音樂(lè)綠鉆會(huì)員專享，為會(huì)員提供了多種精美的狀態(tài)卡片，用戶需要選擇兩行歌詞，然后才能生成。這樣個(gè)性化的設(shè)置同步到微信狀態(tài)后，更能引起追求個(gè)性的年輕用戶關(guān)注。

1.5.5 歌詞視頻
「歌詞視頻」相比高光視頻，功能更豐富，首先不限制用戶選擇歌詞數(shù)量，其次提供了風(fēng)景、科幻、自然等不同主題的視頻模版，而且還支持用戶自己拍攝。用戶還可以選擇音樂(lè)播放的起點(diǎn)，添加視頻動(dòng)效和濾鏡。通過(guò)這樣短視頻的方式吸引用戶分享到視頻號(hào)以及更多的短視頻平臺(tái)，傳播拉新。

二、歌詞

3.2.1 彈幕
聽(tīng)歌彈幕就像視頻彈幕，用戶可以邊聽(tīng)歌邊發(fā)彈幕聊天，這是一個(gè)年輕用戶非常喜歡的功能，用巴甫洛夫效應(yīng)來(lái)解釋，這就是用戶對(duì)源源不斷彈出的彈幕充滿了期待，從而增加了聽(tīng)歌樂(lè)趣，提升用戶使用時(shí)間。

3.2.2 歌詞動(dòng)效
「歌詞動(dòng)效」為用戶提供了多種個(gè)性化模版，滿足年輕用戶的各種個(gè)性化需求，其次也是實(shí)現(xiàn)商業(yè)變現(xiàn)的方式之一，用戶需要開(kāi)通SVIP才能享受更多精美的動(dòng)效模版。

3.2.3 歌詞設(shè)置
用戶可以調(diào)整歌詞的字體大小、簡(jiǎn)繁轉(zhuǎn)換、調(diào)整進(jìn)度，還可以制作歌詞海報(bào)進(jìn)行分享。其中歌詞海報(bào)支持靜態(tài)圖海報(bào)和視頻海報(bào)制作，還提供了多種精美模版，吸引用戶分享傳播。

三、推薦
3.3.1 歌曲信息
用戶可以查看歌曲詳細(xì)信息，包括歌手、專輯、發(fā)布時(shí)間以及詳細(xì)的制作詳情。

3.3.2 音樂(lè)指數(shù)
「音樂(lè)指數(shù)」是一個(gè)非常創(chuàng)新的功能，QQ音樂(lè)根據(jù)用戶聽(tīng)歌的次數(shù)、搜索的次數(shù)制定了一個(gè)官方的指數(shù)評(píng)級(jí)。用戶可以從這個(gè)頁(yè)面看到歌曲的實(shí)時(shí)數(shù)據(jù)，包括今日、昨日音樂(lè)指數(shù)、全站排名、上升趨勢(shì)和歌曲成就等。

3.3.3 相關(guān)推薦
根據(jù)歌曲的曲風(fēng)，平臺(tái)會(huì)推薦相關(guān)歌曲，這有點(diǎn)像私人電臺(tái)；其次平臺(tái)還收錄了歌曲的各種演繹版本，這真的非常方便，你可以輕松切換自己喜歡的版本；最后為用戶推薦包含此歌曲的歌單、節(jié)目和視頻，徹底搶占用戶的時(shí)間。

四、總結(jié)
QQ音樂(lè)的播放頁(yè)設(shè)計(jì)，可以說(shuō)把騰訊系產(chǎn)品設(shè)計(jì)的風(fēng)格發(fā)揮得淋漓盡致。為用戶提供各種豐富多樣的個(gè)性化設(shè)置和音樂(lè)工具，播放器樣式、銀河音效、個(gè)性主題、歌詞動(dòng)效、曲譜、鈴聲，只有你想不到的，沒(méi)有QQ音樂(lè)無(wú)法提供的。然后當(dāng)你想要享受更多特權(quán)，你就需要付費(fèi)開(kāi)通VIP，這簡(jiǎn)直就是騰訊系產(chǎn)品的殺手锏，準(zhǔn)備了一千種方式和場(chǎng)景讓你很自然的掏腰包。
其次把社交基因發(fā)揮到極致。跟聽(tīng)、一起聽(tīng)、彈幕這些都是為了活躍度最高、消費(fèi)意愿最強(qiáng)的小情侶、小年輕用戶準(zhǔn)備的。也許有部分用戶會(huì)質(zhì)疑，我從來(lái)不使用這些功能，但作為一個(gè)月活超過(guò)2億的平臺(tái)型產(chǎn)品，QQ音樂(lè)擁有眾多各年齡階段的用戶，這就像上期我們分享的《順豐速運(yùn)為用戶準(zhǔn)備了18種寄件方式》一樣，看似多余復(fù)雜，但其實(shí)是為了滿足各類(lèi)用戶人群的特定需求。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系

作者：廖爾摩斯  來(lái)源：站酷

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.lzhte.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司