20150812091552142

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

注:本文是設計分享,非軟文。

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

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

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

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

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

大咖裝,定個性

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

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

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

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

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

QQ音樂業界首創「大咖裝」

以 Michael Jackson主題 為例

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

QQ音樂業界首創「大咖裝」

大咖裝,抓特性

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

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

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

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

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

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

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

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

BigBang

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

QQ音樂業界首創「大咖裝」

Taylor Swift

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

QQ音樂業界首創「大咖裝」

TFboys

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

QQ音樂業界首創「大咖裝」

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

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

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

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

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

QQ音樂業界首創「大咖裝」

大咖裝,要造勢

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

1. 設計品牌口號,為品牌宣傳做準備?

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

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

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

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

大咖裝,裝BIGBANG引領潮流

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

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

QQ音樂業界首創「大咖裝」

2. 投票賺人氣?

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

QQ音樂業界首創「大咖裝」

3. 挑逗粉絲再傳播

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

4. 深入挑逗,曝視頻

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

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

大咖裝視頻

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

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

視頻分鏡

在制作之前,首先以分鏡確認整體視頻展示結構和單個部分的畫面呈現。

QQ音樂業界首創「大咖裝」

(部分參考圖)

QQ音樂業界首創「大咖裝」

(最終平面分鏡)

音效制作

音樂是在Adiojungle上購買的完整音樂,配合節奏去做整體的動畫剪輯。

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

QQ音樂業界首創「大咖裝」

大咖裝,添星妝

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

【最能借鑒的經驗都是實戰出來的】

幾億人使用的QQ空間如何做廣告?
《讓廣告動起來!QQ空間視頻廣告策劃設計總結》

給QQ空間做改版設計的思路經驗:
《小空間大精彩!APPLE WATCH重磅實戰案例之QQ空間》

國內設計師最關心的話題之一!
《實戰篇!國內設計師如何快速有效地維權?(附成功案例)》

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

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

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

sdcweixin

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏