手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

QQ音樂(lè)2012(賀歲版)設(shè)計(jì)總結(jié)

2012-4-24    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(  m.88yangsc.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)  、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、  網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:騰訊CDC

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,          請(qǐng)點(diǎn)這里

 

寫(xiě)在前面
  早在2011年7月,QQ音樂(lè)2011beta版的發(fā)布便確立了用品牌色–綠色,做為QQ音樂(lè)客戶端的默認(rèn)顏色,綠色代表和平、希望、生長(zhǎng)和環(huán)保,對(duì)QQ音樂(lè)的品牌形象有積極的正面意義,此外,縱觀競(jìng)品,常見(jiàn)的客戶端配色多為黑和藍(lán),用綠色也較利于提高產(chǎn)品的識(shí)別度。QQ音樂(lè)2012賀歲版的視覺(jué),也是圍繞綠色和細(xì)節(jié)進(jìn)行全面的體驗(yàn)優(yōu)化。項(xiàng)目從去年12月31號(hào)開(kāi)始,進(jìn)行了為期15天的設(shè)計(jì)和快速迭代。

改變工作流程
  整個(gè)項(xiàng)目時(shí)間非常緊張,由產(chǎn)品發(fā)起需求–交互–視覺(jué)–開(kāi)發(fā)的傳統(tǒng)流程無(wú)法適應(yīng)項(xiàng)目進(jìn)度,而由設(shè)計(jì)師發(fā)揮最大主觀能動(dòng)性,與產(chǎn)品、開(kāi)發(fā)無(wú)縫對(duì)接,減少溝通成本,并驅(qū)動(dòng)實(shí)現(xiàn)更適合的體驗(yàn)。
點(diǎn)擊查看原圖

設(shè)計(jì)理念
  從對(duì)用戶聽(tīng)歌時(shí)的心情和感覺(jué)的研究結(jié)果來(lái)看,發(fā)放的2000多份問(wèn)卷中,有41.6%的用戶選擇“清新”,排第一位,其次是“陽(yáng)光白云飛翔”和“憂傷”。因此,整體的視覺(jué)風(fēng)格的關(guān)鍵詞定義為:清新、精致、綠色,希望給用戶營(yíng)造一種自然純粹、融入萬(wàn)物的感官體驗(yàn)。

點(diǎn)擊查看原圖
綠色的重新提煉
  綠色是一種非常靈活的色彩,在色盤上偏向黃色部分的綠色感覺(jué)比較溫暖,而偏向藍(lán)色部分的綠則顯得比較冷。在項(xiàng)目初期,針對(duì)不同感覺(jué)的綠,做了幾稿視覺(jué)輸出嘗試,邀請(qǐng)了周圍的人來(lái)選擇,從中也有一些有趣的發(fā)現(xiàn),比如男性比較喜歡明度低的深綠色,女性則偏愛(ài)明度高的嫩綠,另外,性格內(nèi)向的人喜歡飽和度偏低比較灰的綠,而性格外向的人則喜歡飽和度高更純正的綠色。
點(diǎn)擊查看原圖   

  經(jīng)過(guò)反復(fù)比較,結(jié)合界面和圖標(biāo)的配色,以及希望傳達(dá)給用戶清新自然的感覺(jué),最后選擇了用最接近春天,偏暖的綠色,做為客戶端的基準(zhǔn)色調(diào)。

點(diǎn)擊查看原圖

 

圖標(biāo)的優(yōu)化
  重新繪制的圖標(biāo),更強(qiáng)調(diào)造型的飽滿和所有圖標(biāo)的均衡。在質(zhì)感上打造單色、輕薄、邊緣清晰而不銳利的視覺(jué)體驗(yàn)以適配換膚。光源統(tǒng)一為90度向下。

點(diǎn)擊查看原圖

 

界面的優(yōu)化
  1.質(zhì)感的打磨:調(diào)整質(zhì)感的輕重,對(duì)線條進(jìn)行弱化處理,讓面板的更加透氣和細(xì)膩。
  2.頭部布局:優(yōu)化業(yè)務(wù)入口,對(duì)負(fù)載的功能做減法。
點(diǎn)擊查看原圖

  3.文字和圖標(biāo)的排版:尋找四個(gè)方向?qū)R點(diǎn),使之平衡、整潔。

點(diǎn)擊查看原圖

最終效果:

點(diǎn)擊查看原圖

后記
  距離發(fā)版已經(jīng)過(guò)去2個(gè)月了,從收到的反饋數(shù)據(jù)看來(lái),效果還是比較理想的,日聽(tīng)歌用戶數(shù)和安裝覆蓋率較之上個(gè)版本都有顯著增長(zhǎng)。最后感謝開(kāi)發(fā)同學(xué)在視覺(jué)還原上的耐心配合,感謝產(chǎn)品經(jīng)理的理解和支持。
  自然賦予萬(wàn)物聲響,音樂(lè)是人類獻(xiàn)給世間的第二自然,QQ音樂(lè)做為感情和思想的傳遞者,希望能將最完美的音樂(lè)體驗(yàn)帶給大家,這次改版,是一輪經(jīng)驗(yàn)和力量的蓄積,在用戶體驗(yàn)的道路上未來(lái)我們會(huì)做到更好。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔