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