互聯(lián)網(wǎng)時(shí)代信息圖形設(shè)計(jì)的相關(guān)問(wèn)題研究

趙曉明 趙鳳翾

摘要：海量信息在互聯(lián)網(wǎng)時(shí)代中應(yīng)用，信息圖形將占據(jù)媒體平臺(tái)。信息圖形設(shè)計(jì)是視覺(jué)傳達(dá)的一種藝術(shù)形式與商業(yè)形式相結(jié)合的手段，也是統(tǒng)計(jì)與展現(xiàn)數(shù)據(jù)的重要手段。本文將重點(diǎn)分析信息圖形設(shè)計(jì)在互聯(lián)網(wǎng)時(shí)代的應(yīng)用。通過(guò)對(duì)信息設(shè)計(jì)的性質(zhì)分析出其在互聯(lián)網(wǎng)中所扮演的重要“角色”。了解其主要的功能和作用，發(fā)現(xiàn)其在互聯(lián)網(wǎng)應(yīng)用中表現(xiàn)形式的問(wèn)題，并舉例分析說(shuō)明，最終論證觀點(diǎn)，使設(shè)計(jì)出的信息圖形在互聯(lián)網(wǎng)應(yīng)用中發(fā)揮出更大的功效。

關(guān)鍵詞：互聯(lián)網(wǎng);信息圖形設(shè)計(jì);運(yùn)用形式

中圖分類號(hào)：J51 文獻(xiàn)標(biāo)識(shí)碼：A

文章編碼：1672-7053（2019）07-0145-03

1 互聯(lián)時(shí)代的概述

習(xí)近平總書(shū)記在文藝工作座談會(huì)上也講到：“互聯(lián)網(wǎng)技術(shù)和新媒體改變了文藝形態(tài)，催生了一大批新的文藝類型，也帶來(lái)文藝觀念和文藝實(shí)踐的深刻變化。由于文字?jǐn)?shù)碼化、書(shū)籍圖像化、閱讀網(wǎng)絡(luò)化等發(fā)展，文藝乃至社會(huì)文化面臨著重大變革”[1]。在計(jì)算機(jī)、互聯(lián)網(wǎng)出現(xiàn)之前，信息只是存在于報(bào)紙、書(shū)籍傳遞給受眾，因此在獲取信息的同時(shí)不便理解記憶，一旦接收到重要的信息之后只能豎起耳朵聽(tīng)或者閱讀文字，然后把大量的信息記錄在筆記本上，既耗日寸又耗力。而如今互聯(lián)網(wǎng)滲入我們的生活和工作中，信息無(wú)限爆炸，人們無(wú)論行走在路上還是在家里都可以通過(guò)互聯(lián)網(wǎng)接收到各類信息，互聯(lián)網(wǎng)時(shí)代興起。

2 互聯(lián)網(wǎng)時(shí)代信息圖形設(shè)計(jì)的重要性

在互聯(lián)網(wǎng)時(shí)代前，信息傳播的載體一直是文字，隨著社會(huì)的發(fā)展，聲音、圖形圖像、視頻等也成為信息傳播的重要載體。信息數(shù)據(jù)通過(guò)視覺(jué)語(yǔ)言的轉(zhuǎn)譯，更加準(zhǔn)確直觀的傳達(dá)大數(shù)據(jù)的信息內(nèi)容，但是人們無(wú)法及時(shí)通過(guò)肉眼識(shí)別出信息的關(guān)鍵點(diǎn)，因此信息圖形設(shè)計(jì)開(kāi)始興起。信息圖形可以有效地將商品數(shù)據(jù)、文化內(nèi)容、圖片資料有效融合并傳遞給受眾，信息圖形設(shè)計(jì)對(duì)文字信息進(jìn)行理解、總結(jié)之后，通過(guò)實(shí)踐與技巧利用圖形符號(hào)對(duì)文字信息進(jìn)行處理，運(yùn)用簡(jiǎn)單抽象的圖形與排版將數(shù)據(jù)、信息簡(jiǎn)單明確的表現(xiàn)出符合人類閱讀習(xí)慣、審美標(biāo)準(zhǔn)的圖像，相對(duì)于枯燥的文字更容易被受眾所接受，不僅縮短了受眾接收信息的時(shí)間，還提高了效率，讓受眾印象深刻，傳達(dá)作用尤為顯著。

圖形作為信息設(shè)計(jì)中一種附加值的形式伴隨著信息傳播而存在，而形式單一的信息圖所產(chǎn)生的影響力度有限，量變影響質(zhì)變，傳播范圍廣、傳播速度快，在我們的日常生活中幾乎無(wú)處不在。據(jù)調(diào)查顯示，在互聯(lián)網(wǎng)時(shí)代，每一個(gè)人在一天內(nèi)所接觸到的信息圖會(huì)達(dá)到數(shù)十或以上，長(zhǎng)此以往，不難推斷信息圖所產(chǎn)生的巨大社會(huì)影響力，而文化的功能就在日復(fù)一日的信息傳播中悄然顯現(xiàn)著，作用在人的精神中，同時(shí)又作用在社會(huì)的意識(shí)形態(tài)中。圖形作為信息的載體伴隨著人類發(fā)展，有效的促進(jìn)社會(huì)的發(fā)展，提高社會(huì)的生活水平，我們應(yīng)該以科學(xué)的眼光去看待信息圖（如圖1）。

3 信息圖形的設(shè)計(jì)要素

設(shè)計(jì)信息圖表現(xiàn)的要素包括創(chuàng)意、圖形符號(hào)、插圖、色彩、文案、布局架構(gòu)的具體設(shè)計(jì)，是將大數(shù)據(jù)信息轉(zhuǎn)化為視覺(jué)化的過(guò)程，在信息圖設(shè)計(jì)的過(guò)程中涉及字體設(shè)計(jì)、圖形設(shè)計(jì)、色彩設(shè)計(jì)、版式設(shè)計(jì)等多種視覺(jué)傳達(dá)設(shè)計(jì)能力（如圖2）。

3.1 創(chuàng)意

創(chuàng)意不僅僅運(yùn)用在廣告設(shè)計(jì)中，在信息圖的設(shè)計(jì)中如果融入了創(chuàng)意的設(shè)計(jì)手法，將大大提升信息圖的趣味性，使文案不在枯燥，能夠增強(qiáng)信息內(nèi)容的傳遞作用，所以在信息圖的設(shè)計(jì)與制作過(guò)程中，可以不斷嘗試不同的表達(dá)創(chuàng)意，使大數(shù)據(jù)信息靈活的傳達(dá)給人們。思維導(dǎo)圖與頭腦風(fēng)暴的制作是創(chuàng)意產(chǎn)生的有效途徑，運(yùn)用簡(jiǎn)單明確的關(guān)鍵詞聯(lián)想出許多相關(guān)內(nèi)容，例如：手表一男士一成功一商業(yè)。根據(jù)這種推導(dǎo)的思維方式，將會(huì)有大量表現(xiàn)形式在腦海中萌發(fā)。

3.2 圖形符號(hào)

信息圖中符號(hào)與圖形相互并存，符號(hào)是信息的載體，其可以承載信息也可以傳遞信息。信息圖設(shè)計(jì)的符號(hào)即為觀念性圖形，通常是抽象圖形，具有對(duì)表達(dá)關(guān)鍵點(diǎn)的特征意義，可代替文字，不僅節(jié)省了空間，并且更形象、生動(dòng)、具體，讓信息更明確、更簡(jiǎn)潔、更易理解。

3.3 插圖

信息圖中的插圖不是憑空而生的，也不僅僅是為了美觀，它是根據(jù)信息內(nèi)容以講故事的形式出現(xiàn)在畫(huà)面中的。講故事無(wú)需完整的敘事情節(jié)，插圖的主要任務(wù)是符合數(shù)據(jù)信息，將需要表達(dá)的內(nèi)容銜接起來(lái)，使故事情節(jié)張弛有度，便于高效率的理解閱讀信息。

3.4 色彩

運(yùn)用色彩讓信息更具象征意味和感召力，對(duì)于顏色每個(gè)人的偏好不同，所以在選擇色彩時(shí)應(yīng)該注意產(chǎn)品要表達(dá)的信息與受眾群體。色彩在信息圖的設(shè)計(jì)中起著至關(guān)重要的角色，無(wú)論是單色還是多色的信息圖，都反應(yīng)著不同形式的設(shè)計(jì)理念。不同的顏色搭配代表著不同的氣氛，黑白搭配意味著時(shí)尚，夢(mèng)幻紫色意昧著女性，科技藍(lán)色往往運(yùn)用于產(chǎn)品的宣傳，顏色可以呈現(xiàn)出信息的方向性。如關(guān)于女性購(gòu)物的信息圖解，需運(yùn)用極具女性特征的溫和又鮮明的顏色。“李光耀的雙面外交”主要內(nèi)容的信息圖解，運(yùn)用了紅、白、灰搭配，莊重簡(jiǎn)潔的顏色反映會(huì)議的嚴(yán)謹(jǐn)性。

3.5 文案

文案包括文字和數(shù)字，讓信息更完整，字體是一個(gè)畫(huà)面的重要設(shè)計(jì)元素之一，不同的字體具有不同的形態(tài)，在字體的選擇方面要符合文案的內(nèi)容，合適的字體運(yùn)用可以起到事半功倍的效果。在一個(gè)版面的設(shè)計(jì)中，字體保持在三種字體以內(nèi)，字體大小根據(jù)信息內(nèi)容的主次調(diào)節(jié)，特殊或者大字體表示版面中的標(biāo)題與關(guān)鍵內(nèi)容。

3.6 圖表

數(shù)據(jù)的呈現(xiàn)由統(tǒng)計(jì)圖、表格呈現(xiàn)，圖表在信息圖中可以清晰分類、組織信息內(nèi)容。常見(jiàn)的圖表包括：流程圖、維恩圖、組織圖……圖標(biāo)大多為幾何圖形，但在圖標(biāo)的制作過(guò)程中，也可以隨意在信息內(nèi)容之間添加視覺(jué)符號(hào)將數(shù)據(jù)連接在一起，并且圖表也可以不僅僅局限于二維圖，可以運(yùn)用三維圖形將數(shù)據(jù)信息表達(dá)的更加生動(dòng)有趣。根據(jù)地域劃分，運(yùn)用三維插畫(huà)類圖片分類，清晰表達(dá)的同時(shí)更具有趣味性。

3.7 架構(gòu)

架構(gòu)等同于視覺(jué)傳達(dá)設(shè)計(jì)中的版式設(shè)計(jì)，在布局的設(shè)計(jì)過(guò)程中，是人們認(rèn)知信息的過(guò)程，應(yīng)該服從人類的閱讀邏輯習(xí)慣。從上到下的信息架構(gòu)方法將戰(zhàn)略層所考慮的內(nèi)容，即根據(jù)產(chǎn)品目標(biāo)與用戶需求直接進(jìn)行結(jié)構(gòu)設(shè)計(jì)。先從最廣泛的有可能滿足決策目標(biāo)的內(nèi)容與功能開(kāi)始進(jìn)行分類，然后再依據(jù)邏輯細(xì)分出次級(jí)分類。在布局上，標(biāo)題與導(dǎo)航一般位于頁(yè)面的明顯位置，例如上端、中心，有突出鮮明主題的指引作用。頁(yè)面數(shù)據(jù)內(nèi)容主次分明，次要元素應(yīng)該排在版面次重點(diǎn)的位置上，對(duì)其進(jìn)行弱化，以防非必要內(nèi)容的喧賓奪主，干擾主題元素的傳達(dá)效果。頁(yè)面整體應(yīng)簡(jiǎn)潔清晰，界面內(nèi)設(shè)計(jì)元素風(fēng)格統(tǒng)一、對(duì)齊。信息架構(gòu)的主要的工作是設(shè)計(jì)組織分類和導(dǎo)航的結(jié)構(gòu)，讓受眾可以高效率、有效地瀏覽數(shù)據(jù)信息內(nèi)容。對(duì)于數(shù)據(jù)信息而言，信息的架構(gòu)關(guān)注的就是呈現(xiàn)給受眾的信息是否合理并具有意義[2]。在頁(yè)面的元素越是多種多樣，就越不能鮮明表達(dá)主題內(nèi)容、傳達(dá)對(duì)象，反而會(huì)在受眾就收信息的過(guò)程中受到干擾，更不利于受眾對(duì)傳達(dá)信息的記憶。所以設(shè)計(jì)師在架構(gòu)過(guò)程中應(yīng)運(yùn)用“減法”的設(shè)計(jì)手法，“少即是多”，設(shè)計(jì)過(guò)程中處于受眾的角度對(duì)頁(yè)面進(jìn)行分析，為受眾排除無(wú)用功，提高效率。

4 互聯(lián)網(wǎng)時(shí)代信息圖形設(shè)計(jì)的現(xiàn)狀

伴隨著移動(dòng)互聯(lián)時(shí)代的發(fā)展，互聯(lián)網(wǎng)在人類的生活中隨處可見(jiàn)，人類作為信息接受的主體，每天都在進(jìn)行大量的閱讀行為，文字輸入人腦的過(guò)程需要篩選后接收信息，信息圖的設(shè)計(jì)可以幫助受眾將大數(shù)據(jù)信息進(jìn)行篩選，最終將信息的要點(diǎn)呈現(xiàn)出來(lái)。信息圖形設(shè)計(jì)使生活接收的信息越來(lái)越可視化，視覺(jué)傳達(dá)成為現(xiàn)在人生活的重要環(huán)節(jié)。由于圖像的讀解性比較強(qiáng)，在生活中無(wú)處不在，各大媒體企業(yè)紛紛開(kāi)設(shè)信息專欄，利用信息圖吸引人類的眼球，例如：搜狐網(wǎng)站的《數(shù)字之道》、網(wǎng)易的《數(shù)讀》還有騰訊的《新聞百科》等，都開(kāi)始運(yùn)用信息圖形代替文本的形式。20世紀(jì)以來(lái)，隨著照片、電影、電視等視覺(jué)媒介向人們?nèi)粘Ｉ畹娜鏉B透，視覺(jué)信息已經(jīng)成為公眾認(rèn)知、理解和建構(gòu)現(xiàn)實(shí)生活的重要方式。早在二十世紀(jì)三十年代，海德格爾（2007：91）就提出，“世界圖像的時(shí)代”正在到來(lái)，這里所說(shuō)的“世界圖像”，“并非意指一幅關(guān)于世界的圖像，而是指世界被把握為圖像了”[3]。不可否認(rèn)，如今信息圖正在取代著大量堆積的文字信息。

2011年，意大利DICESAREDESIGN中國(guó)區(qū)執(zhí)行經(jīng)理孫皓瓊出版《圖形對(duì)話——什么是信息設(shè)計(jì)》一書(shū)，書(shū)中提出：信息設(shè)計(jì)是用合理的設(shè)計(jì)方式分析并組織數(shù)據(jù)和信息，讓數(shù)據(jù)、信息以合理的方式傳播，讓復(fù)雜難懂的數(shù)據(jù)易于理解，并認(rèn)為數(shù)據(jù)視覺(jué)化是信息設(shè)計(jì)最主要的表現(xiàn)形式[4]。在這本書(shū)中，詳細(xì)的說(shuō)明了信息圖形設(shè)計(jì)屬于信息設(shè)計(jì)的一部分。

2013年6月，吳曉芬和顧毅翻譯出版了《圖解力：跟頂級(jí)設(shè)計(jì)師學(xué)做信息圖》一書(shū)，此書(shū)的原作者是來(lái)自日本的SND大賽設(shè)計(jì)金獎(jiǎng)得主木村博之。書(shū)中不僅包含了作者近期設(shè)計(jì)的新圖，也收錄了作者以前工作中使用過(guò)的圖。最重要的是書(shū)中詳細(xì)豐富的設(shè)計(jì)案例向讀者展示了信息從無(wú)形轉(zhuǎn)換成有形、從復(fù)雜難懂轉(zhuǎn)變?yōu)榍逦庇^易于理解的過(guò)程。近年，隨著信息表達(dá)形式的豐富和發(fā)展，越來(lái)越多的人開(kāi)始關(guān)注“信息可視化”“數(shù)據(jù)挖掘”“信息呈現(xiàn)形式”等信息設(shè)計(jì)問(wèn)題，對(duì)圖形及相關(guān)專業(yè)的探討也愈加增多。成立于2008年的圖研所是中國(guó)第一家專注于信息視覺(jué)化的信息設(shè)計(jì)研究機(jī)構(gòu)，填補(bǔ)了國(guó)內(nèi)網(wǎng)站在信息視覺(jué)化領(lǐng)域的空白，但在2013年圖研所網(wǎng)站突然無(wú)法訪問(wèn)，時(shí)至今日仍沒(méi)有類似的網(wǎng)站出現(xiàn)[5]。

2012年12月5日，KobeBryant成為NBA歷史上最年輕的超過(guò)3萬(wàn)分球員。為了向這個(gè)激動(dòng)人心的時(shí)刻致敬，洛杉磯湖人隊(duì)制作了一個(gè)信息圖，詳細(xì)顯示了科比從1997年加形象地展示了一個(gè)偉大球員在湖盟球隊(duì)以來(lái)的年度得分等信息。人隊(duì)的誕生與成長(zhǎng)[6]（如圖3）。

5 互聯(lián)網(wǎng)時(shí)代信息圖形設(shè)計(jì)總體原則

根據(jù)對(duì)信息圖形設(shè)計(jì)的分析，我們不難看出信息圖形設(shè)計(jì)的研究重點(diǎn)主要在于兩個(gè)方面：一是信息的收集和整合，在設(shè)計(jì)實(shí)踐中，信息圖形設(shè)計(jì)必須是建立在大量數(shù)據(jù)的調(diào)研和分析上所做出的設(shè)計(jì);二是如何更好將信息、數(shù)據(jù)進(jìn)行視覺(jué)轉(zhuǎn)譯，有效提高信息獲取的效率[7]。伴隨著互聯(lián)網(wǎng)技術(shù)的蓬勃發(fā)展，使得信息圖表設(shè)計(jì)的制作方法愈加多樣化，文字圖形化、數(shù)據(jù)圖形化、結(jié)構(gòu)圖形化。但是在信息圖形設(shè)計(jì)過(guò)程中難免會(huì)產(chǎn)生問(wèn)題，設(shè)計(jì)師不理解數(shù)據(jù)內(nèi)容而造成統(tǒng)計(jì)圖運(yùn)用不嚴(yán)謹(jǐn)，大量信息沒(méi)有合理簡(jiǎn)潔化，沒(méi)有價(jià)值的素材拼湊，使信息傳達(dá)不到位。因此嚴(yán)格要求設(shè)計(jì)師應(yīng)有充分理解業(yè)務(wù)與整理數(shù)據(jù)信息的邏輯思維能力。在設(shè)計(jì)過(guò)程中，通過(guò)相對(duì)合適的設(shè)計(jì)手法，把數(shù)據(jù)信息的相關(guān)特征充分表現(xiàn)出來(lái)，保持相對(duì)客觀的角度對(duì)圖形的大小、顏色、長(zhǎng)度等的呈現(xiàn)出來(lái)，把信息的重點(diǎn)作為設(shè)計(jì)元素增強(qiáng)突出，實(shí)現(xiàn)凸顯的效果，使設(shè)計(jì)效果貼切信息內(nèi)容。傳播的載體越來(lái)越豐富，合理地結(jié)合互聯(lián)網(wǎng)技術(shù)將信息傳達(dá)的效果最大化，是信息圖形設(shè)計(jì)的研究趨勢(shì)。

6 結(jié)論

作為一門(mén)近年來(lái)新興的學(xué)科信息圖形設(shè)計(jì)屬于視覺(jué)傳達(dá)設(shè)計(jì)范圍，但在有些院校還沒(méi)有開(kāi)設(shè)此類課程，因此關(guān)于信息圖形設(shè)計(jì)的書(shū)籍相對(duì)較少。隨著互聯(lián)網(wǎng)大數(shù)據(jù)時(shí)代的興起，信息圖形設(shè)計(jì)逐漸備受關(guān)注，成為互聯(lián)網(wǎng)媒體呈現(xiàn)大數(shù)據(jù)的必備模式。設(shè)計(jì)師在信息圖形設(shè)計(jì)的過(guò)程中，應(yīng)該考慮信息圖形不僅是信息可視化的載體，設(shè)計(jì)師還需要具有將信息圖形中每一個(gè)文化的符號(hào)再創(chuàng)造的能力，根據(jù)設(shè)計(jì)作品便能體現(xiàn)出設(shè)計(jì)師的理念，引導(dǎo)受眾群體對(duì)數(shù)據(jù)信息的解讀，達(dá)到視覺(jué)傳達(dá)的目的?？陀^對(duì)待信息圖形設(shè)計(jì)元素，從而達(dá)到設(shè)計(jì)形式與信息內(nèi)涵相輔相成的目的。但在互聯(lián)網(wǎng)發(fā)展的時(shí)代，信息可視化還需要漫長(zhǎng)的發(fā)展過(guò)程，在未來(lái)的研究中需要加強(qiáng)對(duì)信息更加準(zhǔn)確的圖形可視化表達(dá)并進(jìn)行探究。

參考文獻(xiàn)

[1]《習(xí)近平總書(shū)記在文藝工作座談會(huì)上的重要講話公開(kāi)發(fā)表》，http：//culture.people.com.cn/n/2015/1015/c87423-27699235. html

[2]用戶體驗(yàn)要素[M].機(jī)械工業(yè)出版社，2018，8.

[3]黃雅蘭，仇筠茜.信息告知還是視覺(jué)吸引？——對(duì)中外四個(gè)數(shù)據(jù)新聞欄目可視化現(xiàn)狀的比較研究[J].新聞大學(xué)，2018（01）：1-8+34+147.

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

[5]棒玉婷.信息圖形設(shè)計(jì)在互聯(lián)網(wǎng)中的應(yīng)用研究[D].南昌大學(xué)，2016.

[6]竇文宇.從百雀羚廣告屆屏看信息圖高效營(yíng)銷[J].公關(guān)世界，2017（11）：91-95.

[7]劉娜，盧智慧，任馴芳.是舒視員傳達(dá)的信息圖形設(shè)計(jì)研究[J].大眾文藝，2018 （07）：59.

[8]王志俊.圖形設(shè)計(jì)[M].中國(guó)青年出版社，2010.

[9]柳林.圖形創(chuàng)意設(shè)計(jì)[M].華中科技大學(xué)出版社，2007.

[10]杜國(guó)平.圖形世界探秘[M].東南大學(xué)出版社，2006.

[11]肖必莉.信息圖形化在移動(dòng)媒體界面設(shè)計(jì)中的運(yùn)用[J].戲劇之家，2017（24）.

[12]曲璐璐.信息圖形化在移動(dòng)媒體界面設(shè)計(jì)中的應(yīng)用研究[D].合肥工業(yè)大學(xué)，2015.

[13]邢璐，新媒體時(shí)代下動(dòng)態(tài)圖形的信息傳達(dá)優(yōu)勢(shì)研究[D].內(nèi)蒙師范大學(xué)，2016.

[14]吳珊珊.淺析信息圖形設(shè)計(jì)在數(shù)字化媒體中的應(yīng)用[J]，藝術(shù)科技，2017（10）.

[15]隋慧笛.信息圖形設(shè)計(jì)在網(wǎng)站界面中的應(yīng)用探究[J].藝術(shù)科技，2016（02）.

[16]吳瓊，從表現(xiàn)到解讀——談信息圖形設(shè)計(jì)的特征[J].裝飾，2011（08）.

[17]劉海波.信息圖形沒(méi)計(jì)探析[J].南京藝術(shù)學(xué)院學(xué)報(bào)〔美術(shù)與設(shè)計(jì)），2010（06）.