新媒體視覺系列(2):統(tǒng)一

在之前的文章《新媒體運(yùn)營(yíng)必需知道的 4 個(gè)設(shè)計(jì)原則》中,琛姐談到過?4 個(gè)設(shè)計(jì)的基本原則——親密性、對(duì)齊、重復(fù)、對(duì)比

本文是對(duì)“重復(fù)”原則的更正和補(bǔ)充。

統(tǒng)一是指版面中所有部分——特別是每個(gè)與設(shè)計(jì)中其他部分相關(guān)的獨(dú)立元素——全面的凝聚和結(jié)合。

統(tǒng)一的好處有 2 個(gè):

一是保持視覺上的協(xié)調(diào)融洽。當(dāng)標(biāo)題、正文、圖片和頁面上的其他設(shè)計(jì)細(xì)節(jié)融為一體、協(xié)調(diào)統(tǒng)一,至少互相之間保持融洽和協(xié)調(diào)時(shí),給人的視覺感覺會(huì)非常舒服。

二是品牌識(shí)別。為了讓用戶更快更好地識(shí)別自己,同時(shí)也更形象地展現(xiàn)品牌形象,許多品牌都會(huì)花大量的金錢和精力,打造自己的視覺識(shí)別系統(tǒng)(VI),新媒體品牌同樣也應(yīng)該具有視覺識(shí)別系統(tǒng)。

視覺識(shí)別系統(tǒng)一般分為基礎(chǔ)系統(tǒng)應(yīng)用系統(tǒng)兩大體系。

基礎(chǔ)系統(tǒng)包括品牌標(biāo)志(俗稱LOGO)、標(biāo)準(zhǔn)字、標(biāo)準(zhǔn)色彩及組合方式等;

應(yīng)用系統(tǒng)是各基本要素規(guī)范的延伸使用,包括辦公事務(wù)用品、公關(guān)事務(wù)用品、廣告、環(huán)境識(shí)別、服飾、交通工具等。在各項(xiàng)實(shí)際應(yīng)用中,除了考慮形象美觀因素外,還應(yīng)考慮到功能性及經(jīng)濟(jì)實(shí)用性。

傳統(tǒng)品牌和新媒體品牌的視覺識(shí)別系統(tǒng)中,基礎(chǔ)系統(tǒng)的差別不大,主要都是品牌標(biāo)志、標(biāo)準(zhǔn)字和標(biāo)準(zhǔn)色,其中又以品牌標(biāo)志最為重要。

琛姐所理解的統(tǒng)一,就是以品牌標(biāo)志為中心,統(tǒng)一顏色、字體、風(fēng)格等。也就是說,標(biāo)志是什么風(fēng)格、什么顏色、什么字體,其它地方也應(yīng)該保持一致,這樣,最后給用戶的感覺才會(huì)是協(xié)調(diào)、統(tǒng)一的。

所以,踐行統(tǒng)一原則的第 1 步,就是設(shè)計(jì)品牌標(biāo)志。

標(biāo)志是表明事物特征的符號(hào),是對(duì)事物、事件、抽象的精神等加以高度概括、凝練和總結(jié),以精練的形象向人們表達(dá)一定的含義,形成能夠傳情達(dá)意的圖形或文字符號(hào)。設(shè)計(jì)是方寸之間的藝術(shù),它面積雖小,卻具備豐富的內(nèi)涵,凝聚著事物的主要特征。標(biāo)志設(shè)計(jì)的基本原則是易于識(shí)別、便于記憶。

標(biāo)志可以分為具象圖形抽象圖形文字圖形?3 類。

具象圖形一般來源于生活,真實(shí)可信,易于記憶,比如人物、動(dòng)物、植物、自然風(fēng)景等,比如,京東的 LOGO 就屬于具象圖形類:

京東 LOGO 中的小狗 JOY 有著忠誠(chéng)、友好的美好寓意,與京東希望傳達(dá)的理念一致,而 JOY 的名字有帶給人喜悅歡樂的意思,寓意京東為用戶帶來快樂體驗(yàn)。

抽象圖形主要由點(diǎn)、線、面和幾何圖形構(gòu)成,相對(duì)于具象圖形來說,更加抽象,更加具體,比如,360 的品牌 LOGO 就屬于抽象圖形類:

根據(jù)該 LOGO 設(shè)計(jì)公司東道設(shè)計(jì)的解釋,360 標(biāo)志以圓為核心元素,通過飽滿立體的造型傳達(dá) 360 全面、周到、圓滿的品牌訴求。標(biāo)志上下兩部分的弧形,分別代表企業(yè)和用戶,體現(xiàn)了 360 與用戶之間相互溝通、相生相融的緊密關(guān)系; “+”直指 360 互聯(lián)網(wǎng)安全專家的身份,表現(xiàn)了 360 對(duì)為用戶構(gòu)筑安全、可靠的虛擬網(wǎng)絡(luò)生活環(huán)境的決心。

文字圖形是以文字作為表現(xiàn)的主要對(duì)象加以設(shè)計(jì),比如,新浪網(wǎng)的LOGO就屬于文字圖形類:

雖然是文字類 LOGO,但該標(biāo)志非常巧妙地將 sina 中的 i 變形成了“大眼睛”,眼神閃動(dòng)活躍,對(duì)世界充滿了好奇和渴望,象征著網(wǎng)友可以通過新浪的平臺(tái),更好地了解世界、洞察萬象。除此之外,頂著大眼睛的“i”在新的標(biāo)識(shí)中形似一個(gè)麥克風(fēng),暗喻新浪將為網(wǎng)友提供一個(gè)放大自身影響力的平臺(tái),網(wǎng)友可以通過這個(gè)平臺(tái)更好地與世界互動(dòng)。

踐行統(tǒng)一原則的第2步,就是將LOGO中的顏色、字體、圖形、風(fēng)格推廣到應(yīng)用系統(tǒng)。

不過,需要注意的是,傳統(tǒng)品牌和新媒體品牌的視覺識(shí)別系統(tǒng)中,應(yīng)用系統(tǒng)的差別比較大。

傳統(tǒng)品牌視覺識(shí)別系統(tǒng)主要應(yīng)用場(chǎng)景是線下(除了部分互聯(lián)網(wǎng)品牌,應(yīng)用場(chǎng)景既包括線上,也包括線下),比如說,物流車、購(gòu)物袋、服裝等。

而新媒體品牌視覺識(shí)別系統(tǒng)主要應(yīng)用場(chǎng)景是線上,基礎(chǔ)系統(tǒng)有 LOGO、標(biāo)準(zhǔn)字、標(biāo)準(zhǔn)色彩等,應(yīng)用系統(tǒng)主要有封面、品牌標(biāo)語、標(biāo)題、二維碼、海報(bào)、作者簡(jiǎn)介等。

比如,分享年輕人生活方式的公眾號(hào)“未來預(yù)想圖”的LOGO屬于文字圖形類,冷色調(diào),自定義字體。

然后,以此為中心,打造了一套成熟的視覺識(shí)別系統(tǒng),包括品牌標(biāo)語:

標(biāo)題:

作者簡(jiǎn)介:

二維碼:

分開看可能還不明顯,看整體效果會(huì)更清晰:


微信公眾號(hào)未來預(yù)想圖的VI

除了未來預(yù)想圖,還有一些非常成功的案例,比如,關(guān)注生活美學(xué)的公眾號(hào) Voicer,LOGO 屬于抽象圖形類,配色豐富,扁平化風(fēng)格:

以此為中心,打造的視覺識(shí)別系統(tǒng)也很好地詮釋了統(tǒng)一原則:


微信公眾號(hào) Voicer 的 VI

再比如,幽默時(shí)事類公眾號(hào)王左中右,LOGO 屬于手繪型具象圖像,暗沉的深藍(lán)色調(diào):

不過,雖然是具象人物,但人物的鼻子是按照小丑的造型設(shè)計(jì)的,這就使得LOGO人物在一定程度上脫離了現(xiàn)實(shí),具有了一定的抽象意味。以此為中心的視覺識(shí)別系統(tǒng)都是手繪型暗沉色調(diào):

微信公眾號(hào)王左中右的 VI

此外,王左中右的部分封面、標(biāo)題和插圖采用的都是抽象圖像型,具體來說就是把文字進(jìn)行抽象化變形,使之更具有寓意,這點(diǎn)與封面圖的象征式變形非常相似。

旅行類公眾號(hào) 24HOURS 的 LOGO 是由文字和抽象圖片組合而成的極簡(jiǎn)風(fēng)格:

文尾的二維碼區(qū)域內(nèi)容、顏色都過于豐富,和其它部分存在一定沖突,如果進(jìn)行簡(jiǎn)化,會(huì)更符合統(tǒng)一的設(shè)計(jì)原則。

微信公眾號(hào) 24HOURS 的 VI

小結(jié)

統(tǒng)一,就是以品牌標(biāo)志為中心,統(tǒng)一顏色、字體、風(fēng)格等。踐行統(tǒng)一原則的第 1 步,就是設(shè)計(jì)品牌標(biāo)志。踐行統(tǒng)一原則的第2步,就是將LOGO中的顏色、字體、圖形、風(fēng)格推廣到封面、品牌標(biāo)語、標(biāo)題、二維碼、海報(bào)、作者簡(jiǎn)介等應(yīng)用系統(tǒng)。


PS:琛姐是大學(xué)新媒體教師。每周三,分享一個(gè)“寫完了可以直接放進(jìn)書里”的新媒體思考。

PPS:我已委托“維權(quán)騎士”為我的文章進(jìn)行維權(quán)行動(dòng)。如需轉(zhuǎn)載,請(qǐng)聯(lián)系琛姐進(jìn)行授權(quán),抄襲必糾。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,316評(píng)論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,481評(píng)論 3 415
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,241評(píng)論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,939評(píng)論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,697評(píng)論 6 409
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,182評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,247評(píng)論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,406評(píng)論 0 288
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,933評(píng)論 1 334
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,772評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,973評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,516評(píng)論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,209評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,638評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,866評(píng)論 1 285
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,644評(píng)論 3 391
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,953評(píng)論 2 373

推薦閱讀更多精彩內(nèi)容