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

注：本文是設(shè)計分享，非軟文。

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

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

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

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

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

大咖裝，定個性

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

我們提取各明星最鮮明的品牌符號，設(shè)計通用性強并具氛圍感的頁面底圖，奠定基調(diào)，確保各頁面體驗的一致性與連續(xù)性。

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

我們?yōu)榻⒎劢z與明星之間的關(guān)聯(lián)性，在個人主頁與我喜歡資產(chǎn)頁的頭圖區(qū)域做了大篇幅的氛圍渲染以捕獲粉絲的花癡心。

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

以 Michael Jackson主題 為例

六個入口個性化設(shè)計 + 一張?zhí)杖质奖尘?+ [個人主頁] [我喜歡] 個性頭圖，即完整設(shè)置一套主題！

大咖裝，抓特性

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

1.抓本質(zhì)特性，轉(zhuǎn)換為核心圖形元素

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

2.近期動態(tài) ，制造必要的話題性

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

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

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

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

BigBang

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

Taylor Swift

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

TFboys

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

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

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

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

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

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

大咖裝，要造勢

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

1. 設(shè)計品牌口號，為品牌宣傳做準備?

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

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

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

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

大咖裝，裝BIGBANG引領(lǐng)潮流

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

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

2. 投票賺人氣?

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

3. 挑逗粉絲再傳播

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

4. 深入挑逗，曝視頻

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

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

大咖裝視頻

視頻的作用是讓平面的主題讓用戶第一次看到的時候有更深刻的印象。如何讓設(shè)計圖豐滿立體起來，如何讓單獨的元素和豐富的明星視覺資源建立聯(lián)系，如何讓靜止的平面稿空間化和動態(tài)化，是這次視頻主要要解決的問題。

騰訊視頻地址：http://v.qq.com/page/u/i/p/u01611av2ip.html

視頻分鏡

在制作之前，首先以分鏡確認整體視頻展示結(jié)構(gòu)和單個部分的畫面呈現(xiàn)。

(部分參考圖)

(最終平面分鏡)

音效制作

音樂是在Adiojungle上購買的完整音樂，配合節(jié)奏去做整體的動畫剪輯。

開場部分為了引入畫面和主題，在KK和Ivy的幫助下錄制輸出了“Wanna something Special？”一句女聲，讓整個視頻的音頻呈現(xiàn)更加豐富。

大咖裝，添星妝

大咖裝為QQ音樂個性化邁出重要一步，探索更多音樂氣質(zhì)與用戶價值碰撞的可能性QQ音樂5.5 從預(yù)約到上線僅僅一周時間，得到了用戶的強烈反饋，并希望發(fā)布更多明星主題。針對用戶訴求QQ音樂已經(jīng)開啟對明星主題訴求統(tǒng)計，QQ音樂的粉絲時代正式到來！

【最能借鑒的經(jīng)驗都是實戰(zhàn)出來的】

幾億人使用的QQ空間如何做廣告？
《讓廣告動起來！QQ空間視頻廣告策劃設(shè)計總結(jié)》

給QQ空間做改版設(shè)計的思路經(jīng)驗：
《小空間大精彩！APPLE WATCH重磅實戰(zhàn)案例之QQ空間》

國內(nèi)設(shè)計師最關(guān)心的話題之一！
《實戰(zhàn)篇！國內(nèi)設(shè)計師如何快速有效地維權(quán)？（附成功案例）》

原文地址：騰訊ISUX
作者：XY

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量99萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：