俸玉婷

（百色學(xué)院，廣西 百色 533000）

互聯(lián)網(wǎng)媒體中信息圖形化設(shè)計(jì)的應(yīng)用研究

俸玉婷

（百色學(xué)院，廣西 百色 533000）

信息圖形化設(shè)計(jì)是一種通過視覺傳達(dá)設(shè)計(jì)的方式方法，把數(shù)據(jù)、文字、圖片等轉(zhuǎn)變?yōu)楦先藗儗徝佬枨蠛烷喿x習(xí)慣、更利于傳播的視覺形式的重要手段。本文通過對(duì)信息圖形化設(shè)計(jì)在互聯(lián)網(wǎng)媒體傳播過程中的特征進(jìn)行分析研究，探索信息視覺轉(zhuǎn)化的呈現(xiàn)方式——文字圖形化、數(shù)據(jù)圖形化、結(jié)構(gòu)圖形化、對(duì)比色彩化。

信息圖形化；互聯(lián)網(wǎng)；應(yīng)用研究

在數(shù)字媒體技術(shù)和移動(dòng)互聯(lián)網(wǎng)技術(shù)飛速發(fā)展的時(shí)代，信息文字、圖形圖形被源源不斷地制造、瀏覽、傳播，單獨(dú)的文字或是單個(gè)的圖形似乎已經(jīng)不能滿足人們海量信息傳播的需求，信息長(zhǎng)圖因其圖文并茂、信息容量大、便于制作及轉(zhuǎn)發(fā)、易為讀者接受信息等鮮明的優(yōu)點(diǎn)，成為網(wǎng)絡(luò)媒體新的傳播方式。國(guó)內(nèi)各大媒體網(wǎng)站紛紛開設(shè)信息圖專欄，如人民網(wǎng)“圖個(gè)直觀，解的明白”的《圖解新聞》、搜狐“以圖解世事，以數(shù)化萬物”的《數(shù)字之道》、騰訊“新聞?wù)f明書”的《新聞百科》等，信息圖形成為信息傳播的主要載體。常用的信息圖形有圖解、插圖、統(tǒng)計(jì)圖、表格、地圖等。

一、信息圖形化設(shè)計(jì)在互聯(lián)網(wǎng)媒體傳播的特征分析

（一）交互性

交互設(shè)計(jì)可以在同一個(gè)界面中表現(xiàn)不同層次的信息，使讀者可以根據(jù)自己的興趣探索信息內(nèi)容，視覺設(shè)計(jì)師拋磚引玉，以一點(diǎn)信息吸引讀者，引導(dǎo)讀者深入，獲取更多信息。人民網(wǎng)在關(guān)于國(guó)家出席俄羅斯紀(jì)念衛(wèi)國(guó)戰(zhàn)爭(zhēng)勝利70周年慶典并訪問俄羅斯、哈薩克斯坦、白俄羅斯的專題系列報(bào)道中采用了交互設(shè)計(jì)，專題首頁以地圖和時(shí)間軸為主要元素，箭頭圖形動(dòng)態(tài)依次指示出行程，中國(guó)——哈薩克斯坦——俄羅斯——白俄羅斯，時(shí)間軸上標(biāo)注時(shí)間點(diǎn)和新聞事件報(bào)道標(biāo)題，讀者根據(jù)自己的興趣，點(diǎn)擊時(shí)間軸上的事件標(biāo)題，即可彈出該事件的具體報(bào)道窗口。相比傳統(tǒng)的表現(xiàn)形式，交互設(shè)計(jì)的使用不僅很好地避免了信息素材滿篇滿額的堆積，而且簡(jiǎn)化了畫面，給讀者帶了更好的閱讀體驗(yàn)，提高了讀者的參與度，使閱讀變得更有趣。

（二）互動(dòng)性與主動(dòng)性

過去，傳統(tǒng)大眾媒體單向傳播，用戶被動(dòng)地接收信息；現(xiàn)在，互聯(lián)網(wǎng)新媒體時(shí)代，信息接收的主動(dòng)權(quán)逐漸向用戶方向轉(zhuǎn)移，用戶甚至可以參與到信息的呈現(xiàn)過程。2015年長(zhǎng)江客船“東方之星”翻沉事件震驚全國(guó)，新浪新聞在該事件的報(bào)道中采用了信息圖的形式，根據(jù)輪船出發(fā)地和目的地之間河流的大致流向，去掉不必要的山川、河流、村莊、街道等信息，以出發(fā)地、事發(fā)地、目的地為重要節(jié)點(diǎn)繪制出航行圖，該圖結(jié)合交互設(shè)計(jì)，鼠標(biāo)點(diǎn)擊不同的地點(diǎn)，信息圖右側(cè)出現(xiàn)相應(yīng)的文字報(bào)道。在2016貴陽國(guó)際大數(shù)據(jù)產(chǎn)業(yè)博覽會(huì)上，騰訊董事長(zhǎng)馬化騰稱微信朋友圈和QQ空間用戶每天上傳圖片數(shù)量高達(dá)10億張。細(xì)觀朋友圈照片，筆者發(fā)現(xiàn)，越來越多的年輕人喜歡用各類修圖APP把照片進(jìn)行加工處理后再發(fā)至朋友圈，修圖不僅是添加濾鏡、磨皮等基本操作，還有貼圖、文字、拼圖、海報(bào)樣式、時(shí)尚雜志封面樣式等，圖片內(nèi)容變得更加豐富有趣。

（三）動(dòng)靜結(jié)合

相較于動(dòng)態(tài)信息圖，靜態(tài)信息圖的制作較為容易，方便上傳和下載，適合媒體、社交網(wǎng)絡(luò)等發(fā)布。然而，隨著時(shí)代的發(fā)展，很多情況下靜態(tài)圖并不能滿足用戶傳播和受眾閱讀的需求。動(dòng)態(tài)logo、GIF動(dòng)態(tài)圖、小動(dòng)畫等被廣泛應(yīng)用，動(dòng)靜相結(jié)合的信息傳達(dá)方式更有利于呈現(xiàn)一個(gè)完整的故事或者主題，如在數(shù)據(jù)統(tǒng)計(jì)圖形中，表示數(shù)據(jù)隨著時(shí)間的推移成上升或下降趨勢(shì)，可以結(jié)合運(yùn)動(dòng)的箭頭小動(dòng)畫來幫助數(shù)據(jù)的呈現(xiàn)。

二、信息圖形轉(zhuǎn)化的表現(xiàn)方式研究

（一）文字圖形化

當(dāng)文字不能滿足人們的訴求時(shí)，人們往往借助于圖形圖像來豐富信息的表達(dá)。一般來說，人腦天生喜愛簡(jiǎn)化的圖形，圖形圖像能以直觀、易懂的認(rèn)知感受，促進(jìn)人與物之間的交流，使之變得簡(jiǎn)潔高效。所謂文字圖形化，就是用圖形元素來表達(dá)關(guān)鍵性的文字，各類視覺導(dǎo)向系統(tǒng)設(shè)計(jì)就充分利用了圖標(biāo)識(shí)別來引導(dǎo)大眾如何操作，如表達(dá)男、女時(shí)，借用男女形象圖標(biāo)來呈現(xiàn)，既能強(qiáng)化文字信息的視覺表達(dá)功能，提高信息的視覺注意力，又益于視覺平衡。

（二）數(shù)據(jù)圖形化

我們生活在大數(shù)據(jù)時(shí)代，很多信息都會(huì)涉及數(shù)據(jù)，當(dāng)人們想要從大段文字中找到所需要的數(shù)據(jù)信息時(shí)，需要對(duì)文字進(jìn)行自上而下的搜索，繁多的數(shù)據(jù)導(dǎo)致讀者不能快速地把有效元素聯(lián)系起來，讓人感到沉悶，降低閱讀興趣，因此，數(shù)據(jù)的有效呈現(xiàn)是信息圖形化設(shè)計(jì)中非常重要的部分。數(shù)據(jù)圖形化，就是利用表格、圖表等各類數(shù)學(xué)統(tǒng)計(jì)圖的形式，呈現(xiàn)出數(shù)據(jù)之間的變化、對(duì)比關(guān)系等，從而幫助讀者解讀數(shù)據(jù)中蘊(yùn)含的潛在關(guān)系。目前，常見的表格通常是將數(shù)據(jù)簡(jiǎn)單羅列，缺乏設(shè)計(jì)感。所以，在進(jìn)行信息圖形設(shè)計(jì)對(duì)數(shù)據(jù)進(jìn)行呈現(xiàn)的時(shí)候，我們需要仔細(xì)把握內(nèi)容，認(rèn)真分析數(shù)據(jù)之間的關(guān)系，結(jié)合色彩對(duì)比、文字大小對(duì)比等，突出數(shù)據(jù)重點(diǎn)與變化，結(jié)合圖標(biāo)、插圖等其他視覺表現(xiàn)形式，使數(shù)據(jù)圖形直觀、易讀、利于分析，帶給讀者美的體驗(yàn)，增加閱讀趣味性。例如，設(shè)計(jì)某品牌礦泉水的銷售柱狀圖時(shí)，可以用礦泉水瓶身形狀代替常規(guī)的柱形，這樣更有助于讀者對(duì)信息內(nèi)容的把握和理解。

（三）結(jié)構(gòu)圖形化

人們?cè)陂喿x的時(shí)候，往往有一種自然的視覺流動(dòng)習(xí)慣，結(jié)構(gòu)圖形化正是借助人類這個(gè)閱讀習(xí)慣對(duì)信息結(jié)構(gòu)進(jìn)行合理編排，引導(dǎo)讀者閱讀。例如，在閱讀時(shí)，人的視覺習(xí)慣從左到右、自上而下的過程，因此，書籍、報(bào)刊、網(wǎng)頁界面、海報(bào)招貼等的版式設(shè)計(jì)基本上都遵循這個(gè)視覺習(xí)慣。結(jié)構(gòu)圖形化，可以利用疏密、大小、方向、虛實(shí)、色調(diào)等的變化來產(chǎn)生空間感、運(yùn)動(dòng)感，從而引導(dǎo)讀者閱讀。設(shè)計(jì)得當(dāng)?shù)慕Y(jié)構(gòu)圖形不僅能很好地引導(dǎo)讀者，還可以增加修飾作用，增加畫面的趣味性。例如，人民網(wǎng)圖解新聞《不得巡游攬客、遇事故先賠付，網(wǎng)約車新規(guī)范征求意見中》，該圖利用小車、馬路、紅綠燈等元素營(yíng)造出單向的視覺流程圖形，其他信息依次分布在馬路旁，引導(dǎo)人們的閱讀視線跟隨馬路的延伸方向，這樣的設(shè)計(jì)既豐富了畫面的視覺效果，提高了版面的節(jié)奏感，也增強(qiáng)了閱讀的趣味性。

（四）對(duì)比色彩化

色彩是信息圖形化設(shè)計(jì)的視覺要素，無論單色還是多色都對(duì)版面的效果起著重要的作用。相比于其他的設(shè)計(jì)要素，色彩總是“先聲奪人”的，色彩依附于形——文字、圖形等，不可能單獨(dú)存在于版面中。色彩可以在版面中起到指示引導(dǎo)作用，不同顏色相互組織，營(yíng)造出不同的情緒和氣氛。生活中，人們著統(tǒng)一顏色或是統(tǒng)一款式的服裝代表一類人，比如醫(yī)生著白色外套，環(huán)衛(wèi)工人著橙黃色馬甲，球場(chǎng)上兩隊(duì)雙方球衣各著一色……可以說，通過對(duì)顏色的判斷，人們能快速地對(duì)人群區(qū)分出來。在信息圖形設(shè)計(jì)中，一種顏色可以代表某一立場(chǎng)，或是代表某種觀點(diǎn)，當(dāng)信息涉及不同觀點(diǎn)、不同立場(chǎng)的對(duì)比時(shí)，采用不同的且飽和度較高的、對(duì)比強(qiáng)烈的色彩來實(shí)現(xiàn)視覺上的對(duì)比，有助于幫助讀者快速理解信息內(nèi)容。搜狐新聞《朝鮮和韓國(guó)竟有這么大差別！》采用了信息圖的方式進(jìn)行報(bào)道，圖中關(guān)于兩國(guó)信息的呈現(xiàn)無論是文字還是圖形，基本上都分別采用一種顏色，藍(lán)色表示朝鮮，紅色表示韓國(guó)，在視覺上很好地呈現(xiàn)出兩國(guó)的對(duì)比關(guān)系，肉眼一看也能立即分辨出藍(lán)色區(qū)域代表一方，紅色區(qū)域代表另一方，色彩快速地幫助人們解析信息內(nèi)容。

可以說，信息圖形化設(shè)計(jì)是互聯(lián)網(wǎng)媒體時(shí)代的需要。我國(guó)對(duì)信息圖形化設(shè)計(jì)的研究相較于西方起步較晚，通過對(duì)信息圖形化設(shè)計(jì)在互聯(lián)網(wǎng)媒體中的應(yīng)用現(xiàn)狀進(jìn)行研究，發(fā)現(xiàn)問題，探索更好的設(shè)計(jì)之法，必將有助于我國(guó)信息圖形化設(shè)計(jì)的發(fā)展。

[1]孫皓瓊.圖形對(duì)話——什么是信息設(shè)計(jì)[M].北京：清華大學(xué)出版社，2011.

[2]孫湘明.信息設(shè)計(jì)[M].北京：中國(guó)輕工業(yè)出版社，2013.

[3]崔華春.信息設(shè)計(jì)[M].北京：中國(guó)建筑工業(yè)出版社，2013.

[4]木村博之.圖解力：跟頂級(jí)設(shè)計(jì)師學(xué)作信息圖[M].北京：中國(guó)郵電出版社，2013.

[5]騰訊公司用戶研究與體驗(yàn)設(shè)計(jì)部.在你身邊，為你而設(shè)計(jì)：騰訊的用戶體驗(yàn)設(shè)計(jì)之道[M].北京：電子工業(yè)出版社，2013.

TP391

A

俸玉婷（1990-），女，漢族，廣西桂林人，碩士未定職，設(shè)計(jì)學(xué)碩士，百色學(xué)院，研究方向：信息圖形化研究。