騰訊有30多個LOGO的重設計,都是靠這個思路完成的 - 優設網 - UISDC

騰訊有30多個LOGO的重設計,都是靠這個思路完成的

2017/01/22 75523評論區

tencent-logo-design-method-1

編者按:今年騰訊很多品牌進行了改版(QQ/騰訊云/QQ音樂等等),說出來你可能不信,盡管這30多個LOGO所處領域完全不同,但重設計卻都依照了一個思路(包括造型/質感/色彩3方面),想跟上潮流,學到方法,這篇絕對不能錯過!

飛兒:在SNG(騰訊社交網絡事業群)品牌系統語言里,LOGO系統承載品牌視覺的最核心容器,是整個品牌視覺系統的靈魂,是品牌的精神文化理念、信譽、服務等特點的濃縮表現,直接影響著社交網絡品牌的發展。本文核心剖析社交網絡產品LOGO設計系統。

銳變啟程

伴隨著我們的成長的QQ,2016年已經成功銳變。新企鵝整體造型更加銳利、修身、簡潔。企鵝的視覺角度從略帶俯視變成了平視,讓其圖形更加的幾何化。更簡潔時尚的企鵝LOGO在年輕用戶心中成為“潮鵝”。

QQ不是孤軍奮戰,是整個社交網絡產品體系在一起奮進。

我們的用戶群體是年輕且最有活力的一代。品牌的內涵理念要持續提升,以保證品牌貼近市場和用戶。打造品牌語言系統,表層價值是讓社交網絡產品脫穎而出。深層價值是塑造一個專業創新的內容平臺,承載整個互聯網生活體系,反映社交網絡產品對優質設計體驗的追求。

品牌設計系統的背后是是整個社交網絡品牌生態策略。社交網絡品牌設計系統已經悄然進行,第一個重塑品牌的是騰訊云,接著騰訊企點、天天P圖、微云等陸續刷新。

uisdc-sng-20170122-1

△ SNG品牌集群

設計系統背后的品牌生態策略

為什么要做?

SNG 打造一個豐富的內容平臺,承載整個互聯網生活體系。視覺體系是社交網絡品牌盛放意義的容器。過去的社交網絡品牌體系,沒有一套成熟的品牌設計系統。我們需要打造品牌視覺設計系統,讓用戶認知社交網絡品牌,獲得用戶更高的忠誠度。

uisdc-sng-20170122-2

△ 舊版SNG品牌集群

系統梳理

社交網絡品牌語言系統的塑造,讓QQ以及社交網絡產品應用群傳達一個明確且一致的品牌從屬關系。同時品牌系統需給用戶帶來時代性的印象。我們對社交網絡產品LOGO體系進行徹底梳理和革新,設計系統是品牌的表象,背后寓含著整個社交網絡品牌生態策略。

uisdc-sng-20170122-3

系統建立 & 生態策略

我們的LOGO設計系統特征為獨特、簡潔、年輕、友好。設計系統內容包含了造型、質感、色彩三部份。設計細節體現社交網絡品牌生態策略。

1. 造型

LOGO的造型設計是品牌視覺識別的具體表現。我們要打造簡潔獨特的造型,給用戶留下直觀深刻的品牌印象,讓“文字”逐漸成為LOGO配角。LOGO造型越幾何化,元素越純粹,適用性就越強。

1)比例

LOGO規范模版對圖形設計的大小、 空間安排、結構比例都具有輔助控制作用, 由4組輔助框組合而成。在規范模版生成的LOGO,整體視覺體積更一致。

uisdc-sng-20170122-4

2)面

造型以”面”型設計為主,始終保持整體飽滿和穩固。圓潤飽滿的造型更符合年輕友好的產品氣質,同時飽滿的LOGO更能在眾多產品中凸顯出來。

uisdc-sng-20170122-5

3)視角

視角保持二維空間正視,禁止一切立體視角效果。代表社交網絡產品是正面、穩定、可靠的。

uisdc-sng-20170122-6

4)類型

社交網絡產品LOGO造型需凸顯業務,圖形和字母類的LOGO,適用性和傳播性最強。同時形體方正的LOGO利于APP的呈現,充分凸顯我們是社交網絡產品。

uisdc-sng-20170122-7

5)元素

為了的使設計保持簡潔明了,LOGO的組成元素控制在3個以內。簡而不凡的LOGO,很小的尺寸也不會影響識別。個性凸顯能的LOGO讓用戶馬上記住,設計是產品精髓的表現。

uisdc-sng-20170122-8

6)圓角

社交網絡產品保持著年輕友好,LOGO避免使用鋒利的設計,設計細節需要做小圓角處理。同時LOGO最小圓角大小一致,以達到更高的統一度。

uisdc-sng-20170122-9

7)企鵝

產品名稱帶有“企鵝”前綴的LOGO設計,若使用“企鵝”元素,正面企鵝或側面企鵝造型需與系統一致。 因為我們的用戶只需要記住同樣的企鵝,目的是塑造更一致的識別系統。

uisdc-sng-20170122-10

2. 質感

質感設計順應當代扁平化趨勢,去除一切繁雜的表現效果。純凈的設計,使LOGO表現更直接明朗,同時簡約的設計時尚度更高更持久。去除質感帶來了更大的設計挑戰,因為對比七彩漸變的效果,純色效果更難立刻凸顯。

1)扁平化

設計去除一切繁雜的表現效果,保持無投影、無漸變、無透明。打造更簡約的設計,是社交網絡產品對精品塑造的追求。

uisdc-sng-20170122-11

2)APP - 核心產品 & 子產品

社交網絡產品離不開APP的設計,APP底色需遵循統一的設計原則。社交網絡產品分為核心產品、 獨立產品、子產品三類。白底是社交網絡風格,核心產品APP的底色推薦使用白色。因子產品為核心產品的衍生,所以子產品的APP底色統一為白色。

uisdc-sng-20170122-12

3)APP - 獨立產品

系統需要每個產品保持自己的特征,給以獨立產品更廣的設計空間。獨立產品APP底色可用其品牌色,讓獨立產品APP更獨特和凸顯。

uisdc-sng-20170122-13

4)SNG Brand Map

uisdc-sng-20170122-14

3. 色彩

設計系統的色彩庫建立,能帶給用戶更一致的視覺感知。明亮的色彩代表社交網絡產品的活力和熱情,每個色系代表自己的產品屬性。每個LOGO限制色彩3個以內,因為色彩越少,產品LOGO個性越鮮明。獨特的品牌色能激發用戶情感,讓用戶聯想到我們的社交網絡產品。正如看見Tiffany的粉綠色,就會聯想到它的飾品。

1)色環

LOGO系統色環共有30色,每一個都有它的含義,它們有無數種搭配的可能存在。根據社交網絡產品類別,系統將紅、黃、藍、綠、紫5大色系進行分類。

uisdc-sng-20170122-15

2)基礎色

系統的6個基礎色最為純凈,使用最為頻繁。多數情況下,建議使用基礎色。每個LOGO的彩色控制在3個以內,黑白色是無色系,不包括在色彩總數內。

uisdc-sng-20170122-16

3)色系屬性

每個色彩都代表著各自的屬性,根據色系感知和產品類別,系統將紅、黃、藍、綠、紫5個色系進行產品屬性分類,打造更一致的品牌視覺感知。

藍色系:

產品類別:社交類、企業類、運動類、科研類(權威、可靠、安全、創新、進取)

例如:騰訊云、TIM、微云、騰訊課堂、QQ運動、QQ閱讀等。

uisdc-sng-20170122-17

黃色系:

產品類別:生活類、娛樂類(自信、積極、光明、幸福)

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

uisdc-sng-20170122-18

綠色系:

產品類別:音樂類、媒體類、通訊類、教育類(自然、希望、生命力、時尚)

例如:QQ音樂、NOW、企鵝輔導等。

uisdc-sng-20170122-19

紅色系:

產品類別:娛樂類、美妝類、服務類(時尚、刺激、熱情、幫助)

例如:QQ會員、天天P圖、全民K歌、閃咖、企鵝MV、QQ全城助力等。

uisdc-sng-20170122-20

紫色系:

產品類別:娛樂類、游戲類、女性類(神秘、時尚、夢幻)

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

uisdc-sng-20170122-21

化繁為簡

品牌系統塑造必須有規劃有步驟地持續優化,我們優先將影響力較大的產品LOGO進行了革新。例如騰訊云、騰訊企點、天天P圖這些用戶量日漸龐大的產品。產品LOGO既要符合系統的規則,同時要承載產品各自的特點,這是品牌統一性的挑戰。

華麗變身: 天天P圖

天天P圖是一款全能圖像處理軟件,包含美化照片、美容美妝、瘋狂變妝、趣味多圖等強大的圖片編輯能力。舊版天天P圖LOGO不符合系統設計,同時設計有提升的空間。如:1. P字線條設計較為單薄; 2. 整體顏色過多;3. 字體較細,不利于識別。

uisdc-sng-20170122-22

△ 舊版天天P圖LOGO

造型:新版P字造型更獨特,識別性更強。同時斜角的眼睛高光設計凸顯天天P圖的趣味性。

uisdc-sng-20170122-23

△ LOGO新舊對比

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

uisdc-sng-20170122-24

△ 色環新舊對比

規范:新天天P圖LOGO遵循系統設計規則革新,系統設計讓LOGO更規整,適應性更強。

uisdc-sng-20170122-25

△ 天天P圖LOGO規范

新LOGO個性更鮮明更有趣,充分傳達天天P圖“愛美更愛玩”的產品理念。新的品牌色紅+黑組合,視覺效果更有沖擊力,快速在眾多LOGO中凸顯出來。

uisdc-sng-20170122-26

系統持續刷新

社交網絡品牌設計系統代表社交網絡產品設計文化走向成熟。我們相信,正確與適合的設計應該堅持和推動。從一個品牌發展成一個品牌集群,需要品牌與其衍生產品一起發展影響力。互聯網品牌時代,設計對于品牌的發展有著決定性的作用。單一的LOGO設計不足以支持一個社交網絡品牌的發展,我們會持續優化品牌設計系統,提升設計理念和營造更優質的產品體驗。社交網絡品牌設計系統持續刷新中…

uisdc-sng-20170122-27

「人氣過億的QQ 都是怎么設計的?」

  1. 夜間模式丨《超過8億人使用的QQ,總結了夜間模式設計的通用方法》
  2. QQ 表情丨《揭秘QQ 新版表情背后的設計故事》
  3. QQ 會員丨《通過優化,我們將QQ會員付費用戶數提高了5倍!》

原文地址:騰訊ISUX

【優設網 原創文章 投稿郵箱:[email protected]

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量180萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

優設大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.wydhjd.tw/tencent-logo-design-method

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 設計師干貨 職場 優設專訪 優設大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 平面設計 用戶體驗設計 設計規范 海報設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

94期香港马会三肖中特