2012新版QQ音樂設計總結

　　寫在前面

　　早在2011年7月，QQ音樂2011beta版的發布便確立了用品牌色–綠色，做為QQ音樂客戶端的默認顏色，綠色代表和平、希望、生長和環保，對 QQ音樂的品牌形象有積極的正面意義，此外，縱觀競品，常見的客戶端配色多為黑和藍，用綠色也較利於提高產品的識別度。QQ音樂2012賀歲版的視覺，也是圍繞綠色和細節進行全面的體驗優化。項目從去年12月31號開始，進行了為期15天的高效設計和快速迭代。

　　改變工作流程

　　整個項目時間非常緊張，由產品發起需求–交互–視覺–開發的傳統流程無法適應項目進度，而由設計師發揮最大主觀能動性，與產品、開發無縫對接，減少溝通成本，並驅動實現更適合的體驗。

　　設計理念

　　從對用戶聽歌時的心情和感覺的研究結果來看，發放的2000多份問卷中，有41.6%的用戶選擇“清新”，排第一位，其次是“陽光白雲飛翔”和“憂傷”。因此，整體的視覺風格的關鍵詞定義為：清新、精致、綠色，希望給用戶營造一種自然純粹、融入萬物的感官體驗。

　　綠色的重新提煉

 

　　綠色是一種非常靈活的色彩，在色盤上偏向黃色部分的綠色感覺比較溫暖，而偏向藍色部分的綠則顯得比較冷。在項目初期，針對不同感覺的綠，做了幾 稿視覺輸出嘗試，邀請了周圍的人來選擇，從中也有一些有趣的發現，比如男性比較喜歡明度低的深綠色，女性則偏愛明度高的嫩綠，另外，性格內向的人喜歡飽和 度偏低比較灰的綠，而性格外向的人則喜歡飽和度高更純正的綠色。

　　經過反復比較，結合界面和圖標的配色，以及希望傳達給用戶清新自然的感覺，最後選擇了用最接近春天，偏暖的綠色，做為客戶端的基准色調。

　　圖標的優化

　　重新繪制的圖標，更強調造型的飽滿和所有圖標的均衡。在質感上打造單色、輕薄、邊緣清晰而不銳利的視覺體驗以適配換膚。光源統一為90度向下。

　　界面的優化

　　1.質感的打磨：調整質感的輕重，對線條進行弱化處理，讓面板的更加透氣和細膩。

　　2.頭部布局：優化業務入口，對負載的功能做減法。

 

　　3.文字和圖標的排版：尋找四個方向對齊點，使之平衡、整潔。

　　最終效果：

　　後記

　　距離發版已經過去2個月了，從收到的反饋數據看來，效果還是比較理想的，日聽歌用戶數和安裝覆蓋率較之上個版本都有顯著增長。最後感謝開發同學在視覺還原上的耐心配合，感謝產品經理的理解和支持。

　　自然賦予萬物聲響，音樂是人類獻給世間的第二自然，QQ音樂做為感情和思想的傳遞者，希望能將最完美的音樂體驗帶給大家，這次改版，是一輪經驗和力量的蓄積，在用戶體驗的道路上未來我們會做到更好。