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

 

　　編者按：想看看騰訊的高級設計師都怎麼干活?來看看今天這篇揭秘!@騰訊ISUX 在這篇文章中分享了整個設計背後的思考過程，小到一句運營文案，大到每個主題的設計思路，滿滿當當都是干貨，幫設計師們突破美工思維，成為真正專業的設計師。

　　注：本文是設計分享，非軟文。

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

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

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

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

　　騰訊視頻地址：http://v.qq.com

　　大咖裝，定個性

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

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

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

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

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

　　以 Michael Jackson主題 為例

　　六個入口個性化設計 + 一張太空全局式背景 + [個人主頁] [我喜歡] 個性頭圖，即完整設置一套主題!

　　大咖裝，抓特性

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

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

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

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

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

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

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

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

　　BigBang

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

　　Taylor Swift

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

　　TFboys

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

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

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

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

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

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

　　大咖裝，要造勢

　　一個知識淵博的人需要得體的妝容去提升氣場，一個強大的功能需要恰當的包裝和有力的宣傳才能更好的體現其價值。 大咖裝預約宣傳活動在上線3天後就取得了總票數500W+，實際參與人數超過92W的傲嬌成績，這跟前期極高投入度的包裝運營策劃是分不開的。

　　1. 設計品牌口號，為品牌宣傳做准備

　　在這個語言日趨娛樂與調侃化的時代，設計之初我們希望使用時下網絡流行詞或流行語氣來貼近用戶的生活，提升品牌口號的感染性。用琅琅上口且具號召性的短語傳遞主旨，用宣言的形式來表達音樂態度。

　　所以我們有了第一版品牌口號：個性主題，死勁裝!

　　但隨後我們發現這句極具煽動性的流行語並沒有凸顯個性主題的核心特點--明星!這種未能准確傳遞功能特性的牛逼口號終究只能怒斃!所以我們結合明星特性，保留“裝”這一動詞的笃定且自信的語氣，有了我們第二版品牌名--“大咖裝”，用名詞塑造了一個完整准確的品牌記憶點。隨後搭配設計了更朗朗上口的品牌口號“大咖裝，添星妝”，名詞短語結合動詞口號，滿足各場景中的宣傳需要。 隨後，為了配合運營活動我們還設計了一系列分頁口號：

　　“大咖裝，裝傑倫無與倫比

　　大咖裝，裝BIGBANG引領潮流

　　大咖裝，裝TFBOYS向青春起航 ”

　　在表達音樂態度和明星印象的同時不斷重復品牌名，加深用戶記憶，讓品牌深入人心。

　　2. 投票賺人氣

　　預熱活動1期以支持你的偶像，看看誰的呼聲高為主題，讓用戶投票支持喜歡明星贏得免費試用機會，一場聲勢浩大的粉絲大戰正在蓄勢待發。

　　3. 挑逗粉絲再傳播

　　預熱活動1期後半段按計劃在部分明星部落中引逗粉絲，首先選取了實時排名第一的霉霉和潛力較大的BigBang、TFBoys。利用粉絲天然的攀比心理引爆新一輪粉絲大戰。

　　4. 深入挑逗，曝視頻

　　在粉絲戰進行的如火如荼的時候，逐步曝光視頻片段，一刻不能松懈地喜迎用戶，為上線造勢!

　　5. 宣傳視頻的精心制作大大提升了大咖裝的品質與宣傳的力度

　　大咖裝視頻

<