案例背景

隨著時(shí)代的發(fā)展，社交應(yīng)用是當(dāng)下互聯(lián)網(wǎng)的一大熱點(diǎn)，越來越多應(yīng)用都開始注重社交這個(gè)板塊。個(gè)人喜歡在休閑的時(shí)間段聽歌，接觸過許多音樂APP,對(duì)這類APP有著很大的興趣，于是就有了本次概念音樂APP的萌發(fā)靈感。這個(gè)概念白APP主要是吧音樂和社交文化結(jié)合在一起，在聽音樂的過程中也廣交好友，把喜歡的歌曲分享給其他人。聽音樂聽久

了也可以觀看一下視頻以及文章也不妨為一種消遣的好方式。以音樂為基礎(chǔ)，通過一些評(píng)論，文章視頻發(fā)表從而進(jìn)行交流

設(shè)計(jì)規(guī)范DES6IN SEICICATIN

●字體規(guī)范

中文字體選擇I0S平臺(tái)字體蘋方

英文字體選擇|OS平臺(tái)字體Helvetico數(shù)字選擇DIN字體，該字體嚴(yán)謹(jǐn)、識(shí)別度高

●顏色規(guī)范

該音樂APP面向一些年輕有活力的青年，所以在視覺上采用-些彰顯活力年輕的色彩，選擇橙色為品牌色，飽和、明度為100%

其他圖標(biāo)

音樂類APP是給人- -種放松和減壓的感覺，所以圖標(biāo)統(tǒng)一采用圓角的樣式，適當(dāng)加斷點(diǎn)來增加趣味性ICON視覺上要做到統(tǒng)- ,因此在輔助線內(nèi)可以規(guī)范視覺中心

界面設(shè)計(jì)

發(fā)現(xiàn)頁

發(fā)現(xiàn)頁有頂部固定的搜索框，幫助用戶快速進(jìn)行的查找目標(biāo)信息，往下是活動(dòng)banner輪播圖、金剛區(qū)、人氣歌曲以及熱門歌單。

熱門歌曲、歌單是音樂APP所需要的首要需求，所以把這兩個(gè)放在靠前位置方便用戶操作。

發(fā)現(xiàn)頁

該音樂APP偏向于休閑娛樂性，所以發(fā)現(xiàn)頁往下會(huì)有人氣歌手、精選MV、人氣直播以及電臺(tái)推薦，這幾個(gè)分類都是按照用戶使用頻率來進(jìn)行排序。每個(gè)分類都可以通過向右方向的按鈕或者右滑查看更多信息。

視頻頁

導(dǎo)航部分有-個(gè)視頻與直播頁面之間的一個(gè)轉(zhuǎn)換功能文字

導(dǎo)航下方有固定的分類條，用戶可以根據(jù)自身需要來進(jìn)行選擇信息，各個(gè)視頻模塊之間有一條分割線，其作用是提高用戶游覽效率

直播頁

頭部有一個(gè)運(yùn)營banner輪播圖的設(shè)計(jì)，廣告運(yùn)營以及推薦位都能在此展示，下方是一個(gè)可上拉卡片，設(shè)計(jì)簡單易操作.上拉卡片就可以達(dá)到分類信息展示效果不用跳轉(zhuǎn)到第二界面，方便的同時(shí)也具有高效性

動(dòng)態(tài)頁

圈子是樂友進(jìn)行交流的地方，信息板塊具備文章和視頻等內(nèi)容上面的設(shè)計(jì)是當(dāng)下熱門內(nèi)容推薦位下面是分類選項(xiàng)卡，可自行切換，有一個(gè)上拉按鈕可以點(diǎn)擊進(jìn)行上拉動(dòng)作方便用戶操作

關(guān)注頁

用戶給人加關(guān)注一般是用戶自身比較喜歡發(fā)布者的內(nèi)容，所以在圈子中加入一個(gè)關(guān)注模塊，這樣用戶可以快速游覽關(guān)注過的人所發(fā)布的內(nèi)容信息

各個(gè)信息之間存在一定間隔，與兩邊也有間隔，在提高用戶游覽效率的同時(shí)也讓界面看上去有呼吸感

個(gè)人中心

個(gè)人中心的金剛區(qū)采用簡單的線性圖標(biāo)會(huì)給人一種簡潔干凈的感覺，會(huì)員中心用卡片嵌入的形式來凸顯出來來吸引用戶歌單版塊采用左右滑動(dòng)來改變內(nèi)容，操作方便，在這里用戶可以自行添加或者創(chuàng)建歌單

側(cè)邊欄

側(cè)邊欄主要功能是功能工具的選擇，夜間模式能人性化的解決用戶夜晚使用APP的視覺體驗(yàn)側(cè)邊欄彈出的時(shí)候會(huì)對(duì)當(dāng)前界面進(jìn)行一個(gè)遮罩，讓視覺有層次，減少當(dāng)前界面隊(duì)用戶視覺.上的干擾

播放頁

此為播放界面，用戶進(jìn)入或者退出整體是屬于上下縮放的方式，主頁面具備常用功能，右滑會(huì)進(jìn)入歌詞界面，兩者之間變化是在于中間部分的變化其他功能欄保持不變，頂部黑是滑動(dòng)操作的標(biāo)志。