2017-4-4 高勁
編者按：今年騰訊很多品牌進行了改版（QQ/騰訊云/QQ音樂等等），說出來你可能不信，盡管這30多個LOGO所處領域完全不同，但重設計卻都依照了一個思路（包括造型/質感/色彩3方面），想跟上潮流，學到方法，這篇絕對不能錯過！
飛兒：在SNG（騰訊社交網絡事業群）品牌系統語言里，LOGO系統承載品牌視覺的最核心容器，是整個品牌視覺系統的靈魂，是品牌的精神文化理念、信譽、服務等特點的濃縮表現，直接影響著社交網絡品牌的發展。本文核心剖析社交網絡產品LOGO設計系統。
伴隨著我們的成長的QQ，2016年已經成功銳變。新企鵝整體造型更加銳利、修身、簡潔。企鵝的視覺角度從略帶俯視變成了平視，讓其圖形更加的幾何化。更簡潔時尚的企鵝LOGO在年輕用戶心中成為“潮鵝”。
QQ不是孤軍奮戰，是整個社交網絡產品體系在一起奮進。
我們的用戶群體是年輕且最有活力的一代。品牌的內涵理念要持續提升，以保證品牌貼近市場和用戶。打造品牌語言系統，表層價值是讓社交網絡產品脫穎而出。深層價值是塑造一個專業創新的內容平臺，承載整個互聯網生活體系，反映社交網絡產品對優質設計體驗的追求。
品牌設計系統的背后是是整個社交網絡品牌生態策略。社交網絡品牌設計系統已經悄然進行，第一個重塑品牌的是騰訊云，接著騰訊企點、天天P圖、微云等陸續刷新。
△ SNG品牌集群
為什么要做？
SNG 打造一個豐富的內容平臺，承載整個互聯網生活體系。視覺體系是社交網絡品牌盛放意義的容器。過去的社交網絡品牌體系，沒有一套成熟的品牌設計系統。我們需要打造品牌視覺設計系統，讓用戶認知社交網絡品牌，獲得用戶更高的忠誠度。
△ 舊版SNG品牌集群
系統梳理
社交網絡品牌語言系統的塑造，讓QQ以及社交網絡產品應用群傳達一個明確且一致的品牌從屬關系。同時品牌系統需給用戶帶來時代性的印象。我們對社交網絡產品LOGO體系進行徹底梳理和革新，設計系統是品牌的表象，背后寓含著整個社交網絡品牌生態策略。
我們的LOGO設計系統特征為獨特、簡潔、年輕、友好。設計系統內容包含了造型、質感、色彩三部份。設計細節體現社交網絡品牌生態策略。
LOGO的造型設計是品牌視覺識別的具體表現。我們要打造簡潔獨特的造型，給用戶留下直觀深刻的品牌印象，讓“文字”逐漸成為LOGO配角。LOGO造型越幾何化，元素越純粹，適用性就越強。
1）比例
LOGO規范模版對圖形設計的大小、 空間安排、結構比例都具有輔助控制作用, 由4組輔助框組合而成。在規范模版生成的LOGO，整體視覺體積更一致。
2）面
造型以”面”型設計為主，始終保持整體飽滿和穩固。圓潤飽滿的造型更符合年輕友好的產品氣質，同時飽滿的LOGO更能在眾多產品中凸顯出來。
3）視角
視角保持二維空間正視，禁止一切立體視角效果。代表社交網絡產品是正面、穩定、可靠的。
4）類型
社交網絡產品LOGO造型需凸顯業務，圖形和字母類的LOGO，適用性和傳播性最強。同時形體方正的LOGO利于APP的呈現，充分凸顯我們是社交網絡產品。
5）元素
為了的使設計保持簡潔明了，LOGO的組成元素控制在3個以內。簡而不凡的LOGO，很小的尺寸也不會影響識別。個性凸顯能的LOGO讓用戶馬上記住，設計是產品精髓的表現。
6）圓角
社交網絡產品保持著年輕友好，LOGO避免使用鋒利的設計，設計細節需要做小圓角處理。同時LOGO最小圓角大小一致，以達到更高的統一度。
7）企鵝
產品名稱帶有“企鵝”前綴的LOGO設計，若使用“企鵝”元素，正面企鵝或側面企鵝造型需與系統一致。 因為我們的用戶只需要記住同樣的企鵝，目的是塑造更一致的識別系統。
質感設計順應當代扁平化趨勢，去除一切繁雜的表現效果。純凈的設計，使LOGO表現更直接明朗，同時簡約的設計時尚度更高更持久。去除質感帶來了更大的設計挑戰，因為對比七彩漸變的效果，純色效果更難立刻凸顯。
1）扁平化
設計去除一切繁雜的表現效果，保持無投影、無漸變、無透明。打造更簡約的設計，是社交網絡產品對精品塑造的追求。
2）APP － 核心產品 & 子產品
社交網絡產品離不開APP的設計，APP底色需遵循統一的設計原則。社交網絡產品分為核心產品、 獨立產品、子產品三類。白底是社交網絡風格，核心產品APP的底色推薦使用白色。因子產品為核心產品的衍生，所以子產品的APP底色統一為白色。
3）APP － 獨立產品
系統需要每個產品保持自己的特征，給以獨立產品更廣的設計空間。獨立產品APP底色可用其品牌色，讓獨立產品APP更獨特和凸顯。
4）SNG Brand Map
設計系統的色彩庫建立，能帶給用戶更一致的視覺感知。明亮的色彩代表社交網絡產品的活力和熱情，每個色系代表自己的產品屬性。每個LOGO限制色彩3個以內，因為色彩越少，產品LOGO個性越鮮明。獨特的品牌色能激發用戶情感，讓用戶聯想到我們的社交網絡產品。正如看見Tiffany的粉綠色，就會聯想到它的飾品。
1）色環
LOGO系統色環共有30色，每一個都有它的含義，它們有無數種搭配的可能存在。根據社交網絡產品類別，系統將紅、黃、藍、綠、紫5大色系進行分類。
2）基礎色
系統的6個基礎色最為純凈，使用最為頻繁。多數情況下，建議使用基礎色。每個LOGO的彩色控制在3個以內，黑白色是無色系，不包括在色彩總數內。
3）色系屬性
每個色彩都代表著各自的屬性，根據色系感知和產品類別，系統將紅、黃、藍、綠、紫5個色系進行產品屬性分類，打造更一致的品牌視覺感知。
藍色系：
產品類別：社交類、企業類、運動類、科研類（權威、可靠、安全、創新、進取）
例如：騰訊云、TIM、微云、騰訊課堂、QQ運動、QQ閱讀等。
黃色系：
產品類別：生活類、娛樂類（自信、積極、光明、幸福）
例如：QQ空間、企鵝FM等。
綠色系：
產品類別：音樂類、媒體類、通訊類、教育類（自然、希望、生命力、時尚）
例如：QQ音樂、NOW、企鵝輔導等。
紅色系：
產品類別：娛樂類、美妝類、服務類（時尚、刺激、熱情、幫助）
例如：QQ會員、天天P圖、全民K歌、閃咖、企鵝MV、QQ全城助力等。
紫色系：
產品類別：娛樂類、游戲類、女性類（神秘、時尚、夢幻）
例如：花樣直播、厘米秀等。
品牌系統塑造必須有規劃有步驟地持續優化，我們優先將影響力較大的產品LOGO進行了革新。例如騰訊云、騰訊企點、天天P圖這些用戶量日漸龐大的產品。產品LOGO既要符合系統的規則，同時要承載產品各自的特點，這是品牌統一性的挑戰。
天天P圖是一款全能圖像處理軟件，包含美化照片、美容美妝、瘋狂變妝、趣味多圖等強大的圖片編輯能力。舊版天天P圖LOGO不符合系統設計，同時設計有提升的空間。如：1. P字線條設計較為單薄； 2. 整體顏色過多；3. 字體較細，不利于識別。
△ 舊版天天P圖LOGO
造型：新版P字造型更獨特，識別性更強。同時斜角的眼睛高光設計凸顯天天P圖的趣味性。
△ LOGO新舊對比
色彩：由8色減為3色，讓品牌感知更純粹。舊版品牌桃紅色較為偏女性，新版品牌紅更有吸引力，也更中性，利于天天P圖覆蓋更全面的適用人群。
△ 色環新舊對比
規范：新天天P圖LOGO遵循系統設計規則革新，系統設計讓LOGO更規整，適應性更強。
△ 天天P圖LOGO規范
新LOGO個性更鮮明更有趣，充分傳達天天P圖“愛美更愛玩”的產品理念。新的品牌色紅＋黑組合，視覺效果更有沖擊力，快速在眾多LOGO中凸顯出來。
社交網絡品牌設計系統代表社交網絡產品設計文化走向成熟。我們相信，正確與適合的設計應該堅持和推動。從一個品牌發展成一個品牌集群，需要品牌與其衍生產品一起發展影響力。互聯網品牌時代，設計對于品牌的發展有著決定性的作用。單一的LOGO設計不足以支持一個社交網絡品牌的發展，我們會持續優化品牌設計系統，提升設計理念和營造更優質的產品體驗。社交網絡品牌設計系統持續刷新中…
藍藍設計( m.ocunn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務