企業微信
酷網科技公司
當前位置: 建站知識  >>  瀏覽文章
時間:2016年06月04日 信息來源:互聯網

QQ音樂業界首創「大咖裝」的背后設計過程

大咖裝 app設計流程 產品設計過程 QQ音樂大咖秀

?QQ音樂明星大咖裝終于來了!?

QQ音樂5.0首次推出炫黑模式,是QQ音樂個性化邁出的第一步。 發布以來用戶的肯定與喜愛讓我們堅定不移地想要繼續挖掘音樂個性化的可能性。音樂不止一種曲調,用戶沒有唯一個性,QQ音樂可擁有各樣的色彩。

QQ音樂5.5版本中旨在抓取粉絲心理,借助明星效應,業界首次為鐵桿粉和顏控迷們推出明星個性主題-大咖裝!誓要掀動整個音樂市場,凸顯五彩斑斕的音樂個性。?

顏控們,啥也別說咩都不怕!前方高流量預警,請直接播放閃瞎雙眼!

大咖裝,定個性

設計之初我們從定義哪些頁面需要并適合個性化入手,將個性化與功能操作相結合,避免單純的視覺裝飾,在不損害基礎體驗的前提下塑造一體化的個性主題。?

我們提取各明星最鮮明的品牌符號,設計通用性強并具氛圍感的頁面底圖,奠定基調,確保各頁面體驗的一致性與連續性。?

我們從高曝光度考慮,選定了用戶最常使用的“我的音樂”六大功能入口,用簡潔明確的形象讓用戶快速識別各明星的品牌符號。?

我們為建立粉絲與明星之間的關聯性,在個人主頁與我喜歡資產頁的頭圖區域做了大篇幅的氛圍渲染以捕獲粉絲的花癡心。

我們在個性最大化的同時也考慮了主題實現的高效便捷-9圖1主題!每套主題從背景到圖標設計,只需9張配圖即完成主題裝扮,全局主題色,線條,色塊,文字實現了代碼化靈活設置,主題包大小都控制在0.2~2M之間。5秒即可完成主題切換!

大咖裝 app設計流程 產品設計過程 QQ音樂大咖秀

以 Michael Jackson主題 為例

六個入口個性化設計 + 一張太空全局式背景 + [個人主頁] [我喜歡] 個性頭圖

即完整設置一套主題!

大咖裝 app設計流程 產品設計過程 QQ音樂大咖秀

大咖裝,抓特性

每個明星都有其獨特的品牌符號,如何挖掘明星的品牌符號并加以利用可從以下3個角度出發。?

1.抓本質特性,轉換為核心圖形元素

包括人物特性或音樂特性。例如Eason的搞怪表情與夸張的服裝造型,鄧紫棋的音樂代表作泡沫等特性都可被提取加工,熟悉且有寓意的圖形元素可快速捕獲粉絲用戶的眼球。?

2.近期動態 ,制造必要的話題性

包括音樂動態或花邊動態。例如利用周杰倫大婚這一熱點事件可以大大提高大咖裝品牌的話題性,以便傳播與宣傳。

3.尋找明星印象,感動目標粉絲

聽粉絲的聲音,繪明星印象,可更好的打動用戶。例如眾媽媽粉心中的TFBoys就像那純凈無暇的大海一般,那么藍色成為主色調的首選。

按照以上方法,我們首波推出BigBang,周杰倫,陳奕迅,Taylor Swift,林俊杰,鄧紫棋,TFBoys,MJ等明星個性主題。接下來我們將逐個為大家講述每一款明星個性主題的創作思路。

大咖裝 app設計流程 產品設計過程 QQ音樂大咖秀

BIGBANG,背景圖選取BIGBANG最新專輯《MADE》中的《M》,個人主頁則選擇了獨特斜切式結構的照片。六個功能圖標對應專輯里面的5個成員形象。視覺上,根據BIGBANG曲風的鮮明特征,底紋采用具有個性潮流的金屬質感和燎燎火星作為烘托;在功能圖標處理上,搭配噴濺筆刷襯托人物性格。在字體上,去掉飾線結構,讓筆畫邊緣更加鋒利,添加切割紋理,使其更具力量感。

大咖裝 app設計流程 產品設計過程 QQ音樂大咖秀

大咖裝 app設計流程 產品設計過程 QQ音樂大咖秀

霉霉主題從她的最新專輯單曲《Bad Blood》中的MV角色造型中獲得靈感,以霉霉帥酷的高清寫真作為背景貫穿主題的每個頁面,讓你時時刻刻都能與女神面對面近距離接觸,同時首頁入口ICON輔以霉霉專用字體。

大咖裝 app設計流程 產品設計過程 QQ音樂大咖秀

大咖裝 app設計流程 產品設計過程 QQ音樂大咖秀

TFBoys的主題為最新主打歌曲《寵愛》的造型,鮮明的天空藍為主調,凸顯青春洋溢輕松歡快畫面,以多彩色塊為DNA合成T.F.B 并貫穿整個主題基調。同時,也融合了一些特殊含義的元素,如四葉草/千紙鶴/音符等,Fans們能快速找到熟悉感。

大咖裝 app設計流程 產品設計過程 QQ音樂大咖秀

周杰倫的主題,選取周杰倫最新專輯《鞋子特大號》中周董彈鋼琴的海報做為背景圖, 六個功能圖標對應都是來自周杰倫以往專輯中的元素;?

陳奕迅一貫以夸張、風趣、幽默、可愛的表情及夸張的服飾造型出現在其專輯寫真中,在最新專輯中尤為明顯。這也是其顯著的視覺符號;?

鄧紫棋, 名字里有“紫”字的美女十分適合夢幻的紫色調。設計靈感來自GEM的成名歌曲《泡沫》,在彩色泡沫包圍下,幻化為美麗的人魚公主。圖標設計主要選用了GEM經典的造型,當然還有粉絲們熟悉的“金魚”;?

林俊杰在其新專輯《新地球GENESIS》和演唱會《時線TIMELINE》上,將科幻元素融入音樂,帶給了我們一種全新的視聽感受。這次的林俊杰主題皮膚,同樣延續了他在音樂中所采用的科幻主題,以科技感的光影線條做為設計元素;

鹿晗做為新生代青春偶像的代表,潮流時尚是他的ICON,但看過他在《甜蜜蜜》MV中的表現,會發現素顏的他另有一種干凈清澈的溫暖感覺,所以這套主題設計以《甜蜜蜜》為靈感,力求展現出鹿晗青春、溫暖、純真的浪漫情懷。?

大咖裝 app設計流程 產品設計過程 QQ音樂大咖秀


(編輯:小酷)

 


上一篇:Material Design比扁平化設計更先進嗎?設計師們怎么看?
下一篇:網站設計誤區!令網站看起來不專業的十個設計方式
聯系
客服

掃碼添加客服微信

服務熱線
服務熱線
0411-62888851
公眾號

掃碼關注公眾號

回到頂部