淺談信息圖表的設計原理與形式

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

關鍵詞：信息整合設計 數據可視化 圖表

一、引言

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

目前，在我國設計行業中，信息圖表設計并沒有受到太大的重視，雖然情況在好轉，但是與其實用性相比，還遠遠不夠。所以本文旨在通過對信息圖表設計作品的簡單分析，來對信息圖表的重要性與實用性等方面作一定程度上的解讀。

（二）課題特點

本課題通過對信息圖表設計的典型案例分析來探討其在設計中的共通點。然后利用總結出的要點來對照作品設計過程中產生的問題與解決方法，把分析結果和設計實踐相結合。

（三）研究方法

個案研究法：研究著名圖表設計師張圣煥的作品，從中學習其設計優點。

文獻研究法：通過對相關出版物的深入閱讀，加深對信息圖表設計理解的廣度與深度。

經驗總結法：對個案、文獻等進行研究后，總結其中的要點，運用到設計中遇到的問題中去。

二、信息圖表概述

（一）信息圖表的定義

信息圖表是指信息、數據、知識等的視覺化表達，以優化信息的傳遞。這種優化信息的傳遞可以理解為一種充分理解和系統整理復雜或難以表達的信息，并通過圖形將其簡單、清晰地呈現給讀者的信息可視化方法。美國著名圖表信息設計家烏爾曼說：“成功的視覺交流信息設計將被定義為被鑄造的成功建筑、被凝固的音樂，信息理解是一種能量。”

（二）中國的信息設計現狀

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

（三）信息可視化的功能與特點

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

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

（一）視覺傳達中的信息圖表設計要素

能將很繁復的信息用圖表的形式來講清楚講明白，那么這就是一張優秀的信息圖表。作為視覺傳達設計下的信息圖表，僅僅做到這一點當然是不夠的。在2009年紐約舉行新聞視覺設計大賽后，專家總結了五個要素，認為這些要素是在設計信息圖表時應該納入考慮的。這五個要素分別是吸引人、清晰、簡潔、流暢和去文字化。

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

（二）信息組織中的原理

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

四、信息圖表的設計與思考

（一）信息圖表的設計過程

信息圖表設計和所有的設計一樣，并非是一到手就可以進行操作的，在設計之前必須經過一系列的流程，一步一步地邁向最后成型的圖表。這些流程可以歸結為以下七步：選擇主題、收集數據、分析數據、確定表現形式、制作草圖、設計成型、檢驗與發表。

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

接著就是表現形式的確定。信息圖表的表現形式最需要將其本身傳遞的內容作為一個最大的考量因素。作為一檔綜藝節目，那么在設計的時候一定不能把它做得很死板，無論是在編排上還是在圖表的表達上。

當然，這些大的步驟中還會穿插著一些小的分支問題，比如在表現形式下又需要考慮媒介的選擇、素材的選擇，或者是信息圖種類的選擇。這些問題都是在這些過程中需要解決的。完成以上這四個步驟之后就是剩下的三個動手實現的過程。

（二）信息圖表的表現形式思考

一張優秀的信息圖表一定是包含著如層級清晰、數據量飽滿、信息一目了然等優點。除此之外，可能每一張圖表都會有其獨有的表現形式和手法。

那么究竟這些表現形式和手法是什么？以韓國著名信息圖表設計師張圣煥的作品為例（圖1），進行簡單的分析，筆者總結了以下兩個方面原因。

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

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

（三）《西安美食》設計中的部分問題與思考

借由上述分析得到的結論，在實踐中設計了《西安美食》這一系列作品。整個設計過程中，不可避免地會出現許許多的問題，重要的是如何對問題進行思考與解決。下面以《西安美食》系列中的三張圖表中所遇到的問題來舉例說明。

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

《舌尖上的羊肉泡饃》（圖3）作為解說美食的圖表，其重點也是在其制作過程的表達。筆者在設計時，考慮到其包含了饃與羊肉湯兩個制作過程，所以在經過許多的嘗試后選擇了一個階梯的形式，讓其最后結合在一起。同時在其周邊輔以小段的文字和小圖標，來解釋說明每一個步驟。在周圍配合提示一些如“吃法”“配菜”等信息，使得信息更加飽滿，同時整個畫面也具有了主次之分的層級感和平面構成感。

《羊肉泡的那些事兒》（圖4）這個圖表主要是為了表現西安主要泡饃店的分布狀況。以插圖的形式畫出西安城墻內外的場景，同時以數字標注的方式標注每一個區域的泡饃店數量。在右上角也配合了一張小圖來展現泡饃店的分布密度。圖表周邊也配上了一些輔助了解的數據以及信息。

設計一張信息圖表不難，但是設計一張好的信息圖表就不那么容易了。作為信息和數據的表達，一定需要更多的理性思考，一步一步地實驗、一點一點地思考。這樣，最后呈現的作品才能經得起檢驗，經得起推敲。

參考文獻：

[1]木村博之.圖解力：跟頂級設計師學作信息圖[M].北京：人民郵電出版社，2013.

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

[3]王紹強.信息圖表設計：全球創意信息平面設計[M].北京：北京美術攝影出版社，2017.

（作者簡介：朱竣凡，男，碩士研究生在讀，西安美術學院設計藝術學院，研究方向：視覺傳達）

（責任編輯 劉月嬌）