多維視覺設計透視全景湖北
——湖北日報網視覺傳達設計宣傳的“底氣”和“地氣”

孫方生 諶若蘭

多維視覺設計透視全景湖北
——湖北日報網視覺傳達設計宣傳的“底氣”和“地氣”

孫方生 諶若蘭

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

視覺傳達設計；網絡媒體；宣傳

視覺傳達設計在網絡上的應用與在傳統媒體的應用有很大的區別，網絡媒體視覺傳達設計也被稱之為“基于網絡環境的視覺傳達設計藝術”。隨著網絡和多媒體技術的飛速發展，視覺傳達藝術的設計也在不斷向前探索，為取得更大的進步而不斷努力。

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

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

一、打造人性化產品，內容貼近生活，設計打動人心

人性化設計，是人們常說的一個關于設計的論題，即便是小到一支筆的設計結構，而往大了說也都滲透著我們生活。而如何在視覺傳達設計上做到人性化，則應該更多地從人類的視覺閱讀習慣入手。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、多感官新媒體產品設計，多方位打造感官沖擊

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

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

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

五、結語

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

[作 者]孫方生、諶若蘭，湖北日報網。