QQ音樂播放APP軟件UI設計分析

2018-02-09文章來源: 銳云科技 http://www.cenyrx.tw    點擊詳詢     免費評估報價:400-969-0103

[溫馨提示]:專業服務,從溝通開始,銳云科技提供專業APP開發/微信開發一站式服務,免費規劃項目解決方案,產品經理一對一咨詢,
您可以通過點擊在線咨詢或撥打服務熱線(400-969-0103)與產品經理直接溝通,以獲得有效幫助!

        隨著移動互聯網的快速發展,音樂APP已經成為每個年輕人手機里必備的應用之一。那么音樂播放器軟件UI該如何設計?本文將以QQ音樂APP為例,APP軟件設計開發公司銳云科技給大家分享音樂軟件UI界面設計分析。

QQ音樂播放器介紹

        QQ音樂播放器是一款帶有精彩音樂推薦功能的播放器。同時支持在線音樂和本地音樂的播放,是國內內容最豐富的音樂平臺。其獨特的音樂搜索和推薦功能,讓您可以盡情地享受最流行,最火爆的音樂。擁有貼心的設計、卓越的體驗、海量的曲庫、最新的流行音樂、專業的分類、豐富的空間背景音樂、音樂分享等服務,同時支持在線音樂和本地音樂的播放。


1、引導頁界面設計

        啟動軟件之后有約一秒的一個品牌標識頁與廣告頁面,之后進入主界面。標識頁界面為白底襯LOGO,清爽干凈,符合通常情況下用戶聽音樂時所期待的界面需要。廣告頁面停留時間短暫,并且設置跳過功能鍵可供選擇,不算流氓,可以接受。


2、主界面設計

        各個塊間的分割很好符合了極簡風格,避免使用線條分割,減少引起視覺混亂的元素,讓用戶能將注意力更為集中的放在重點內容上。卡片式的設計讓模塊邏輯更加清晰,“我的”主要包含本地的下載歌曲以及收藏的在線音樂,“音樂館”則是尋找官方推薦歌曲、榜單音樂的推薦庫;而“發現”則是一些具有特色的附加社交屬性功能,諸如好友圈、唱歌等。極簡的UI設計,使即使是初次接觸的用戶,學習成本也十分低微,理解起來毫不費力。
 

QQ音樂播放APP軟件UI設計分析之主界面設計

 



3、歌曲播放界面設計

        歌曲播放界面采取了全屏展示,最常用的播放/暫停、上一曲/下一曲、音量調節默認顯示,當用戶點擊歌曲封面時,歌曲進度、播放模式、收藏、下載、分享按鈕會顯示出來,用戶可以在這里進行相應操作。



QQ音樂播放APP軟件UI設計分析之歌曲播放界面設計


4、手勢交互設計

        對于歌曲的操作并不復雜,QQ音樂采用了上線滑動、左右滑動、單擊的操作手勢,大多是都是用戶常用、顯而易見的手勢操作。只有在查看歌詞的時候,用戶需要向左劃開專輯封面,圖片向左下方劃去,歌詞出現,這一操作并不是很容易發現。

5、鎖屏界面設計

        鎖屏界面使用專輯封面作為背景。歌詞顯示三行,使用白色字體。當專輯封面中恰好有白色元素時,歌詞便難以辨認(如下圖)。并且,兩句歌詞間切換的動畫為跳轉上翻,過于僵硬。



QQ音樂播放APP軟件UI設計分析之鎖屏界面設計



        本文以QQ音樂為例簡單的為大家分析音樂軟件UI設計,后續會為大家帶來更多音樂軟件UI界面設計欣賞。當然,如果您有UI設計的需求,歡迎咨詢銳云科技。


標    簽: QQ音樂播放APP軟件開發    APP軟件設計    音樂播放APP軟件開發

上一篇:月嫂服務APP開發功能介紹
下一篇: APP軟件開發交互設計流程

在線留言

溫馨提示:百搜不如一問!專業產品經理全面解答您的咨詢疑問,保持電話暢通,稍后給您回電。
  • * 姓 名:
  • * 手機號碼:
  • * 微信/QQ:
  • * 項目:
  •     
五味斋心水论坛