淺談信息圖表的設(shè)計(jì)原理與形式

摘要：信息圖表設(shè)計(jì)目前作為一個(gè)較冷門(mén)的方向，所蘊(yùn)含的功能卻是巨大的，這和其在現(xiàn)代平面設(shè)計(jì)中所處的地位是不符的。運(yùn)用信息可視化設(shè)計(jì)來(lái)將各種資訊內(nèi)容進(jìn)行整合，設(shè)計(jì)成為信息圖表，可以更直觀地讓觀者接收到信息的傳遞。本文探討信息圖表設(shè)計(jì)的表現(xiàn)形式、構(gòu)成要素等內(nèi)容，為數(shù)據(jù)可視化設(shè)計(jì)提供一種思路。

關(guān)鍵詞：信息整合設(shè)計(jì) 數(shù)據(jù)可視化 圖表

一、引言

（一）課題研究的背景及意義

目前，在我國(guó)設(shè)計(jì)行業(yè)中，信息圖表設(shè)計(jì)并沒(méi)有受到太大的重視，雖然情況在好轉(zhuǎn)，但是與其實(shí)用性相比，還遠(yuǎn)遠(yuǎn)不夠。所以本文旨在通過(guò)對(duì)信息圖表設(shè)計(jì)作品的簡(jiǎn)單分析，來(lái)對(duì)信息圖表的重要性與實(shí)用性等方面作一定程度上的解讀。

（二）課題特點(diǎn)

本課題通過(guò)對(duì)信息圖表設(shè)計(jì)的典型案例分析來(lái)探討其在設(shè)計(jì)中的共通點(diǎn)。然后利用總結(jié)出的要點(diǎn)來(lái)對(duì)照作品設(shè)計(jì)過(guò)程中產(chǎn)生的問(wèn)題與解決方法，把分析結(jié)果和設(shè)計(jì)實(shí)踐相結(jié)合。

（三）研究方法

個(gè)案研究法：研究著名圖表設(shè)計(jì)師張圣煥的作品，從中學(xué)習(xí)其設(shè)計(jì)優(yōu)點(diǎn)。

文獻(xiàn)研究法：通過(guò)對(duì)相關(guān)出版物的深入閱讀，加深對(duì)信息圖表設(shè)計(jì)理解的廣度與深度。

經(jīng)驗(yàn)總結(jié)法：對(duì)個(gè)案、文獻(xiàn)等進(jìn)行研究后，總結(jié)其中的要點(diǎn)，運(yùn)用到設(shè)計(jì)中遇到的問(wèn)題中去。

二、信息圖表概述

（一）信息圖表的定義

信息圖表是指信息、數(shù)據(jù)、知識(shí)等的視覺(jué)化表達(dá)，以?xún)?yōu)化信息的傳遞。這種優(yōu)化信息的傳遞可以理解為一種充分理解和系統(tǒng)整理復(fù)雜或難以表達(dá)的信息，并通過(guò)圖形將其簡(jiǎn)單、清晰地呈現(xiàn)給讀者的信息可視化方法。美國(guó)著名圖表信息設(shè)計(jì)家烏爾曼說(shuō)：“成功的視覺(jué)交流信息設(shè)計(jì)將被定義為被鑄造的成功建筑、被凝固的音樂(lè)，信息理解是一種能量?！?/p>

（二）中國(guó)的信息設(shè)計(jì)現(xiàn)狀

在中國(guó)，信息圖表設(shè)計(jì)還是一個(gè)比較冷門(mén)的方向，但是信息圖表蘊(yùn)含的功能卻是巨大的，這和其被人們所重視的程度是不符的。不管任何方面，只要是有關(guān)于信息表達(dá)的，那就一定可以通過(guò)信息圖表的形式來(lái)傳遞，利用各種方法將這些信息更清楚、更系統(tǒng)化地表現(xiàn)出來(lái)。其實(shí)早在古代中國(guó)就有用圖表來(lái)傳達(dá)信息的例子，如“八卦圖”“星象圖”和“人體穴位圖”等。但是在社會(huì)快速發(fā)展、信息爆炸的時(shí)代，信息設(shè)計(jì)好像并不被人們所重視，以至于大眾所見(jiàn)的信息都是純文本化的，或者都是以最基礎(chǔ)常見(jiàn)的柱狀圖、折線圖等單個(gè)圖表呈現(xiàn)的，十分死板，對(duì)人毫無(wú)吸引力。

（三）信息可視化的功能與特點(diǎn)

用一些圖形化的手段來(lái)清晰有效地表達(dá)信息是信息可視化的主要特點(diǎn)。生活中最常見(jiàn)的就是各種柱狀圖、餅狀圖、折線圖等基礎(chǔ)圖表，這樣的圖表可以十分直觀地表現(xiàn)數(shù)據(jù)，但是在不同的場(chǎng)合，像這樣空洞的表達(dá)形式難免會(huì)給人枯燥乏味之感。那么，在視覺(jué)傳達(dá)專(zhuān)業(yè)中，就應(yīng)該思考如何將平面設(shè)計(jì)的語(yǔ)言和信息可視化相結(jié)合，從而在保證信息及數(shù)據(jù)清晰的基礎(chǔ)上，用一種大眾喜聞樂(lè)見(jiàn)的方式來(lái)表現(xiàn)信息。

三、信息圖表的要素與原理

（一）視覺(jué)傳達(dá)中的信息圖表設(shè)計(jì)要素

能將很繁復(fù)的信息用圖表的形式來(lái)講清楚講明白，那么這就是一張優(yōu)秀的信息圖表。作為視覺(jué)傳達(dá)設(shè)計(jì)下的信息圖表，僅僅做到這一點(diǎn)當(dāng)然是不夠的。在2009年紐約舉行新聞視覺(jué)設(shè)計(jì)大賽后，專(zhuān)家總結(jié)了五個(gè)要素，認(rèn)為這些要素是在設(shè)計(jì)信息圖表時(shí)應(yīng)該納入考慮的。這五個(gè)要素分別是吸引人、清晰、簡(jiǎn)潔、流暢和去文字化。

吸引人這一點(diǎn)在上文中的圖表形式中已有提到，一個(gè)好的形式或者是飽滿(mǎn)的信息就容易吸引到人。清晰和簡(jiǎn)潔這兩個(gè)要點(diǎn)的實(shí)現(xiàn)，主要是在信息梳理后，對(duì)信息有一個(gè)明確的層次關(guān)系的理解，信息的分層，對(duì)冗余信息的精簡(jiǎn)，對(duì)重點(diǎn)信息的突出等。做好了這個(gè)，在設(shè)計(jì)的時(shí)候，就能把提取出來(lái)的重要信息如數(shù)字等進(jìn)行強(qiáng)調(diào)，對(duì)起輔助作用的內(nèi)容則適當(dāng)弱化。到了流暢這一要素，首先也是基于信息的主次關(guān)系，再依靠各種基礎(chǔ)方法如顏色、編排等進(jìn)行設(shè)計(jì)，使得觀者在瀏覽圖表時(shí)能跟著設(shè)計(jì)者設(shè)計(jì)的路線對(duì)所有的信息進(jìn)行獲取。最后的去文字化這一要素其實(shí)應(yīng)該是一直貫穿于整個(gè)設(shè)計(jì)當(dāng)中的。信息圖表，顧名思義是要以圖為主，所以，能用圖解決問(wèn)題的部分堅(jiān)決不用文字，文字只在必需時(shí)以元素的形式出現(xiàn)在圖表之中。這樣可以避免大段文本帶給人的煩躁感，使得受眾可以更加輕松地瀏覽圖表。

（二）信息組織中的原理

在設(shè)計(jì)信息圖表時(shí)要達(dá)到上文所說(shuō)的五個(gè)要素，那么在組織信息這個(gè)步驟就一定不能隨便。對(duì)信息進(jìn)行準(zhǔn)確的梳理之后再進(jìn)行設(shè)計(jì)，絕對(duì)可以達(dá)到事半功倍的效果。使用L.A.T.C.H原理就是一個(gè)梳理信息的方法。這五個(gè)字母分別代表了位置、字母表、時(shí)間、類(lèi)別和層級(jí)。位置主要適用于各種信息的物理連接，字母表適用于被廣泛熟悉的組織結(jié)構(gòu)，時(shí)間顧名思義適用于以時(shí)間軸為聯(lián)系的信息，類(lèi)別是以信息的特點(diǎn)來(lái)分組，層級(jí)則是根據(jù)信息的重要程度等來(lái)組織。以層級(jí)舉例，一張信息圖表是絕對(duì)離不開(kāi)清晰的層級(jí)關(guān)系的。因此，在開(kāi)始動(dòng)手設(shè)計(jì)之前就把所有信息的層級(jí)關(guān)系梳理好，在設(shè)計(jì)時(shí)就會(huì)有清晰的結(jié)構(gòu)，會(huì)使得設(shè)計(jì)過(guò)程很順暢，也會(huì)避免最終圖表中的信息出現(xiàn)冗雜、混亂等情況。

四、信息圖表的設(shè)計(jì)與思考

（一）信息圖表的設(shè)計(jì)過(guò)程

信息圖表設(shè)計(jì)和所有的設(shè)計(jì)一樣，并非是一到手就可以進(jìn)行操作的，在設(shè)計(jì)之前必須經(jīng)過(guò)一系列的流程，一步一步地邁向最后成型的圖表。這些流程可以歸結(jié)為以下七步：選擇主題、收集數(shù)據(jù)、分析數(shù)據(jù)、確定表現(xiàn)形式、制作草圖、設(shè)計(jì)成型、檢驗(yàn)與發(fā)表。

首先是選擇主題，在大主題確定之后，不言而喻，是需要對(duì)一系列基于此主題下誕生的各種各樣類(lèi)型數(shù)據(jù)進(jìn)行羅列。而后就通過(guò)網(wǎng)絡(luò)查詢(xún)、考察調(diào)研等方式對(duì)這些數(shù)據(jù)進(jìn)行收集。在搜集完所有的數(shù)據(jù)之后，首先要做的就是對(duì)所獲得的數(shù)據(jù)進(jìn)行系統(tǒng)分析。分析后會(huì)發(fā)現(xiàn)各個(gè)不同類(lèi)型數(shù)據(jù)的內(nèi)容數(shù)據(jù)量大小差異明顯，那么這就要求設(shè)計(jì)者在這些繁雜的數(shù)據(jù)中去權(quán)衡將哪一方面的信息作為主要表現(xiàn)對(duì)象，哪一方面信息又是次一級(jí)或者再次一級(jí)的。這種選擇或是排序就涉及主客觀兩個(gè)方面的影響。主觀上，設(shè)計(jì)者在心中一定會(huì)有一個(gè)較為基本的界定，哪一些類(lèi)型的數(shù)據(jù)是可以進(jìn)行設(shè)計(jì)，進(jìn)行創(chuàng)新的。而在客觀上，要考慮到圖表的受眾會(huì)對(duì)哪一類(lèi)型的信息更感興趣。結(jié)合這兩方面因素的考慮，從而確定各個(gè)類(lèi)型信息的主次關(guān)系。

接著就是表現(xiàn)形式的確定。信息圖表的表現(xiàn)形式最需要將其本身傳遞的內(nèi)容作為一個(gè)最大的考量因素。作為一檔綜藝節(jié)目，那么在設(shè)計(jì)的時(shí)候一定不能把它做得很死板，無(wú)論是在編排上還是在圖表的表達(dá)上。

當(dāng)然，這些大的步驟中還會(huì)穿插著一些小的分支問(wèn)題，比如在表現(xiàn)形式下又需要考慮媒介的選擇、素材的選擇，或者是信息圖種類(lèi)的選擇。這些問(wèn)題都是在這些過(guò)程中需要解決的。完成以上這四個(gè)步驟之后就是剩下的三個(gè)動(dòng)手實(shí)現(xiàn)的過(guò)程。

（二）信息圖表的表現(xiàn)形式思考

一張優(yōu)秀的信息圖表一定是包含著如層級(jí)清晰、數(shù)據(jù)量飽滿(mǎn)、信息一目了然等優(yōu)點(diǎn)。除此之外，可能每一張圖表都會(huì)有其獨(dú)有的表現(xiàn)形式和手法。

那么究竟這些表現(xiàn)形式和手法是什么？以韓國(guó)著名信息圖表設(shè)計(jì)師張圣煥的作品為例（圖1），進(jìn)行簡(jiǎn)單的分析，筆者總結(jié)了以下兩個(gè)方面原因。

一是圖表需要有一個(gè)好的表現(xiàn)形式，即形式感強(qiáng)烈。在眾多展覽中不難發(fā)現(xiàn)，由于很多時(shí)候圖表的尺寸和海報(bào)相同，大眾很容易用審視海報(bào)的眼光去評(píng)判一張圖表。所以依靠形式感提升圖表的整體視覺(jué)效果，可以在第一時(shí)間抓住觀者的眼球，讓其進(jìn)一步地細(xì)讀內(nèi)容。如圖表“HANGUL”，其塊面感很強(qiáng)，整個(gè)圖表設(shè)計(jì)都是運(yùn)用了二維平面的形式表現(xiàn)，同時(shí)將其最重要的內(nèi)容置于圖表的中心位置并放大，使人的視覺(jué)在第一時(shí)間就能聚焦在其上。又如“LONDON”這張作品，它的亮點(diǎn)就在于其2.5D的插圖。整個(gè)圖表中，插畫(huà)占據(jù)了超過(guò)2/3的畫(huà)面，剩下的部分則是分配給了標(biāo)題和信息。同樣，這也是一種圖表形式的表現(xiàn)，也同樣在第一時(shí)間吸引了觀者。

二是信息類(lèi)型的疊加，即多種多組信息融合。這和前面所說(shuō)的數(shù)據(jù)量飽滿(mǎn)不同，前者是指同一種類(lèi)型信息的數(shù)據(jù)量足夠，而這里所說(shuō)的疊加則是說(shuō)不同內(nèi)容信息的飽滿(mǎn)。在這里其實(shí)也可以通俗地理解為數(shù)量多和種類(lèi)多兩個(gè)方面。例如“JAZZ”中，正中央的主圖形包含了許多的信息，并且信息層次豐富，并不只是簡(jiǎn)單地拘束于單一的數(shù)據(jù)。那么它所表達(dá)的不僅僅是數(shù)據(jù)量的飽滿(mǎn)，同時(shí)也是多種類(lèi)型數(shù)據(jù)的有機(jī)結(jié)合。

（三）《西安美食》設(shè)計(jì)中的部分問(wèn)題與思考

借由上述分析得到的結(jié)論，在實(shí)踐中設(shè)計(jì)了《西安美食》這一系列作品。整個(gè)設(shè)計(jì)過(guò)程中，不可避免地會(huì)出現(xiàn)許許多的問(wèn)題，重要的是如何對(duì)問(wèn)題進(jìn)行思考與解決。下面以《西安美食》系列中的三張圖表中所遇到的問(wèn)題來(lái)舉例說(shuō)明。

《這面很皮》（圖2）這張作品最重要的部分是對(duì)于其制作流程這一信息的表達(dá)，難點(diǎn)在于如何用圖形化的方式將這一步步流程簡(jiǎn)潔明了地表現(xiàn)出來(lái)。若只是單純的文字羅列，勢(shì)必會(huì)喪失圖表的圖形感。所以選擇用抽象的幾何圖形來(lái)繪制流程，配合小段文字，不僅闡釋了制作的過(guò)程，同時(shí)用圖表達(dá)了需要使用到的工具等內(nèi)容。再配合一些如“卡路里來(lái)源”“三秦套餐”等內(nèi)容來(lái)豐富整個(gè)圖表，使其內(nèi)容不那么單一，層次也足夠豐富。

《舌尖上的羊肉泡饃》（圖3）作為解說(shuō)美食的圖表，其重點(diǎn)也是在其制作過(guò)程的表達(dá)。筆者在設(shè)計(jì)時(shí)，考慮到其包含了饃與羊肉湯兩個(gè)制作過(guò)程，所以在經(jīng)過(guò)許多的嘗試后選擇了一個(gè)階梯的形式，讓其最后結(jié)合在一起。同時(shí)在其周邊輔以小段的文字和小圖標(biāo)，來(lái)解釋說(shuō)明每一個(gè)步驟。在周?chē)浜咸崾疽恍┤纭俺苑ā薄芭洳恕钡刃畔ⅲ沟眯畔⒏语枬M(mǎn)，同時(shí)整個(gè)畫(huà)面也具有了主次之分的層級(jí)感和平面構(gòu)成感。

《羊肉泡的那些事兒》（圖4）這個(gè)圖表主要是為了表現(xiàn)西安主要泡饃店的分布狀況。以插圖的形式畫(huà)出西安城墻內(nèi)外的場(chǎng)景，同時(shí)以數(shù)字標(biāo)注的方式標(biāo)注每一個(gè)區(qū)域的泡饃店數(shù)量。在右上角也配合了一張小圖來(lái)展現(xiàn)泡饃店的分布密度。圖表周邊也配上了一些輔助了解的數(shù)據(jù)以及信息。

設(shè)計(jì)一張信息圖表不難，但是設(shè)計(jì)一張好的信息圖表就不那么容易了。作為信息和數(shù)據(jù)的表達(dá)，一定需要更多的理性思考，一步一步地實(shí)驗(yàn)、一點(diǎn)一點(diǎn)地思考。這樣，最后呈現(xiàn)的作品才能經(jīng)得起檢驗(yàn)，經(jīng)得起推敲。

參考文獻(xiàn)：

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

[2]善本出版有限公司.以圖釋義[M].北京：電子工業(yè)出版社，2016.

[3]王紹強(qiáng).信息圖表設(shè)計(jì)：全球創(chuàng)意信息平面設(shè)計(jì)[M].北京：北京美術(shù)攝影出版社，2017.

（作者簡(jiǎn)介：朱竣凡，男，碩士研究生在讀，西安美術(shù)學(xué)院設(shè)計(jì)藝術(shù)學(xué)院，研究方向：視覺(jué)傳達(dá)）

（責(zé)任編輯 劉月嬌）