騰訊很多品牌進(jìn)行了改版（QQ/騰訊云/QQ音樂(lè)等等），說(shuō)出來(lái)你可能不信，盡管這30多個(gè)logo所處領(lǐng)域完全不同，但重設(shè)計(jì)卻都依照了一個(gè)思路（包括造型/質(zhì)感/色彩3方面），想跟上潮流，學(xué)到方法，這篇絕對(duì)不能錯(cuò)過(guò)！

飛兒：在SNG（騰訊社交網(wǎng)絡(luò)事業(yè)群）品牌系統(tǒng)語(yǔ)言里，logo系統(tǒng)承載品牌視覺(jué)的最核心容器，是整個(gè)品牌視覺(jué)系統(tǒng)的靈魂，是品牌的精神文化理念、信譽(yù)、服務(wù)等特點(diǎn)的濃縮表現(xiàn)，直接影響著社交網(wǎng)絡(luò)品牌的發(fā)展。

本文核心剖析社交網(wǎng)絡(luò)產(chǎn)品logo設(shè)計(jì)系統(tǒng)。

伴隨著我們的成長(zhǎng)的QQ，2016年已經(jīng)成功銳變。新企鵝整體造型更加銳利、修身、簡(jiǎn)潔。企鵝的視覺(jué)角度從略帶俯視變成了平視，讓其圖形更加的幾何化。更簡(jiǎn)潔時(shí)尚的企鵝logo在年輕用戶心中成為“潮鵝”。

QQ不是孤軍奮戰(zhàn)，是整個(gè)社交網(wǎng)絡(luò)產(chǎn)品體系在一起奮進(jìn)。

我們的用戶群體是年輕且最有活力的一代。品牌的內(nèi)涵理念要持續(xù)提升，以保證品牌貼近市場(chǎng)和用戶。打造品牌語(yǔ)言系統(tǒng)，表層價(jià)值是讓社交網(wǎng)絡(luò)產(chǎn)品脫穎而出。深層價(jià)值是塑造一個(gè)專業(yè)創(chuàng)新的內(nèi)容平臺(tái)，承載整個(gè)互聯(lián)網(wǎng)生活體系，反映社交網(wǎng)絡(luò)產(chǎn)品對(duì)優(yōu)質(zhì)設(shè)計(jì)體驗(yàn)的追求。

品牌設(shè)計(jì)系統(tǒng)的背后是是整個(gè)社交網(wǎng)絡(luò)品牌生態(tài)策略。社交網(wǎng)絡(luò)品牌設(shè)計(jì)系統(tǒng)已經(jīng)悄然進(jìn)行，第一個(gè)重塑品牌的是騰訊云，接著騰訊企點(diǎn)、天天P圖、微云等陸續(xù)刷新。

△ SNG品牌集群

設(shè)計(jì)系統(tǒng)背后的品牌生態(tài)策略

為什么要做？

SNG 打造一個(gè)豐富的內(nèi)容平臺(tái)，承載整個(gè)互聯(lián)網(wǎng)生活體系。視覺(jué)體系是社交網(wǎng)絡(luò)品牌盛放意義的容器。過(guò)去的社交網(wǎng)絡(luò)品牌體系，沒(méi)有一套成熟的品牌設(shè)計(jì)系統(tǒng)。我們需要打造品牌視覺(jué)設(shè)計(jì)系統(tǒng)，讓用戶認(rèn)知社交網(wǎng)絡(luò)品牌，獲得用戶更高的忠誠(chéng)度。

△ 舊版SNG品牌集群

系統(tǒng)梳理

社交網(wǎng)絡(luò)品牌語(yǔ)言系統(tǒng)的塑造，讓QQ以及社交網(wǎng)絡(luò)產(chǎn)品應(yīng)用群傳達(dá)一個(gè)明確且一致的品牌從屬關(guān)系。同時(shí)品牌系統(tǒng)需給用戶帶來(lái)時(shí)代性的印象。我們對(duì)社交網(wǎng)絡(luò)產(chǎn)品logo體系進(jìn)行徹底梳理和革新，設(shè)計(jì)系統(tǒng)是品牌的表象，背后寓含著整個(gè)社交網(wǎng)絡(luò)品牌生態(tài)策略。

系統(tǒng)建立 & 生態(tài)策略

我們的logo設(shè)計(jì)系統(tǒng)特征為獨(dú)特、簡(jiǎn)潔、年輕、友好。設(shè)計(jì)系統(tǒng)內(nèi)容包含了造型、質(zhì)感、色彩三部份。設(shè)計(jì)細(xì)節(jié)體現(xiàn)社交網(wǎng)絡(luò)品牌生態(tài)策略。

1. 造型

logo的造型設(shè)計(jì)是品牌視覺(jué)識(shí)別的具體表現(xiàn)。我們要打造簡(jiǎn)潔獨(dú)特的造型，給用戶留下直觀深刻的品牌印象，讓“文字”逐漸成為logo配角。logo造型越幾何化，元素越純粹，適用性就越強(qiáng)。

1）比例

logo規(guī)范模版對(duì)圖形設(shè)計(jì)的大小、 空間安排、結(jié)構(gòu)比例都具有輔助控制作用, 由4組輔助框組合而成。在規(guī)范模版生成的logo，整體視覺(jué)體積更一致。

2）面

造型以”面”型設(shè)計(jì)為主，始終保持整體飽滿和穩(wěn)固。圓潤(rùn)飽滿的造型更符合年輕友好的產(chǎn)品氣質(zhì)，同時(shí)飽滿的logo更能在眾多產(chǎn)品中凸顯出來(lái)。

3）視角

視角保持二維空間正視，禁止一切立體視角效果。代表社交網(wǎng)絡(luò)產(chǎn)品是正面、穩(wěn)定、可靠的。

4）類型

社交網(wǎng)絡(luò)產(chǎn)品logo造型需凸顯業(yè)務(wù)，圖形和字母類的logo，適用性和傳播性最強(qiáng)。同時(shí)形體方正的logo利于APP的呈現(xiàn)，充分凸顯我們是社交網(wǎng)絡(luò)產(chǎn)品。

5）元素

為了的使設(shè)計(jì)保持簡(jiǎn)潔明了，logo的組成元素控制在3個(gè)以內(nèi)。簡(jiǎn)而不凡的logo，很小的尺寸也不會(huì)影響識(shí)別。個(gè)性凸顯能的logo讓用戶馬上記住，設(shè)計(jì)是產(chǎn)品精髓的表現(xiàn)。

6）圓角

社交網(wǎng)絡(luò)產(chǎn)品保持著年輕友好，logo避免使用鋒利的設(shè)計(jì)，設(shè)計(jì)細(xì)節(jié)需要做小圓角處理。同時(shí)logo最小圓角大小一致，以達(dá)到更高的統(tǒng)一度。

7）企鵝

產(chǎn)品名稱帶有“企鵝”前綴的logo設(shè)計(jì)，若使用“企鵝”元素，正面企鵝或側(cè)面企鵝造型需與系統(tǒng)一致。 因?yàn)槲覀兊挠脩糁恍枰�記住同樣的企鵝，目的是塑造更一致的識(shí)別系統(tǒng)。

2. 質(zhì)感

質(zhì)感設(shè)計(jì)順應(yīng)當(dāng)代扁平化趨勢(shì)，去除一切繁雜的表現(xiàn)效果。純凈的設(shè)計(jì)，使logo表現(xiàn)更直接明朗，同時(shí)簡(jiǎn)約的設(shè)計(jì)時(shí)尚度更高更持久。去除質(zhì)感帶來(lái)了更大的設(shè)計(jì)挑戰(zhàn)，因?yàn)閷?duì)比七彩漸變的效果，純色效果更難立刻凸顯。

1）扁平化

設(shè)計(jì)去除一切繁雜的表現(xiàn)效果，保持無(wú)投影、無(wú)漸變、無(wú)透明。打造更簡(jiǎn)約的設(shè)計(jì)，是社交網(wǎng)絡(luò)產(chǎn)品對(duì)精品塑造的追求。

2）APP － 核心產(chǎn)品 & 子產(chǎn)品

社交網(wǎng)絡(luò)產(chǎn)品離不開APP的設(shè)計(jì)，APP底色需遵循統(tǒng)一的設(shè)計(jì)原則。社交網(wǎng)絡(luò)產(chǎn)品分為核心產(chǎn)品、 獨(dú)立產(chǎn)品、子產(chǎn)品三類。白底是社交網(wǎng)絡(luò)風(fēng)格，核心產(chǎn)品APP的底色推薦使用白色。因子產(chǎn)品為核心產(chǎn)品的衍生，所以子產(chǎn)品的APP底色統(tǒng)一為白色。

3）APP － 獨(dú)立產(chǎn)品

系統(tǒng)需要每個(gè)產(chǎn)品保持自己的特征，給以獨(dú)立產(chǎn)品更廣的設(shè)計(jì)空間。獨(dú)立產(chǎn)品APP底色可用其品牌色，讓獨(dú)立產(chǎn)品APP更獨(dú)特和凸顯。

4）SNG Brand Map

3. 色彩

設(shè)計(jì)系統(tǒng)的色彩庫(kù)建立，能帶給用戶更一致的視覺(jué)感知。明亮的色彩代表社交網(wǎng)絡(luò)產(chǎn)品的活力和熱情，每個(gè)色系代表自己的產(chǎn)品屬性。每個(gè)logo限制色彩3個(gè)以內(nèi)，因?yàn)樯�彩越少，產(chǎn)品logo個(gè)性越鮮明。獨(dú)特的品牌色能激發(fā)用戶情感，讓用戶聯(lián)想到我們的社交網(wǎng)絡(luò)產(chǎn)品。正如看見(jiàn)Tiffany的粉綠色，就會(huì)聯(lián)想到它的飾品。

1）色環(huán)

logo系統(tǒng)色環(huán)共有30色，每一個(gè)都有它的含義，它們有無(wú)數(shù)種搭配的可能存在。根據(jù)社交網(wǎng)絡(luò)產(chǎn)品類別，系統(tǒng)將紅、黃、藍(lán)、綠、紫5大色系進(jìn)行分類。

2）基礎(chǔ)色

系統(tǒng)的6個(gè)基礎(chǔ)色最為純凈，使用最為頻繁。多數(shù)情況下，建議使用基礎(chǔ)色。每個(gè)logo的彩色控制在3個(gè)以內(nèi)，黑白色是無(wú)色系，不包括在色彩總數(shù)內(nèi)。

3）色系屬性

每個(gè)色彩都代表著各自的屬性，根據(jù)色系感知和產(chǎn)品類別，系統(tǒng)將紅、黃、藍(lán)、綠、紫5個(gè)色系進(jìn)行產(chǎn)品屬性分類，打造更一致的品牌視覺(jué)感知。

藍(lán)色系：

產(chǎn)品類別：社交類、企業(yè)類、運(yùn)動(dòng)類、科研類（權(quán)威、可靠、安全、創(chuàng)新、進(jìn)�。�

例如：騰訊云、TIM、微云、騰訊課堂、QQ運(yùn)動(dòng)、QQ閱讀等。

黃色系：

產(chǎn)品類別：生活類、娛樂(lè)類（自信、積極、光明、幸福）

例如：QQ空間、企鵝FM等。

綠色系：

產(chǎn)品類別：音樂(lè)類、媒體類、通訊類、教育類（自然、希望、生命力、時(shí)尚）

例如：QQ音樂(lè)、NOW、企鵝輔導(dǎo)等。

紅色系：

產(chǎn)品類別：娛樂(lè)類、美妝類、服務(wù)類（時(shí)尚、刺激、熱情、幫助）

例如：QQ會(huì)員、天天P圖、全民K歌、閃咖、企鵝MV、QQ全城助力等。

紫色系：

產(chǎn)品類別：娛樂(lè)類、游戲類、女性類（神秘、時(shí)尚、夢(mèng)幻）

例如：花樣直播、厘米秀等。

化繁為簡(jiǎn)

品牌系統(tǒng)塑造必須有規(guī)劃有步驟地持續(xù)優(yōu)化，我們優(yōu)先將影響力較大的產(chǎn)品logo進(jìn)行了革新。例如騰訊云、騰訊企點(diǎn)、天天P圖這些用戶量日漸龐大的產(chǎn)品。產(chǎn)品logo既要符合系統(tǒng)的規(guī)則，同時(shí)要承載產(chǎn)品各自的特點(diǎn)，這是品牌統(tǒng)一性的挑戰(zhàn)。

華麗變身： 天天P圖

天天P圖是一款全能圖像處理軟件，包含美化照片、美容美妝、瘋狂變妝、趣味多圖等強(qiáng)大的圖片編輯能力。舊版天天P圖logo不符合系統(tǒng)設(shè)計(jì)，同時(shí)設(shè)計(jì)有提升的空間。如：1. P字線條設(shè)計(jì)較為單薄； 2. 整體顏色過(guò)多；3. 字體較細(xì)，不利于識(shí)別。

△ 舊版天天P圖logo

造型：新版P字造型更獨(dú)特，識(shí)別性更強(qiáng)。同時(shí)斜角的眼睛高光設(shè)計(jì)凸顯天天P圖的趣味性。

△ logo新舊對(duì)比

色彩：由8色減為3色，讓品牌感知更純粹。舊版品牌桃紅色較為偏女性，新版品牌紅更有吸引力，也更中性，利于天天P圖覆蓋更全面的適用人群。

△ 色環(huán)新舊對(duì)比

規(guī)范：新天天P圖logo遵循系統(tǒng)設(shè)計(jì)規(guī)則革新，系統(tǒng)設(shè)計(jì)讓logo更規(guī)整，適應(yīng)性更強(qiáng)。

△ 天天P圖logo規(guī)范

新logo個(gè)性更鮮明更有趣，充分傳達(dá)天天P圖“愛(ài)美更愛(ài)玩”的產(chǎn)品理念。新的品牌色紅＋黑組合，視覺(jué)效果更有沖擊力，快速在眾多logo中凸顯出來(lái)。

系統(tǒng)持續(xù)刷新

社交網(wǎng)絡(luò)品牌設(shè)計(jì)系統(tǒng)代表社交網(wǎng)絡(luò)產(chǎn)品設(shè)計(jì)文化走向成熟。我們相信，正確與適合的設(shè)計(jì)應(yīng)該堅(jiān)持和推動(dòng)。從一個(gè)品牌發(fā)展成一個(gè)品牌集群，需要品牌與其衍生產(chǎn)品一起發(fā)展影響力�；ヂ�(lián)網(wǎng)品牌時(shí)代，設(shè)計(jì)對(duì)于品牌的發(fā)展有著決定性的作用。單一的logo設(shè)計(jì)不足以支持一個(gè)社交網(wǎng)絡(luò)品牌的發(fā)展，我們會(huì)持續(xù)優(yōu)化品牌設(shè)計(jì)系統(tǒng)，提升設(shè)計(jì)理念和營(yíng)造更優(yōu)質(zhì)的產(chǎn)品體驗(yàn)。社交網(wǎng)絡(luò)品牌設(shè)計(jì)系統(tǒng)持續(xù)刷新中…