插圖類信息可視化設(shè)計應(yīng)用研究

趙星月

（河北美術(shù)學(xué)院）

一、信息可視化設(shè)計的概念

信息可視化是一門利用圖像說話的藝術(shù)，把抽象的數(shù)據(jù)信息通過視覺表達形式，幫助受眾群體以最快速、最高效的形式解讀和理解數(shù)據(jù)信息，并且改善數(shù)據(jù)給受眾群體帶來的枯燥性與乏味性，利用信息可視化傳達畫面效果，使數(shù)據(jù)更加具有趣味性。信息可視化的呈現(xiàn)不僅方便我們對于數(shù)據(jù)的理解，更讓數(shù)據(jù)呈現(xiàn)出易讀性、趣味性、傳達性特征。信息可視化是一門跨領(lǐng)域的學(xué)科，涉及科學(xué)、社會學(xué)、心理學(xué)、圖形學(xué)等領(lǐng)域。它不同于數(shù)據(jù)可視化，數(shù)據(jù)可視化偏向于受眾群體與數(shù)據(jù)之間的準(zhǔn)確信息交流，而信息可視化作品則更傾向于設(shè)計師與受眾群體之間的互動傳達，后者更側(cè)重于視覺設(shè)計，利用視覺元素表現(xiàn)數(shù)據(jù)信息，注重設(shè)計效果呈現(xiàn)。

二、信息可視化設(shè)計的分類

（一）類型分類

通過類型劃分，可以把信息可視化分為數(shù)據(jù)信息設(shè)計、地圖類信息設(shè)計、插圖類信息設(shè)計三大類。數(shù)據(jù)信息設(shè)計是指一些數(shù)據(jù)和抽象的概念，通過圖表的形式呈現(xiàn)出來，數(shù)據(jù)信息設(shè)計的目的是對數(shù)據(jù)進行可視化的處理，以使數(shù)據(jù)更加明確、清晰與簡潔。例如，地圖、圖表等設(shè)計，以幫助受眾群體更準(zhǔn)確地了解這些數(shù)據(jù)信息的含義以及意義。地圖類信息設(shè)計是指在遵循科學(xué)性、實用性和準(zhǔn)確性的同時，借助符號傳達信息，分為自然地圖、人口圖、經(jīng)濟圖、文化圖等。地圖類信息設(shè)計的目的是通過藝術(shù)表達，構(gòu)造信息結(jié)構(gòu)，減少次要信息，增強有效信息。例如，1931年哈利·貝克設(shè)計的倫敦地鐵路線圖，通過把地鐵線路轉(zhuǎn)化為直線、橫線與對角線，使得倫敦地鐵的線路信息呈現(xiàn)更加層次分明、線路清晰、畫面美觀。插圖類信息設(shè)計的目的是讓受眾群體暫時沉浸在故事情節(jié)與場景的圖像符號當(dāng)中，而忘記冗長復(fù)雜的文字與數(shù)據(jù)信息，讓數(shù)據(jù)展現(xiàn)更具直觀性、趣味性與藝術(shù)性，同時，插圖類信息可視化設(shè)計更側(cè)重于視覺效果的展現(xiàn)。

（二）視覺效果分類

信息可視化設(shè)計根據(jù)視覺效果可分為二維平面與三維立體。二維的含義可理解為在一個平面上的視覺內(nèi)容就是二維表現(xiàn)，即畫面呈現(xiàn)左右、上下兩個方向，不存在前后方向。二維平面信息可視化設(shè)計在表現(xiàn)手法上常應(yīng)用點、線、面等元素和色塊來表達數(shù)據(jù)和文字信息，畫面呈現(xiàn)的效果簡潔明了。在視角的選擇上，一般采用俯視視角與平視視角。通常人們說的三維的含義，是指在二維中又加入了一個方向，來形成三維的空間感。畫面呈現(xiàn)左右空間、上下空間和前后空間，這樣就形成了立體感與方向感。三維平面信息可視化設(shè)計是在二維空間中通過透視、光影等表現(xiàn)手法，形成立體空間的效果，讓畫面更加真實地再現(xiàn)情景，表現(xiàn)力更強烈與突出，同時，更加清晰地展現(xiàn)數(shù)據(jù)的走勢動態(tài)。

（三）表現(xiàn)手法分類

信息可視化設(shè)計在表現(xiàn)手法上可分為數(shù)據(jù)類與敘事類信息可視化。數(shù)據(jù)類信息可視化主要展現(xiàn)直觀的數(shù)據(jù)信息，并且以最直觀最簡潔的形式展現(xiàn)數(shù)據(jù)信息，數(shù)據(jù)展現(xiàn)更為嚴(yán)謹(jǐn)，一般應(yīng)用在學(xué)術(shù)研究、科學(xué)數(shù)據(jù)研究等領(lǐng)域。敘事類信息可視化主要對畫面數(shù)據(jù)信息進行圖形轉(zhuǎn)化，以插圖的表現(xiàn)形式展現(xiàn)主題，并加入故事情節(jié)，此類信息可視化更側(cè)重于設(shè)計環(huán)節(jié)，通過視覺呈現(xiàn)來吸引觀者的興趣，從而解讀畫面中的數(shù)據(jù)信息。一般應(yīng)用于出版物、網(wǎng)頁、書籍內(nèi)頁等媒介。敘事類信息的可視化展現(xiàn)更符合設(shè)計師在設(shè)計領(lǐng)域的研究，使枯燥冗長的數(shù)據(jù)信息能夠用現(xiàn)代圖形語言符號更生動有趣地表達主題內(nèi)容。信息可視化表現(xiàn)手法的多樣性，讓畫面呈現(xiàn)效果更加多樣與獨特。

三、插圖類信息可視化設(shè)計

（一）插圖設(shè)計的概念與范疇

插圖的概念較為泛泛，《辭?！穼Σ鍒D的解釋是：穿插在圖書中的圖畫，對圖書內(nèi)容起到解釋、補充與欣賞的作用。但隨著時代的發(fā)展與進步，插圖也在發(fā)展，插圖的定義已經(jīng)不再局限于圖書之中。插圖設(shè)計與應(yīng)用的范圍越來越廣泛。例如，應(yīng)用在海報、網(wǎng)頁、線上讀物、商品包裝等，都是插圖的表現(xiàn)媒介。而在信息可視化中，插圖的定位也是不容忽視的，插圖設(shè)計把信息圖表中所展現(xiàn)的各類文字信息、數(shù)據(jù)信息以及藝術(shù)風(fēng)格等，轉(zhuǎn)化為簡潔性、趣味性并帶有感情色彩的信息可視化作品。它是文字的具象化，以圖像來解釋說明文字的內(nèi)容，讓枯燥的文字信息以及冗長的數(shù)據(jù)信息通過插圖的形式傳播得更加便捷與快速，極大提升了信息可視化作品的藝術(shù)品位。

（二）插圖類信息可視化的概念與范疇

插圖類信息可視化的概念簡單來說是對煩瑣龐大的數(shù)據(jù)、不能直觀視覺表現(xiàn)的數(shù)據(jù)信息，進行數(shù)據(jù)信息的整理與重構(gòu)，用信息可視化設(shè)計的方式，結(jié)合插圖設(shè)計的表現(xiàn)方法，呈現(xiàn)出的插圖設(shè)計作品。插圖類信息可視化能夠簡潔準(zhǔn)確、清晰明了地描述煩瑣的信息，更加便于受眾群體對信息的理解與傳播。

在對插圖類信息進行可視化設(shè)計時，應(yīng)遵循以下幾個原則：首先，插圖設(shè)計的藝術(shù)表現(xiàn)形式應(yīng)明確和準(zhǔn)確傳達數(shù)據(jù)信息，向受眾群體傳達重要信息，讓信息更加簡潔直觀地展現(xiàn)，這也是插圖類信息可視化中最基本、最重要的原則；其次，對信息的處理要簡潔明了，把文字以及數(shù)據(jù)信息，以圖畫的形式展現(xiàn)出來，能夠讓受眾群體捕捉重要信息，對信息進行分類，并能讓受眾群體清晰明了地區(qū)分畫面中所傳達的主次關(guān)系；最后，插圖類信息可視化的畫面藝術(shù)性是可圈可點的，信息可視化不僅僅是數(shù)據(jù)圖表的展現(xiàn)，更是一幅藝術(shù)作品，通過藝術(shù)表現(xiàn)傳達畫面，插圖設(shè)計的在畫面中增加趣味性，讓受眾群體主動去分析畫面以及了解數(shù)據(jù)，加深受眾群體對信息可視化作品的理解與認(rèn)知，從而提高效率，便于傳播。

（三）插圖在信息可視化中的設(shè)計原則

插圖在信息可視化中的作用是把數(shù)據(jù)信息以及文字信息，通過插圖表現(xiàn)形式對文字與數(shù)據(jù)信息進行藝術(shù)表達，讓數(shù)據(jù)信息通過理性梳理與歸納，展現(xiàn)感性的視覺效果，是理性認(rèn)識轉(zhuǎn)化為感性認(rèn)識的過程。同時，插圖設(shè)計在信息可視化中的存在，也體現(xiàn)了設(shè)計師的藝術(shù)理念和世界觀?，F(xiàn)代插畫的功能性非常強，偏離視覺傳達目的純藝術(shù)往往使現(xiàn)代插畫的功能減弱。因此，設(shè)計師不能讓插畫的主題有產(chǎn)生歧義的可能，必須立足于鮮明、單純、準(zhǔn)確的原則。

1.趣味性

信息可視化設(shè)計更多的是向受眾群體傳達準(zhǔn)確的數(shù)據(jù)信息，把信息從無形轉(zhuǎn)換成有形，插圖的存在恰恰也是把理性的信息，用感性的方法表達出來，使人們獲得感性認(rèn)識，并產(chǎn)生興趣，使信息數(shù)據(jù)從乏味變得生動、有趣。其中，插圖類信息可視化的趣味性是讓我們感受與理解的重要支撐點，是我們思維轉(zhuǎn)換的加速劑。插圖類信息可視化的趣味性的宏觀理解是指能夠引起我們的注意，吸引受眾群體，并讓我們產(chǎn)生興趣，為我們帶來精神的愉悅感，而在插圖類信息可視化設(shè)計過程中運用一些設(shè)計手法以及設(shè)計原則，往往可以達到幽默風(fēng)趣的藝術(shù)效果。例如，在插圖設(shè)計的過程中，融入夸張手法，讓圖形的視覺沖擊更加強烈，并能鮮明、有效、獨特地突出主題與信息；合理運用擬人手法，讓圖形妙趣橫生，與我們產(chǎn)生強烈的共鳴，從而個性鮮明地傳達信息，并對它產(chǎn)生感覺，從而更好地去理解信息。

2.可識別性

信息可視化設(shè)計的另一特點是要具有較高的識別度，插圖類信息可視化設(shè)計是在數(shù)據(jù)信息中融入視覺圖形，更多體現(xiàn)視覺效果，但應(yīng)遵從可識別性的首要特征，讓受眾群體正確解讀與理解信息。

3.傳達多樣性

插圖類信息可視化設(shè)計是不受媒介、時間、語言等限制的。在展現(xiàn)形式上，可以是二維或是三維，可以是平面或是立體，可以是靜止或是動態(tài)；在媒介選擇上，可以是多媒體或是紙質(zhì)印刷品，可以是戶外廣告或是報刊雜志；在表現(xiàn)技法上也比較多樣，可以是涂鴉手繪或是電腦繪制，或是材質(zhì)肌理，或是攝影攝像等；不同的表現(xiàn)技法展現(xiàn)了不同的表現(xiàn)風(fēng)格，在表現(xiàn)風(fēng)格的選擇上也較為廣泛，可以是孟菲斯風(fēng)格、波普風(fēng)格、裝飾風(fēng)格等。

（四）插圖類信息可視化設(shè)計流程

1.信息收集與整理

隨著網(wǎng)絡(luò)的不斷發(fā)展，信息的收集已經(jīng)比較便捷與快速，但是只有對信息進行整理歸納，信息的呈現(xiàn)才能井然有序。因此，信息的整理就變得非常重要，最終把所收集的信息以插圖類的信息可視化呈現(xiàn)，所以，我們應(yīng)當(dāng)把信息收集與整理作為設(shè)計師的基本能力進行培養(yǎng)。

首先，在設(shè)計初期，設(shè)計師對信息可視化主題內(nèi)容進行信息收集，這是整個信息可視化設(shè)計過程的開端和重要節(jié)點。信息的收集與整理可以讓冗長復(fù)雜的信息更加清晰化、明確化。信息收集主要以文字信息呈現(xiàn)為主，通過數(shù)據(jù)篩查、實地調(diào)研等方式收集有關(guān)信息。其次，對收集的文字信息、圖表信息等進行整理與歸納，直觀地展現(xiàn)主要信息內(nèi)容。最后，以思維導(dǎo)圖的形式呈現(xiàn)最終效果，從而為信息可視化的視覺設(shè)計提供數(shù)據(jù)依據(jù)。例如，我們要設(shè)計關(guān)于肥胖對身體危害的插圖信息，在設(shè)計初期，我們需要對肥胖人群進行調(diào)研，整理出有用的信息以及真實的數(shù)據(jù)信息，從而輔助我們后期對此主題進行可視化設(shè)計。

2.信息視覺轉(zhuǎn)化

在信息的視覺轉(zhuǎn)化中，需要設(shè)計師把冗長煩瑣的文字以及數(shù)據(jù)信息轉(zhuǎn)換成視覺語言，從而更直觀、便捷地展現(xiàn)信息焦點。在插圖類信息的可視化設(shè)計中，視覺語言主要包括文字、圖形、色彩、版式等視覺元素，視覺元素的完整性可以烘托畫面情感氛圍，引起受眾群體的共鳴，從而加深印象，使受眾群體更直觀地理解數(shù)據(jù)信息。而在視覺轉(zhuǎn)換過程中，設(shè)計師首先需要對整理好的信息進行草圖繪制，把基本的視覺元素繪制到畫面中，形成信息可視化的初步設(shè)計，最后進行細節(jié)填充。

文字視覺語言在插圖類信息可視化設(shè)計中的應(yīng)用是必不可少的，它的作用有解釋說明、標(biāo)注等。在文字視覺設(shè)計中要注意以下幾點：首先，應(yīng)保持整個畫面字體字風(fēng)格的統(tǒng)一性，例如，畫面中應(yīng)用的字體風(fēng)格要與整體畫面風(fēng)格相一致；其次，畫面中字體的對齊方式可以更好地幫助用戶快速、便利地消化數(shù)據(jù)以及瀏覽重要信息，例如，畫面中的字體可以運用左對齊、右對齊、居中對齊等對齊方式，讓字體在畫面中更加具有規(guī)律性；最后，畫面中文字的行間距是文本可讀性的關(guān)鍵，合適的行間距，不僅提高了文本的可讀性與理解性，更有效地為受眾群體帶來良好的視覺體驗。

圖形在插圖類信息可視化設(shè)計中的地位是至關(guān)重要的，插圖的設(shè)計讓畫面中枯燥、乏味的數(shù)據(jù)信息變得更加生動有趣，為我們帶來較好的視覺體驗。其中，插圖的設(shè)計可以分為兩大類：具象圖形和抽象圖形。具象圖形是以攝影、手繪為基本手段的設(shè)計形式，具象的插圖信息給人強烈的親切感，使觀者在心理活動中對主題的理解更加具象化；抽象插圖信息是以抽象的表達形式，即非具象形象符號來表達含義，以理性規(guī)劃的幾何圖形或符號為表現(xiàn)形式，例如，孟菲斯風(fēng)格、波普風(fēng)格、蒸汽波等風(fēng)格形式。

在插圖類信息可視化設(shè)計中，應(yīng)根據(jù)主題確定畫面的整體風(fēng)格，保持整體圖形風(fēng)格的統(tǒng)一，可以避免出現(xiàn)畫面混亂、不協(xié)調(diào)的視覺效果。同時，統(tǒng)一的圖形元素視角，能夠直觀且清晰地展現(xiàn)二維或三維的畫面效果，例如，在地鐵導(dǎo)視圖的設(shè)計中，采用了俯視角度進行路線處理，使受眾群體能夠清晰地縱觀全局，了解地鐵線路的走向。插圖類信息可視化中的圖形元素是用感性的視覺語言展現(xiàn)出理性的數(shù)據(jù)信息，讓數(shù)據(jù)信息變得更加生動、有趣，使受眾群體對畫面內(nèi)容產(chǎn)生興趣，以便觀者快速地解讀信息。

色彩的選擇與搭配在插圖類信息可視化設(shè)計中應(yīng)遵循基本的規(guī)律與屬性，它不僅可以調(diào)動用戶的情緒以及心理感受，更有助于理解所描述信息的背景。首先，色彩可以帶來心理感受，包括色彩的冷暖、色彩的輕重、色彩的軟硬、色彩的強弱、色彩的明快與憂郁、色彩的興奮與沉靜等。例如，藍色給人平靜、寒冷等心理感受，而紅色給人熱情、動感的心理感受，紫色代表憂郁、華麗的心理感受，所以選擇合適的顏色會起到事半功倍的效果。其次，在色彩搭配中，可以通過一些特殊的配色方式，表現(xiàn)出信息元素間某種特殊的關(guān)系，例如，當(dāng)色相環(huán)中顏色的色距保持在180°左右時，我們將其稱為互補色?；パa色的存在可以表現(xiàn)對立關(guān)系，類似色可以表現(xiàn)親密關(guān)系，鄰近色可以表現(xiàn)友好關(guān)系，對比色可以表現(xiàn)獨立關(guān)系等。最后，可以利用色彩表現(xiàn)行業(yè)屬性，例如，在金融行業(yè)的用色上，可以運用低明度的色彩來表現(xiàn)行業(yè)的穩(wěn)重；醫(yī)療行業(yè)的主題配色一般表現(xiàn)潔凈感，更多運用藍色、灰色、紅色等，娛樂行業(yè)的主題配色一般表現(xiàn)出熱情與時尚感，往往運用高純度的搭配方法。

在版式設(shè)計的過程中，應(yīng)注意受眾群體的閱讀習(xí)慣。一般來說，我們在閱讀時遵循從左至右、從上至下、順時針的閱讀方式，掌握版式的布局規(guī)律可以提高受眾群體的閱讀效率，并以相應(yīng)的色彩、圖形等視覺元素進行版面布局，把重要信息內(nèi)容與數(shù)據(jù)信息進行有效匯聚編排，形成焦距視覺點，讓畫面更加具有視覺沖擊力。其中，在整體構(gòu)圖設(shè)計中，可以采取對稱構(gòu)圖與非對稱構(gòu)圖等構(gòu)圖形式。對稱構(gòu)圖可以讓信息以及視覺元素均衡、和諧地布局在畫面中，達到均衡協(xié)調(diào)的畫面效果，對稱構(gòu)圖是插圖類信息可視化設(shè)計中較為常見的一種構(gòu)圖形式；非對稱構(gòu)圖更加側(cè)重于感性認(rèn)知，把信息以及視覺元素隨意地安排在畫面中，使得整體畫面效果統(tǒng)一，達到畫面靈動、活躍的效果。畫面中的版面安排也可以是曲線構(gòu)圖，讓畫面更具有韻律感以及空間感。

四、結(jié)語

大數(shù)據(jù)時代的到來，讓我們不斷地在信息與數(shù)據(jù)中徘徊，大量的文字信息很難被我們快速理解與消化，插圖類信息可視化是不可或缺的一種信息可視化表現(xiàn)形式，它可以直觀地把復(fù)雜的文字以及數(shù)據(jù)信息，轉(zhuǎn)換成可視化的視覺語言，利用圖形直觀地展現(xiàn)信息，讓觀者更直接地理解數(shù)據(jù)信息。