更年輕的聲音？QQ音樂9.0華麗脫繭！
聽歌已經成為現代人每天的必修課了，通過手機里的音樂APP軟體，人們可以隨時隨地享受音樂帶來的樂趣。
但隨著音樂APP的增多，其市場競爭也越來越激烈。產品開發者們也更加註重美觀的界面設計和流暢的交互體驗，吸用更多用戶的關注和使用。
小馬哥一直以來都用QQ音樂聽歌，理由很簡單，曲庫音樂豐富啊！畢竟小馬哥的money不是白花的！
至於QQ音樂APP本身，之前我還找QQ音樂里的前同事吐槽過一些功能，不過也不妨礙我一直使用。
去年就聽說QQ音樂在籌備大力度更新，終於在2月底的時候，收到朋友給我發消息，讓我看看他們的內測版APP：
當時的設計稿只能看到視覺風格，也看到了QQ音樂在內容推薦方面做的一些改進，不過沒有線上體驗過，效果不好說。
然後就在前不久，收到了QQ音樂9.0的更新提醒，馬上手動更新。
歡迎界面就把我驚艷到了！
動畫過渡得十分流暢，用概念化的抽象界面動態串聯了本次改版主要變動點，並提供了6套靈感來源於6張經典專輯的純色主題，我個人比較喜歡霜荼白、玄潭黑、愛樂之城這三款。
OK，進入主界面，我們來對比一下舊版的，是不是有種煥然一新的感覺！
新版上線之後的反饋如何呢？我特意去各大社交平台看了下，口碑果然跟我預期的比較一致：
當然，社交平台上這些用戶評價，往往都是憑第一印象，也就是只看顏值。
作為設計師，我們應該如何從專業的角度來解讀一個互聯網產品的改版呢？今天我就給大家分享一下自己的方法。
一個產品設計得好不好，在我看來可以從三個方面進行分析。
1、設計風格
這個很好理解，如果你的產品不只是面向某一個細分群體，那麼在設計風格的取向上，就一定不能過於激進，而是要考慮大眾的審美。從這個角度看，QQ音樂是海量用戶，因此在前期定義產品風格時，一定要在當前趨勢潮流的框架下。
2、產品細節
把握好了趨勢可以讓設計走在正確的道路上，但是真正讓設計脫穎而出的，是設計的執行能力，也就是產品細節。
可以說，風格決定了設計的下限，而細節決定了設計的上限。
3、交互體驗
如果說視覺設計是用來解決好看的問題，那麼交互設計就是用來解決好用的問題。一款產品只有既好看又好用時，我們才可以稱之為優秀的產品。
相對於視覺，交互屬於更泛一些的設計概念。它揉和了信息架構與操作反饋等多個方面，是從更綜合的維度來考量一款產品。
當然我們還能從更多維度去看一個產品，比如說產品運營，商業模式等，不過這已經超出設計師的職責範圍太多，我這裡不多作討論。
接下來我從上面講到的三個方面來分析下QQ音樂9.0版本的設計。
01
從設計趨勢看整體風格
如果我問當前的設計趨勢是什麼？對設計動向稍微有點關注的人可能都會回答是扁平化。
是的，今天已經沒有人再去討論什麼扁平化和擬物化的話題了，幾乎所有設計師在做APP設計的時候，默認就是扁平設計。
之所以扁平化設計會全面佔領上風，是因為它比較好看嗎？如果你回答是，那麼你可能只看到了表象。
手機等移動終端現在成為了我們主要的上網方式。在手機這樣狹小的展示空間中，我們需要更少信息噪音、更高效的設計。而要做到高效，就必須精簡。這時，頁面上的高光、立體等視覺效果就顯得不合時宜，後來設計師們就把裝飾性元素全部去掉，直到只剩下必要的內容，這種處理信息的方式我們就稱之為輕視覺、重內容的設計手法。
這就是扁平化設計的由來，因此，降低視覺負擔、圍繞內容進行設計，這才是扁平化設計的核心。
好了，再回到QQ音樂9.0，我們可以很明顯的看到這樣的設計理念。
新版本給我的第一感受就是整個界面變得輕盈了，為了營造這種輕盈感，QQ音樂的設計師從多方面進行的處理。
首先是框架上的輕盈。
整個界面採用去框架式的設計手法，去掉了幾乎所有的分割元素，完全圍繞內容進行設計。更簡潔化的設計語言使得內容有更多的展示空間，同時設計師加大了內容塊之間的留白空間，使得頁面有了更好的呼吸感。
其次是色彩上的輕盈。
新版在視覺上最大的改變之一就是淡化了原有的品牌主題色，這樣整個界面從上到下就形成了通透感，簡潔純粹的風格讓人更有沉浸感。
第三，統一的圓角卡片讓整個界面顯得更親和、更輕快。
之前的方塊硬線條卡片雖然能展示更多內容，但是視覺上相對生硬。改成統一的圓角之後，整個界面明顯更活潑、輕快了許多。
視覺上的輕盈，換來的是內容更突出，將設計重心放在對內容的包裝上，最終呈現出來的結果就是設計更純粹，內容更豐富。
02
從產品細節看設計情懷
簡潔化的設計，並不意味著丟棄細節，事實正好相反，越簡潔的設計越需要細節來體現品質感，不然簡潔就變成了簡陋。
音樂對於我們來說，不只是娛樂消遣，它還具有很強的情感化屬性。因此，對於一款音樂APP來說，需要讓用戶感受到音樂的溫度，要做到這一點，需要設計師具有很細膩的感受力，也就是我們常說的情懷。
我們來看看QQ音樂9.0裡面的一些設計細節。
比如默認的純色主題，每一款的設計靈感都來自於一張經典專輯或者電影，再加上文藝的命名，這樣就讓一個界面主題有了更豐富的內涵。
在音樂播放界面，我也發現了一個非常具有品質感的設計細節——音樂卡片。
當我們聽到一首好歌時，經常會有想分享給好友的衝動，在QQ音樂的播放界面可以點擊音樂卡片按鈕，然後系統會根據歌曲的主題色調，智能化的生成一張十分精美的音樂卡片，讓你在分享音樂給好友的時候，裝逼於無形之中。
在滿足小眾用戶的個性化需求方面，設計師也是用足了心思。
新版的QQ音樂將原先的「個性皮膚」升級為「主題中心」，除了進入時候看到的6款純色主題之外，還有明星、文藝、潮流等類型主題，各種風格隨心更換，完全可以滿足大家不同的個性需求。
喜歡聽易烊千璽的歌？那就把QQ音樂換成他的主題吧！
對於粉絲們來說，這樣的設計簡直不要太貼心！
優秀的設計師就是這樣，能夠讓設計滲透到每一個細微的使用場景中，通過大量有溫度的細節設計，使得整個產品呈現出一種優雅的精緻感。
03
從交互細節看用戶體驗
前面我們說了，交互要解決的問題是好用。那如何將好用這種很虛無的感受讓用戶感知到呢？
其中一種方法是提高用戶的操作效率，QQ音樂的具體做法是聚焦。
將用戶需要高頻操作的內容聚合到一起，方便用戶快捷操作。需要用戶第一時間看到的內容放大展示，這些都是聚焦。
例如QQ音樂9.0將原先頂部的導航下移，與底下的播放minibar進行的整合。這樣做除了易於單手操作之外，也使得交互性的操作更聚焦。可以大大的提高使用效率。
用戶對於這種交互的改進反饋也十分不錯：
除此之外，9.0版本頁面頂部的大字型大小標題樣式，也讓用戶能更明確當前tab定位，有效地聚焦了當前的內容。
我們都知道，騰訊的體驗設計團隊在業內一直是有口皆碑的，這次QQ音樂的APP改版，讓我們看到了一個音樂平台如何走出差異化之路。
QQ音樂9.0版本的升級，擁有更年輕時尚的視覺，更品質化的內容，更流暢的操作體驗，更個性化的內容推薦，這一切讓QQ音樂華麗脫繭，重新演繹我們的音樂生活。
越努力，越幸運。
這裡是龐門正道。
TAG:龐門正道 |