孫方生 諶若蘭

多維視覺設(shè)計透視全景湖北
——湖北日報網(wǎng)視覺傳達設(shè)計宣傳的“底氣”和“地氣”

孫方生 諶若蘭

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、多感官新媒體產(chǎn)品設(shè)計，多方位打造感官沖擊

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

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

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

五、結(jié)語

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

[作 者]孫方生、諶若蘭，湖北日報網(wǎng)。