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

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

最初的音樂類APP基本上只能夠聽音樂,沒有其他什麼特殊功能,但如今的音樂類APP和以前的相比,變可不只是一點兩點,可以說是集各種功能於一身。下面,香港網頁製作公司分享內地知名音樂類APP,網易雲音樂iOS端界面改版設計分析,希望對各位有幫助。

改版設計一:整合產品業務,畫風更輕

1.減少品牌色佔比,整體背景換成純白色

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

新版網易雲音樂APP設計去掉多出的品牌色,例如:紅色Logo和標籤改成黑色,原來皮膚選項里的紅色皮膚也去掉,甚至原來用紅色的地方也改成通透一點的漸變紅,不僅變得更年輕,也保證全局統一色調,免除紅色給人的強烈的品牌衝擊感。

背景顏色也從灰色改成白色,讓整個界面變得更加明亮,乾淨。

2.頁整合個性電台模塊,「賬號」調整原來的列表結構

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

新版網易雲音樂APP設計將原來首頁的「主播電台」大Tab整合到下面的金剛區,以便提高「電台、直播」的入口曝光率。

「賬號」頁面也整合了一些主要功能到弱金剛區域,去掉列表後面的廣告文案,讓整個將界面變得乾淨整齊。

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

1.減少不必要的視覺分割

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

新版網易雲APP設計改變之前一直沿用的老式線性分割方式,使整個頁面融為一體,體驗更加沉浸。

列表頁去掉了線性分割,採用留白分割,同時加強信息間的親密性,讓頁面不會因為過多留白而造成散亂。

2.加大留白

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

加大間距留白,整個頁面更有呼吸感,操作起來更加順暢自然。

3.線面圖標對比更強烈

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

首頁金剛區的大圖標由之前的線性改成現在面性,同時也加強和其他線性圖標的對比,在整個界面裏面變得更加突出,與下面的圈面更加和諧。

改變設計三:縮小字間距,加強信息間的親密性

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

升級後的網易雲音樂,處處體現圓潤的視覺特性。所有圖標形狀都進行了優化,趨向於Logo的圓潤流動形象。除了圖標,歌單留別卡片和歌單九宮格圖片也加大圓角,加深了品牌形象。

這次網易雲的升級改版,通過大量細節考量和調整,界面視覺效果更加沉浸流暢;同時加大信息間的對比,加強了頁面內容的親密性和一致性。