音樂APP設計案例分享：網易雲音樂iOS端界面改版設計分析

傳統音樂類APP大多只能聽音樂，而沒有其他什麼特殊功能；但如今音樂類APP的變化可不只是一點，甚至可以說集各種功能於一身。下面，香港網頁（HKWEB）將分享內地知名音樂類APP——網易雲音樂APP的iOS界面改版設計分析，希望對各位有幫助。



APP改版設計一：整合產品業務，整體畫風更加輕盈

① 減少品牌色的佔比，整體背景換成純白色

新版網易雲APP設計減少了品牌色的佔比，如紅色logo和標籤都改成黑色；原來皮膚選項裡的紅色皮膚被刪除，甚至原來用紅色地方也改成通透點的漸變紅……不僅讓整個界面風格變得更加年輕，同時保證全局的同一色調，降低強烈的視覺衝擊感。

此外，背景的顏色也從灰色改成白色，讓整個界面顯得更加明亮且乾淨。

② 整個個性電台版塊，「賬號」頁面佈局更乾淨整潔

新版網易雲音樂APP設計將原來首頁的「主播電台」版塊整合到界面下方的金剛區，大大提高「電台」、「直播」等欄目的入口曝光率。「賬號」頁面也將部分主要功能移到弱金剛區域，刪除列表後面的廣告文案，使整個頁面佈局變得更加乾淨整潔。

APP改版設計二：對比和留白更明顯

① 減少不必要的視覺分割

新版網易雲APP設計改變以往線性分割的方式，使整個頁面融為一體，使訪問體驗更加沉浸化。同時，列表頁也去掉線性風格的頁面佈局方式，而是採用留白風格，加強信息間親密性的同時，還使整個頁面更有呼吸感，用戶操作起來也更加順暢自然。

② 線面圖標對比更加強烈

首頁金剛區的大圖標由之前的線性設計改成面性設計，同時加強和其他線性圖標的對比，在整個界面中變得更加突出，並且與下面的畫面變得更加和諧。

APP改版設計三：縮小字間距，加強信息間的親密性

升級後的網易雲音樂APP，處處體現圓潤的視覺特性。設計師將所有圖標都進行了優化，使其更趨向於logo的圓潤流動形象。除了圖標外，歌單的卡片設計和九宮格圖片也加大圓角角度，將品牌形象融入到整個APP設計中。

總體來說，這次網易雲的升級改版，通過大量細節考量和調節，不僅使界面視覺效果更加沉浸流暢；同時加大信息間的對比效果，令頁面內容更具親密性和一致性。


香港網頁提供一站式數碼營商方案服務，包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務，全方位滿足客戶的業務需要，歡迎隨時聯絡我們，香港網頁是您開拓網路商機的最佳伙伴。

聯絡電話: 37499734

電郵地址: [email protected]

網址: www.hkweb.com.hk