銳變啟程 化繁為簡 SNG產(chǎn)品標(biāo)志系統(tǒng)

在SNG(騰訊社交網(wǎng)絡(luò)事業(yè)群)品牌系統(tǒng)語言里,LOGO系統(tǒng)承載品牌視覺的最核心容器,是整個品牌視覺系統(tǒng)的靈魂,是品牌的精神文化理念、信譽、服務(wù)等特點的濃縮表現(xiàn),直接影響著社交網(wǎng)絡(luò)品牌的發(fā)展。本文核心剖析社交網(wǎng)絡(luò)產(chǎn)品LOGO設(shè)計系統(tǒng)。

銳變啟程

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

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

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

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

SNG品牌集群

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

為什么要做

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

舊版SNG品牌集群

系統(tǒng)梳理

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

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

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

1. 造型

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

01 比例

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

02 面

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

03 視角

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

04 類型

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

05 元素

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

06 圓角

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

07 企鵝

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

2. 質(zhì)感

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

01 扁平化

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

02 APP-核心產(chǎn)品 & 子產(chǎn)品

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

03 APP-獨立產(chǎn)品

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

04 SNG Brand?Map

3.色彩

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

01 色環(huán)

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

02 基礎(chǔ)色

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

03 色系屬性

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

藍(lán)色系

產(chǎn)品類別:社交類、企業(yè)類、運動類、科研類(權(quán)威、可靠、安全、創(chuàng)新、進(jìn)?。?/p>

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

黃色系

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

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

綠色系

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

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

紅色系

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

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

紫色系

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

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

化繁為簡

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

華麗變身: 天天P圖

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

舊版天天P圖LOGO

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

LOGO新舊對比

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

色環(huán)新舊對比

規(guī)范:新天天P圖LOGO遵循系統(tǒng)設(shè)計規(guī)則革新,系統(tǒng)設(shè)計讓LOGO更規(guī)整,適應(yīng)性更強。

天天P圖LOGO規(guī)范

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

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

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

原文鏈接:https://isux.tencent.com/sng-logo-system.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 社交紅利閱讀筆記 書名:社交紅利(修訂升級版) 作者:徐志斌 出版社:中信出版社 正文前筆記: 推薦序1摘要 社交...
    鳧水閱讀 9,390評論 4 26
  • 偽裝的外表沒什么不好的,大家相安無事,和平愉快。只是靜下來有難過…… 午后,陽光正好,沐浴暖暖,又想,獨處、挺好。...
    曼燈閱讀 212評論 0 0
  • 這次我的翅膀真的受傷了,小鳥悲傷地想著。如火的驕陽沒有阻止它飛行的決心,暴風(fēng)驟雨不能阻擋它前進(jìn)的勇氣,專心地飛翔而...
    向行閱讀 425評論 5 3
  • 緩存配置對象,存儲緩存配置信息 .h@property (assign, nonatomic) BOOL shou...
    YYT1992閱讀 377評論 0 0
  • 底部導(dǎo)航欄 底部導(dǎo)航欄的使用比較常見,目前常用的APP幾乎都是使用底部導(dǎo)航欄將內(nèi)容分類。底部導(dǎo)航欄的實現(xiàn)也比較簡單...
    seph_von閱讀 65,624評論 16 51

友情鏈接更多精彩內(nèi)容