視覺(jué)形象改造是'面子工程'還是'產(chǎn)品驅(qū)動(dòng)'
執(zhí)牛耳網(wǎng)編輯Aira 發(fā)表于 2017-05-16 16:33
閱讀數(shù): 13426
近來(lái),不少應(yīng)用都對(duì)自己的“臉面”動(dòng)起了手腳——將Logo重新設(shè)計(jì)或調(diào)整,作為視覺(jué)形象改造邁出的第一步。
很多人可能對(duì)臉面工程并不在意,甚至嗤之以鼻,“改個(gè)Logo就能轉(zhuǎn)型成功了?”別說(shuō),還真能?!案念^換面”其實(shí)是對(duì)市場(chǎng)變化的敏銳察覺(jué),或追求年輕化,或變得更設(shè)計(jì)感,這是產(chǎn)品革新內(nèi)驅(qū)力的外顯?! ?/p>
在傳媒領(lǐng)域,我們看到越來(lái)越多的移動(dòng)閱讀產(chǎn)品、社交產(chǎn)品也在悄悄進(jìn)行形象升級(jí)。今天,全媒派(qq_qmp)就來(lái)探究小Logo背后的大文章。
赫芬頓郵報(bào)改版 視覺(jué)形象重塑顯示改革決心
作為互聯(lián)網(wǎng)媒體的第一個(gè)探索者,赫芬頓郵報(bào)曾憑借其力推的公民新聞、博客評(píng)論體、UGC等新事物在本世紀(jì)初的第一個(gè)十年里迎來(lái)它的黃金時(shí)代,然而,當(dāng)Buzzfeed等后起之秀崛起,赫芬頓郵報(bào)網(wǎng)站流量大幅驟減,其年輕讀者正在以驚人的速度流失。
于是,我們便看到,亟待轉(zhuǎn)型的赫芬頓郵報(bào)在其形象整形上大刀闊斧地開(kāi)工了?! ?/p>
首先,一起來(lái)看看赫芬頓郵報(bào)此次改版,在視覺(jué)形象上都動(dòng)了哪些手術(shù):
將曾經(jīng)的官方名稱(chēng)“Huffington Post”替換為由讀者所取的更短、更時(shí)髦也更緊湊的昵稱(chēng)“HuffPost”;
將有襯線細(xì)體字logo重新設(shè)計(jì)為顏色更淺的薄荷綠無(wú)襯線粗體字logo;
將原本的大寫(xiě)字母H兩條豎線之間的橫杠變成向右傾斜的斜杠,以象征公司的不斷前進(jìn),并致敬第一份“互聯(lián)網(wǎng)報(bào)紙”的身份;
將原本的靜態(tài)logo改為可以插入HuffPost字樣的動(dòng)態(tài)圖標(biāo)以及可以與視頻內(nèi)容相切換的標(biāo)識(shí);
對(duì)于赫芬頓郵報(bào)12年來(lái)的首次視覺(jué)形象大手術(shù),Brand Union的CEO Sam Becker這樣評(píng)論道:“傾斜的無(wú)襯線樣式和粗硬的幾何形狀看上去就像是把這個(gè)品牌推向了小報(bào)的領(lǐng)域,但是對(duì)于赫芬頓郵報(bào)而言,它有足夠的影響力和歷史來(lái)重新定義這些外形變化的內(nèi)在涵義?!贝送?,Becker還認(rèn)為,從logo的設(shè)計(jì)中,很明顯能看出赫芬頓郵報(bào)想要打造數(shù)字化品牌的野心,“新的名稱(chēng)和新的視覺(jué)形象,是赫芬頓郵報(bào)為公司的下一階段發(fā)展鋪路的工具。”
不只是赫芬頓郵報(bào),對(duì)于許多媒體而言,視覺(jué)形象的重塑常常都是其改革的第一步。在國(guó)外數(shù)字媒體和轉(zhuǎn)型媒體的視覺(jué)設(shè)計(jì)之中,都有哪些值得我們注意和借鑒的新趨勢(shì)?
這一波視覺(jué)革新釋放什么信號(hào)? 圖案+配色+頁(yè)面布局,越來(lái)越“輕”
去年開(kāi)始,Instagram啟用新logo的消息被炒得沸沸揚(yáng)揚(yáng)。它以扁平化設(shè)計(jì)且顏色明亮鮮艷的圖標(biāo),取代了之前的棕色寶麗來(lái)相機(jī)圖標(biāo)。同時(shí),其家族旗下的其他應(yīng)用也換上了統(tǒng)一風(fēng)格的logo,其中包括Hyperlapse、Boomerang 和 Layout。
Logo:扁平化/漸變色/非襯線字體/動(dòng)態(tài)化
由于跟微軟、蘋(píng)果、谷歌等APP的扁平化logo相似,有不少人都抱怨道,Instagram的新logo失去了原有的復(fù)古感。
除了新logo的扁平化特點(diǎn),絢麗漸變的“彩虹色”也引起了不小的爭(zhēng)議,對(duì)此,Instagram公司設(shè)計(jì)負(fù)責(zé)人Ian Spalter表示,此次以彩虹為主題的圖標(biāo)正代表著Instagram的多元化以及各種生活的色彩。
看到Instagram的絢麗彩虹色,讓人聯(lián)想到英國(guó)收視率最高的數(shù)字電視Freeview的新logo——
這配色,是不是有異曲同工之妙?
實(shí)際上,早在2015年,內(nèi)容平臺(tái)Medium就曾推出彩色漸變的新logo。在創(chuàng)立伊始,Medium的logo是一個(gè)又大又方、白底黑字、Stag 字體的大寫(xiě)字母“M”。雖簡(jiǎn)潔有力,卻顯得過(guò)于平淡沉悶,缺乏特點(diǎn)。在嘗試了各種“M”造型之后,Medium重磅推出充滿設(shè)計(jì)感的漸變色新logo?! ?/p>
作為一個(gè)點(diǎn)睛之筆,他們圓潤(rùn)了“M”字母中的各個(gè)尖銳拐角,以確保用戶(hù)在視覺(jué)上不會(huì)產(chǎn)生不適感。此外,這個(gè)新Logo還應(yīng)用了很多設(shè)計(jì)哲學(xué),比如是否應(yīng)該有透視、等距,或者中間是否要有投影等。Medium最終創(chuàng)造了一個(gè)覆蓋非常多不同尺寸和角度的范圍,以確保這個(gè)“M”能夠呈現(xiàn)出最穩(wěn)定又最賞心悅目的視角效果?! ?/p>
除了漸變色、扁平化的趨勢(shì),縱觀媒體公司的logo更迭,把襯線字體改為非襯線字體,簡(jiǎn)潔化logo中的單詞和圖形,logo是動(dòng)態(tài)化,跨平臺(tái)、跨屏幕被認(rèn)真考慮也是幾個(gè)重要的趨勢(shì)。除了已經(jīng)提到赫芬頓郵報(bào),Google的新logo同樣是一個(gè)極好的例子。
相較于舊版本,采用非襯線字體的新logo俏皮、活潑,4個(gè)動(dòng)態(tài)圓點(diǎn)可以表示語(yǔ)音輸入中“正在傾聽(tīng)”的狀態(tài)或是搜索加載的過(guò)程,簡(jiǎn)單的大寫(xiě)字母G可以靈活地用在小屏幕上……這些改變都很容易被用戶(hù)接受。因此,在Google推出新logo之時(shí),其遭遇的口水聲遠(yuǎn)不及Instagram半分。
頁(yè)面布局:卡片式引領(lǐng)潮流
隨著信息碎片化問(wèn)題的加劇,2014年,新媒體集團(tuán)Vox曾推出一種新的頁(yè)面布局形式,即卡片堆(card stacks)。這種新型布局為用戶(hù)構(gòu)建起了一個(gè)完整的閱讀鏈條,通過(guò)建立標(biāo)題精煉、易于瀏覽的索引式卡片堆,讀者能夠更快速、更方便地了解整個(gè)新聞事件
一時(shí)間,卡片式的頁(yè)面布局方式風(fēng)靡了整個(gè)媒體界,半島電視臺(tái)旗下的數(shù)字新聞應(yīng)用 AJ+在推出的第一時(shí)間便使用了這一全新的頁(yè)面布局方案。App界面以不同的資訊卡片形式為主顯示各類(lèi)內(nèi)容,視訊卡片提供視頻新聞,圖像卡片采用圖形信息發(fā)布新聞。此外,還有對(duì)話與辯論形式的卡片,方便網(wǎng)友發(fā)表評(píng)論討論新聞價(jià)值。通過(guò)卡片堆棧的頁(yè)面形式,AJ+意圖吸引更多的年輕用戶(hù),并為其提供一種深入挖掘主題信息的體驗(yàn)?! ?/p>
看到這一新型頁(yè)面布局的發(fā)展?jié)摿?,許多傳統(tǒng)媒體在重新設(shè)計(jì)網(wǎng)站頁(yè)面布局時(shí)也對(duì)卡片式方案進(jìn)行了嘗試。2015年,《連線》(Wired)雜志宣布對(duì)雜志網(wǎng)站進(jìn)行全新改版。改版后的網(wǎng)站,瀏覽量與顏值齊飛。而網(wǎng)站上的內(nèi)容正是以卡片式形式呈現(xiàn),板塊被大刀闊斧的精簡(jiǎn),分為了Business, Culture, , Design, Gear, Science, Security,Transportation六部分,看上去清楚大方,一目了然?! ?/p>
界面配色:極簡(jiǎn)or炫彩,滿足不同審美
自扁平化設(shè)計(jì)興起之后,媒體頁(yè)面極簡(jiǎn)化愈發(fā)得到推崇。在配色上,黑白極簡(jiǎn)風(fēng)便大為盛行。
在Instagram去年的改版中,除去logo的變化,其內(nèi)部界面也發(fā)生了重大改變:UI元素變成了簡(jiǎn)單的黑、白、灰三色,去除了藍(lán)色,使得視頻和照片更加顯眼。比起此前霸屏的色塊,這樣的黑白配色讓整體觀感也變得更為清新?! ?/p>
這樣的黑白極簡(jiǎn)風(fēng)迅速占領(lǐng)了界面配色的風(fēng)口,眾多網(wǎng)站/APP都采用了這種單色調(diào)的設(shè)計(jì)風(fēng)格,以突顯頁(yè)面中的具體內(nèi)容?! ?/p>
不過(guò),好的配色絕不止有黑白極簡(jiǎn)這一種。作為一家科技新媒體網(wǎng)站,The Verge在成立不到兩年后一舉拿下了五項(xiàng)被譽(yù)為“互聯(lián)網(wǎng)奧斯卡”的威比獎(jiǎng),它之所以能如此成功,就離不開(kāi)其出“色”的網(wǎng)站設(shè)計(jì)。The Verge網(wǎng)站首頁(yè)平均分配4至8篇頭條新聞,不同的新聞通過(guò)不同的色塊進(jìn)行區(qū)分。
文字元素:突出字體和色彩的功能性
在上文提到的The Verge網(wǎng)站中,其對(duì)字體功能性的運(yùn)用也很值得稱(chēng)道。比如網(wǎng)站的新聞標(biāo)題會(huì)采用單獨(dú)設(shè)計(jì)的字體,增加辨識(shí)度的同時(shí)也能夠突出文章內(nèi)容。
The Verge網(wǎng)站的創(chuàng)始人Joshua Topolsky離開(kāi)The Verge之后,進(jìn)入了彭博社,而他的下一個(gè)作品,Bloomberg Business網(wǎng)站,同樣非常注重文字元素的功能性特點(diǎn)。
不過(guò),這一次,除了字體的變化,Topolsky還在文字色彩上進(jìn)行了大膽的嘗試。你看,這耀眼的藍(lán)色和粉色文章標(biāo)題,確實(shí)能夠很好地與文章內(nèi)容形成區(qū)隔,不過(guò)爭(zhēng)議也不少,大膽之舉招來(lái)不少吐槽之聲。
然而,面對(duì)社交媒體上暴風(fēng)般的吐槽,Topolsky表示,“有些人看到新網(wǎng)站瞬間嚇壞了,不過(guò)我認(rèn)為,最好的新聞和最好的設(shè)計(jì),在你第一眼看見(jiàn)它的時(shí)候都會(huì)覺(jué)得有一點(diǎn)兒不舒服?!?/p>
當(dāng)然,堅(jiān)持繽紛的文字元素的媒體不止Bloomberg Business一個(gè)。由雅虎發(fā)布的基于Summly的新聞APP Yahoo News Digest,其對(duì)于文字色彩的設(shè)置同樣追求功能性。例如,每條新聞之上會(huì)用不同顏色的文字來(lái)區(qū)分該新聞具體屬于哪一個(gè)特定領(lǐng)域,在每條新聞中,采訪對(duì)象的直接引語(yǔ)則用彩色字體進(jìn)行突顯。正是這些別具心意的設(shè)計(jì),使其一舉獲得2014年蘋(píng)果設(shè)計(jì)獎(jiǎng)?! ?/p>
圖像+影音:一直在嘗試可視化
實(shí)際上,追求信息的可視化對(duì)于歐美媒體而言,并不是這幾年才追起來(lái)的風(fēng)。由于人類(lèi)大腦處理文字只能按照線性順序,速度較慢,許多國(guó)外媒體一直將視覺(jué)化傳播手段視為提升影響力甚至于開(kāi)辟市場(chǎng)的利器。
HuffPost啟動(dòng)圖像講述并展示當(dāng)天最重要的新聞;
《洛杉磯時(shí)報(bào)》引入“視覺(jué)瀏覽”模式,讓讀者可以通過(guò)滾動(dòng)圖片瀏覽新聞;
Yahoo News Digest的每篇新聞都由圖片+標(biāo)題+新聞?wù)獦?gòu)成,用最直接的方式告訴讀者今天發(fā)生了一件什么事情;
《衛(wèi)報(bào)》設(shè)計(jì)出“收納箱”模式,將文字、圖片、視頻、表格和數(shù)據(jù)都集中在一起,形成一個(gè)個(gè)像“收納箱”一樣的信息模塊;
《時(shí)代》雜志改版后“影音”成重頭戲,網(wǎng)頁(yè)左側(cè)欄滾動(dòng)播放最新資訊,中間部分設(shè)置要聞,而右邊則增加了視頻和專(zhuān)欄;
Yahoo News Digest頁(yè)面
這些媒體公司的信息可視化手段各不相同,但實(shí)際上都離不開(kāi)對(duì)于影/像/音的精準(zhǔn)把控——在這個(gè)時(shí)代,以文字為主的傳統(tǒng)傳播思路早已過(guò)時(shí)了。
視覺(jué)形象改造這股風(fēng)如何刮起來(lái)?以用戶(hù)為轉(zhuǎn)移+跨屏體驗(yàn)融合
在媒體生態(tài)急劇變動(dòng)的當(dāng)下,出生于1980至2000年間的“千禧一代”成為最受傳媒行業(yè)青睞的“利基市場(chǎng)”。這些聽(tīng)膩了傳統(tǒng)媒體陳詞濫調(diào)的年輕人,是新聞媒體想要站穩(wěn)腳跟必須得攻下的高地。
新形象能吸引千禧一代嗎?
作為號(hào)稱(chēng)“全球青年文化之聲”的全媒體公司,Vice Media在搶占年輕人市場(chǎng)上很有發(fā)言權(quán)。打開(kāi)Vice中國(guó)的網(wǎng)站, 黑白灰的版面顏色,“一些想法”“你是吃貨行了吧”“他們沒(méi)法不獨(dú)行”“NOISEY”“這是歷史”這些符合年輕人表述方式的標(biāo)簽,都能夠第一時(shí)間戳中年輕人的G點(diǎn)。
當(dāng)媒體們蜂擁而來(lái)接連入局年輕人市場(chǎng),也有不少摔了跟頭。2015年,《紐約時(shí)報(bào)》發(fā)布了題為《我們一路前行》(Our Path Forward)的內(nèi)部報(bào)告,試圖推出數(shù)字媒體品牌來(lái)贏得市場(chǎng),卻不料這一舉措竟被網(wǎng)友們?cè)u(píng)價(jià)為像看到了“夜店里的爺爺”??磥?lái),想要真正攻占“千禧一代”的心,像《紐約時(shí)報(bào)》這類(lèi)老牌媒體可得跟Vice與Buzzfeed等新媒體多取取經(jīng)了。
移動(dòng)端閱讀與跨終端融合
隨著手機(jī)和平板電腦的普及,“移動(dòng)為先”以及統(tǒng)一不同平臺(tái)閱讀體驗(yàn)的原逐漸成為新聞媒體視覺(jué)設(shè)計(jì)中的重要法則。
《連線》網(wǎng)站參考了其印刷版的排版方式?!坝∷骐s志給人‘高端’的感覺(jué),我們認(rèn)為網(wǎng)站也應(yīng)該達(dá)到這種效果,” 主編Scott Dadich如是說(shuō),“設(shè)計(jì)完全從手機(jī)屏出發(fā),再依次兼容桌面、平板?!痹凇哆B線》的各個(gè)平臺(tái)上,色調(diào)、字體、版式和各種新功能的設(shè)置都大同小異。
而宣稱(chēng)要實(shí)現(xiàn)手機(jī)、平板、PC端跨設(shè)備無(wú)縫對(duì)接呈現(xiàn)的《洛杉磯時(shí)報(bào)》,其新版網(wǎng)站的網(wǎng)頁(yè)設(shè)計(jì)則與iPad等平板設(shè)備的寬大方框外觀相呼應(yīng),打破了傳統(tǒng)博客網(wǎng)頁(yè)的束縛。由此,我們仿佛看到,若干年前許多報(bào)紙放棄老一套的版面設(shè)計(jì),按照電視觀眾的口味重新設(shè)計(jì)自身版面的歷史,似乎又一次上演了。
探討外媒視覺(jué)設(shè)計(jì)新變化背后的深層動(dòng)因,除了是要吸引千禧一代的年輕讀者,以及要追求移動(dòng)端閱讀和跨平臺(tái)呈現(xiàn)的最優(yōu)化,還離不開(kāi)其在互聯(lián)網(wǎng)時(shí)代追求商業(yè)變現(xiàn)和內(nèi)容融合進(jìn)化的目的。在這些動(dòng)力的共同作用之下,一場(chǎng)浩浩蕩蕩的媒體視覺(jué)設(shè)計(jì)改革正在全面展開(kāi)。
本網(wǎng)編輯。所轉(zhuǎn)載稿件僅代表作者觀點(diǎn),不代表執(zhí)牛耳立場(chǎng),最終解釋權(quán)歸原作者所有。
文章:1478
0條評(píng)論