孫方生 諶若蘭

多維視覺設(shè)計(jì)透視全景湖北
——湖北日?qǐng)?bào)網(wǎng)視覺傳達(dá)設(shè)計(jì)宣傳的“底氣”和“地氣”

孫方生 諶若蘭

在各種藝術(shù)表現(xiàn)形式相互滲透的今天，湖北日?qǐng)?bào)網(wǎng)作為湖北地方網(wǎng)絡(luò)媒體，在視覺傳達(dá)設(shè)計(jì)上充分利用網(wǎng)絡(luò)視覺傳達(dá)設(shè)計(jì)的交互性、時(shí)效性、自由性、超文本、多媒體的綜合性等特質(zhì)，打造出很多貼心接地氣的設(shè)計(jì)，讓受眾通過多維度的視覺表現(xiàn)形式了解湖北發(fā)展的方方面面。

視覺傳達(dá)設(shè)計(jì)；網(wǎng)絡(luò)媒體；宣傳

視覺傳達(dá)設(shè)計(jì)在網(wǎng)絡(luò)上的應(yīng)用與在傳統(tǒng)媒體的應(yīng)用有很大的區(qū)別，網(wǎng)絡(luò)媒體視覺傳達(dá)設(shè)計(jì)也被稱之為“基于網(wǎng)絡(luò)環(huán)境的視覺傳達(dá)設(shè)計(jì)藝術(shù)”。隨著網(wǎng)絡(luò)和多媒體技術(shù)的飛速發(fā)展，視覺傳達(dá)藝術(shù)的設(shè)計(jì)也在不斷向前探索，為取得更大的進(jìn)步而不斷努力。

在多年的探索中，湖北日?qǐng)?bào)網(wǎng)不斷結(jié)合熱點(diǎn)宣傳需求，從剛剛開始網(wǎng)頁(yè)制作、圖片處理，到后來不斷嘗試推出新的新媒體產(chǎn)品，如圖說新聞、H5、動(dòng)詞打詞、圖片交互設(shè)計(jì)等，使得湖北日?qǐng)?bào)網(wǎng)一直走在網(wǎng)絡(luò)新聞媒體設(shè)計(jì)的前列。其設(shè)計(jì)團(tuán)隊(duì)也不斷努力探索，從多角度多方法，力求打造新穎的新媒體產(chǎn)品。

本文通過幾個(gè)簡(jiǎn)單的樣例介紹，總結(jié)湖北日?qǐng)?bào)網(wǎng)如何運(yùn)用接地氣的視覺傳達(dá)設(shè)計(jì)來反映湖北的發(fā)展特色，進(jìn)而彰顯作為主流網(wǎng)絡(luò)媒體在服務(wù)地方社會(huì)經(jīng)濟(jì)發(fā)展中的底氣和實(shí)力。

一、打造人性化產(chǎn)品，內(nèi)容貼近生活，設(shè)計(jì)打動(dòng)人心

人性化設(shè)計(jì)，是人們常說的一個(gè)關(guān)于設(shè)計(jì)的論題，即便是小到一支筆的設(shè)計(jì)結(jié)構(gòu)，而往大了說也都滲透著我們生活。而如何在視覺傳達(dá)設(shè)計(jì)上做到人性化，則應(yīng)該更多地從人類的視覺閱讀習(xí)慣入手。

《圖說新聞》現(xiàn)為湖北日?qǐng)?bào)網(wǎng)的欄目之一，一般情況下每周更新一次，在重大新聞事件或有較多新聞熱點(diǎn)的情況下會(huì)每周多次更新。圖說新聞下又分為國(guó)際新聞、國(guó)內(nèi)新聞、生活、節(jié)日等欄目，方便讀者的查找和閱讀?！秷D說新聞》的欄目設(shè)計(jì)本身就是人性化設(shè)計(jì)，將紛繁復(fù)雜的文字說明，以更直觀的表現(xiàn)形式展現(xiàn)在人們眼前，圖形化色彩化的表現(xiàn)手法更能對(duì)我們產(chǎn)生極大的吸引力。根據(jù)心理學(xué)測(cè)定的結(jié)果，進(jìn)入人類大腦的信息約有85%來自眼睛，可見視覺傳達(dá)對(duì)人類的感官有極大的沖擊力，優(yōu)化設(shè)計(jì)可以使人類更好地接收到有效的信息，閱讀會(huì)更加舒適、不易疲勞。武漢地鐵四號(hào)線剛剛開通，《圖說新聞》欄目便推出了名為《坐地鐵游江城》的圖解，從一號(hào)線、二號(hào)線和四號(hào)線周圍的武漢旅游場(chǎng)所為內(nèi)容，打造了一篇與我們生活息息相關(guān)的交通性新聞圖解。在設(shè)計(jì)上運(yùn)用的大量的地鐵元素和武漢旅游景點(diǎn)照片，通俗易懂、簡(jiǎn)單明了，設(shè)計(jì)運(yùn)用了視覺感官最舒服的灰色為底色，使人的注意力可以長(zhǎng)時(shí)間集中，令更多的視覺感官投入在內(nèi)容本身。

《圖說新聞》作為新媒體傳播方式的一種形式，不僅僅注重內(nèi)容人性化所帶來的吸引力，同時(shí)將人性化體現(xiàn)在視覺效果設(shè)計(jì)中：排版輕重緩急，具有節(jié)奏性；色彩飽和度始終適應(yīng)人們的閱讀視覺環(huán)境；文字字體、大小、顏色和諧中略帶差異，有利于主次區(qū)分。以人為本的視覺效果設(shè)計(jì)更易接地氣、聚人氣。

在專題設(shè)計(jì)上，注重人類閱讀從左至右的瀏覽習(xí)慣，將重點(diǎn)文字圖片放在左上方，更易在瀏覽中抓住重點(diǎn)。網(wǎng)頁(yè)banner的設(shè)計(jì)便是重中之重，要把專題主要的內(nèi)容放在上面，一目了然，放的圖片元素也應(yīng)當(dāng)與專題標(biāo)題一致，設(shè)計(jì)上要定準(zhǔn)色調(diào)，以一種色調(diào)為主，其對(duì)比色為輔，兩種色調(diào)相輔相成，可以給人很強(qiáng)的視覺沖擊力。標(biāo)題的設(shè)計(jì)要求在簡(jiǎn)單中添加一些小的修飾，使得設(shè)計(jì)大氣中又暗藏細(xì)節(jié)，不至于簡(jiǎn)單古板。以《喜迎黨代會(huì)荊楚新跨越》專題為例，橫幅廣告設(shè)計(jì)上運(yùn)用的湖北建筑元素、和平鴿、五角星等與主題相關(guān)的元素，色調(diào)以紅、黃為主。字體設(shè)計(jì)上，應(yīng)用同一個(gè)字體，但是設(shè)計(jì)上用大小和顏色將詞組區(qū)分，是的設(shè)計(jì)充滿變化并帶有節(jié)奏性，五角星的圖案穿插在字體中間，做到了字體形態(tài)與圖案的完美結(jié)合。最后在細(xì)節(jié)上，加入光暈，提亮設(shè)計(jì)的基調(diào)。橫幅廣告的設(shè)計(jì)便是整個(gè)專題設(shè)計(jì)的標(biāo)桿，之后的內(nèi)容設(shè)計(jì)可以延續(xù)其設(shè)計(jì)模式進(jìn)行簡(jiǎn)化。專題設(shè)計(jì)從以人為本為出發(fā)點(diǎn)，從設(shè)計(jì)上具有視覺沖擊力，從內(nèi)容上滿足人類的閱讀習(xí)慣，從不同的風(fēng)格入手，深受瀏覽者的好評(píng)。

人性化的設(shè)計(jì)也逐漸成為設(shè)計(jì)深入人心的主流，人性化的設(shè)計(jì)更容易使受眾者有舒服的感覺，更易接受視覺設(shè)計(jì)給我們帶來的信息。

二、趣味化的設(shè)計(jì)宣傳，與動(dòng)畫手工結(jié)合，接地氣獲好評(píng)

趣味化設(shè)計(jì)往往會(huì)更易吸引人們的眼球，因?yàn)槿藗兏妆痪哂腥の兜臇|西吸引，小到一個(gè)笑話、段子，大到生活的方方面面。因此，具有趣味化、生活化、接地氣的設(shè)計(jì)往往會(huì)贏得讀者的青睞。趣味化的設(shè)計(jì)從方式上、形式上吸引眼球，但有些作品在意義上卻不同凡響。趣味化的卡通形象設(shè)計(jì)也是新媒體視覺傳達(dá)設(shè)計(jì)打造產(chǎn)品的一種方式。趣味化設(shè)計(jì)可以使原本枯燥的文案、聲明、新聞變得更加活力、吸引眼球。

湖北日?qǐng)?bào)網(wǎng)在“兩會(huì)”的宣傳產(chǎn)品中也多次運(yùn)用類似的手法?！堕L(zhǎng)江精靈的奇幻漂流》便是其中一個(gè)，打造“琪琪”這個(gè)具有環(huán)保標(biāo)簽的IP，應(yīng)用有趣的橡皮泥塑造，讓“琪琪”在微信朋友圈中游走，同時(shí)配上我們想表達(dá)的相關(guān)內(nèi)容，用視頻的表現(xiàn)形式使得“琪琪”形象更加生動(dòng)有趣。這個(gè)案例的成功點(diǎn)便是打破以往的常規(guī)靜止的視覺傳播形式，以動(dòng)畫動(dòng)態(tài)的卡通表現(xiàn)手法，展現(xiàn)一個(gè)以長(zhǎng)江治水為背景的新媒體產(chǎn)品，視覺、情節(jié)、音效的多方位感官?zèng)_擊，為湖北日?qǐng)?bào)網(wǎng)的視覺傳達(dá)設(shè)計(jì)開拓了一塊新的發(fā)展領(lǐng)域。

同樣極具趣味化的H5還有《粑粑去哪兒》，標(biāo)題蹭了當(dāng)時(shí)的熱點(diǎn)綜藝節(jié)目《爸爸去哪兒》，而實(shí)際上描述的卻是糞便如何處理的發(fā)展史，用接地氣的選題、不一樣的視角來向我們講述湖北的糞便處理的發(fā)展史。題目就十分有意思，設(shè)計(jì)上采用動(dòng)漫的表達(dá)方式，添加生動(dòng)有趣的語(yǔ)言描述，節(jié)奏感輕快喜感的音樂，在與手機(jī)頁(yè)面的互動(dòng)中，一邊欣賞一邊又可以從不同的角度了解我們所生活的城市。這個(gè)H5不僅僅在選題上具有趣味化，在設(shè)計(jì)上也多運(yùn)用了可愛有趣的效果圖片，動(dòng)效上也盡量采用動(dòng)感活潑的形式，使得整個(gè)設(shè)計(jì)更易突出主題，將趣味最大化地展現(xiàn)。

趣味化的設(shè)計(jì)不僅僅可以增添生活樂趣，也可以給別人帶來熱點(diǎn)與話題，也成為打造很多藝術(shù)作品的表現(xiàn)手法。在視覺設(shè)計(jì)上，設(shè)計(jì)師可以在設(shè)計(jì)上用多重的表現(xiàn)形式，用趣味的表現(xiàn)形式吸引觀眾，內(nèi)容本質(zhì)可以做到更有深意，可以使整個(gè)設(shè)計(jì)的層次上一個(gè)臺(tái)階。

三、高參與性的設(shè)計(jì)產(chǎn)品，交互感、趣味感強(qiáng)的同時(shí)達(dá)到有效地宣傳效果

網(wǎng)絡(luò)媒體和傳統(tǒng)媒體設(shè)計(jì)最大的區(qū)別就是網(wǎng)絡(luò)媒體具有互動(dòng)性，網(wǎng)絡(luò)媒體可以通過交互設(shè)計(jì)建立與人的聯(lián)系，達(dá)到一個(gè)具有互動(dòng)感的使用效果。所謂交互設(shè)計(jì)指的是傳播者與接受者雙方具有控制能力，可以實(shí)時(shí)參與和修改媒介環(huán)境的形式與內(nèi)容，以滿足彼此不同的傳播需求。傳播者和接受者之間可以形成信息互換。

在網(wǎng)絡(luò)環(huán)境下，人們不再被動(dòng)地接收信息，而是可以主動(dòng)選擇自己想接收的信息，同時(shí)也可以參與產(chǎn)品的交互當(dāng)中，與產(chǎn)品形成良好的互動(dòng)。

《小諸葛帶你搶紅包》的H5便實(shí)現(xiàn)了很多很有意思的交互效果，主人公小諸葛回老家襄陽(yáng)過年，吃牛肉面、喝酒、貼福字、打麻將、扯胡須、拍全家福等一系列的游戲交互效果，使人們仿佛身臨其境，不僅僅參與H5之中，同時(shí)通過H5了解了當(dāng)?shù)氐南尻?yáng)文化。設(shè)計(jì)色調(diào)清晰、結(jié)構(gòu)簡(jiǎn)明活潑，最后的搶紅包效果更是引起了不少人的關(guān)注。整個(gè)設(shè)計(jì)的亮點(diǎn)除了交互效果還有音效，在每一個(gè)效果過后都有令人忍不住發(fā)笑的有趣音效，如吃牛肉面的聲音、打麻將糊了的音樂效果都極為有趣，也成為H5的亮點(diǎn)之一。最后添加的搶紅包的環(huán)節(jié)，使得整個(gè)設(shè)計(jì)更加具有參與積極性，讓人們?cè)谕渡碛螒虻倪^程中，襄陽(yáng)文化得到了一定程度的宣傳。

《大大來巡堤》也是極具交互效果的H5之一，在H5的第二頁(yè)便是交互性效果的小游戲，將不同的巡堤的工具放進(jìn)包里面開啟接下來的頁(yè)面，分別從“眼到”“腳到”“耳到”“手到”等方面來闡述巡堤的注意事項(xiàng)，配上新穎的音樂效果，讓人不僅僅在視覺也在聽覺上有極強(qiáng)的沖擊力。這個(gè)H5讓觀眾有很好的參與性，在參與游戲和一起欣賞音樂的同時(shí)，又能科普關(guān)于抗洪救災(zāi)的知識(shí)。是一個(gè)非常不錯(cuò)的案例。

四、多感官新媒體產(chǎn)品設(shè)計(jì)，多方位打造感官?zèng)_擊

人類是多感官動(dòng)物，具有視覺、聽覺、嗅覺等感官屬性，我們?cè)谧鲂旅襟w視覺設(shè)計(jì)的時(shí)候除了可以盡量滿足人們的視覺要求的同時(shí)，也可以盡力滿足其他的需求，如聽覺。所以很多網(wǎng)頁(yè)和產(chǎn)品設(shè)計(jì)上都運(yùn)用了有效的配樂配音，使人在視覺感知沖擊的同時(shí)，也滿足聽覺的需求，最高效地給人強(qiáng)烈的代入感。

網(wǎng)絡(luò)媒體同時(shí)也具有多媒體的綜合特性，我們從交互和視覺、聽覺入手制作《武漢版三生三世十里桃花上映了，約么？》的新媒體產(chǎn)品。該產(chǎn)品蹭了當(dāng)下的電視劇《三生三世十里桃花》的熱度，從武漢賞花的角度來解讀，分別介紹了桃花、櫻花、郁金香等不同種類的花在武漢的賞花地點(diǎn)，并配上了詩(shī)歌朗讀，從聽覺效果來觸動(dòng)欣賞者，打造多方位的感官?zèng)_擊。將電視劇與設(shè)計(jì)結(jié)合，內(nèi)容與生活緊密聯(lián)系，讓產(chǎn)品更貼近我們的生活，更接地氣。

網(wǎng)頁(yè)設(shè)計(jì)《武當(dāng)五行拳》便是一個(gè)很好地結(jié)合視覺、聽覺、交互感的案例，這個(gè)設(shè)計(jì)貼合文案主題，以打拳為主要的視覺效果，讓人物游走在竹林之間，給人一種古樸傳統(tǒng)動(dòng)感的視覺效果，竹葉飄動(dòng)在頁(yè)面之間，仿佛是懸在頁(yè)面之上，給人一種強(qiáng)烈的視覺差的效果感受，沖擊力極強(qiáng)。交互上，采用鼠標(biāo)滾軸滑動(dòng)滾動(dòng)頁(yè)面的交互模式，讓人在輕松滾動(dòng)輪軸的時(shí)候頁(yè)面也隨之滾動(dòng)。在聽覺上，配上悠揚(yáng)的古典音樂，與整個(gè)視覺效果融合一體，給人極強(qiáng)的身臨其境的全方位體驗(yàn)。另一個(gè)《武當(dāng)五行拳》H5的設(shè)計(jì)，則應(yīng)用了重力感應(yīng)的交互設(shè)計(jì)，新穎、體驗(yàn)感強(qiáng)、也深受觀眾的好評(píng)。

五、結(jié)語(yǔ)

當(dāng)前，網(wǎng)絡(luò)和多媒體技術(shù)飛速發(fā)展，成為新生產(chǎn)力的代表，深刻影響著人們的生活，也引領(lǐng)著多門學(xué)科的深刻變化，視覺傳達(dá)便是其中一類。新設(shè)計(jì)、新觀念、新技術(shù)的涌現(xiàn)，未來的設(shè)計(jì)也在不斷進(jìn)步之中。在這個(gè)大環(huán)境之中，湖北日?qǐng)?bào)網(wǎng)也在不斷探索新的表現(xiàn)模式，從視覺設(shè)計(jì)的人性化、趣味化、參與化、多感官化的性質(zhì)入手，以多維的視覺表達(dá)方式，不斷打造出多個(gè)具有湖北特色的新媒體產(chǎn)品，全景展現(xiàn)湖北構(gòu)建中部崛起重要戰(zhàn)略支點(diǎn)的發(fā)展氣象。

[作 者]孫方生、諶若蘭，湖北日?qǐng)?bào)網(wǎng)。