QQ音樂2012(賀歲版)設計總結

fmms 12年前發布 | 7K 次閱讀 QQ

QQ音樂2012(賀歲版)設計總結

        寫在前面

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

        改變工作流程

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

QQ音樂2012(賀歲版)設計總結

        設計理念

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

QQ音樂2012(賀歲版)設計總結

        綠色的重新提煉

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

QQ音樂2012(賀歲版)設計總結
        

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

QQ音樂2012(賀歲版)設計總結

         

        圖標的優化

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

QQ音樂2012(賀歲版)設計總結

        界面的優化

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

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

QQ音樂2012(賀歲版)設計總結

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

QQ音樂2012(賀歲版)設計總結

        最終效果:

QQ音樂2012(賀歲版)設計總結

        后記

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

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

來自: cdc.tencent.com
 本文由用戶 fmms 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!