圖表在信息可視化中的設(shè)計(jì)研究

張倩

摘要：進(jìn)入信息時(shí)代以來(lái)，人類(lèi)社會(huì)的發(fā)展充斥著各類(lèi)信息。信息對(duì)人類(lèi)文明建設(shè)以及生活、科技、經(jīng)濟(jì)等諸多方面的發(fā)展也產(chǎn)生了深刻影響?？梢暬O(shè)計(jì)的范疇也隨著時(shí)代的不斷變遷而日益寬泛，圖表設(shè)計(jì)作為信息可視化的有效途徑也開(kāi)始廣泛地運(yùn)用。本文將通過(guò)探討信息可視化圖表設(shè)計(jì)的視覺(jué)表現(xiàn)形式以及元素、設(shè)計(jì)方法等進(jìn)行深入的分析與研究。

關(guān)鍵詞：信息可視化 圖表設(shè)計(jì) 設(shè)計(jì)方法

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

文章編號(hào)：1003-0069（2018）01-0122-02

引言

隨著人類(lèi)社會(huì)的快速發(fā)展，社會(huì)整體的信息環(huán)境也變得愈加復(fù)雜。伴隨著信息數(shù)量的加大，信息的類(lèi)型也越來(lái)越繁雜。人們每天在面對(duì)海量的信息中耗費(fèi)了大量的時(shí)間與精力去篩選出自己想要的內(nèi)容，嚴(yán)重地影響了人們的生活以及工作效率。在當(dāng)今這個(gè)信息爆炸的時(shí)代，人們?nèi)绾慰焖佾@取有價(jià)值的信息顯得極其重要。本文以信息圖表的設(shè)計(jì)為出發(fā)點(diǎn)，通過(guò)分析圖表的設(shè)計(jì)方法加深信息可視化中圖表設(shè)計(jì)的運(yùn)用。

一、信息可視化的概況

信息的設(shè)計(jì)是一個(gè)不斷搜索、篩選、整理和傳遞信息的重要過(guò)程，也是為了幫助我們能夠更加清晰地表達(dá)或傳遞所需要的信息。信息可視化設(shè)計(jì)是通過(guò)運(yùn)用視覺(jué)語(yǔ)言的方式重新去設(shè)計(jì)信息，并且將較為繁瑣又枯燥的信息數(shù)據(jù)用一種更為直觀、明了、生動(dòng)、快速的方式呈現(xiàn)給大眾。信息可視化最早由Stuart K.Card、Jock D.Mackinla和George G.Robertson于1989年提出，源于二十世紀(jì)90年代，信息可視化設(shè)計(jì)的出現(xiàn)也成為T(mén)A類(lèi)社會(huì)活動(dòng)方式的一次巨大變革，并且也是現(xiàn)代藝術(shù)設(shè)計(jì)中新的浪潮和研究方向。設(shè)計(jì)師們將其對(duì)于視覺(jué)認(rèn)知與社會(huì)因素的研究結(jié)合到可視化的設(shè)計(jì)當(dāng)中，通過(guò)圖形化的信息可視化技術(shù)去提高人們對(duì)于信息直觀獲取的能力。相比人們被動(dòng)地接收信息的方式而言，信息可視化圖形與交互技術(shù)的集合使繁雜的數(shù)據(jù)開(kāi)始被大眾所接受。信息可視化存在的意義就是通過(guò)運(yùn)用形象化的方式把不易被大眾理解的抽象信息清晰并且直觀地表現(xiàn)出來(lái)。

二、圖表設(shè)計(jì)的視覺(jué)定義及表現(xiàn)形式

（一）信息圖表設(shè)計(jì)的定義

隨著電腦技術(shù)的不斷發(fā)展，信息圖表設(shè)計(jì)的形式也開(kāi)始多種多樣。起初圖表設(shè)計(jì)的運(yùn)用是在20世紀(jì)末才出現(xiàn)在平面設(shè)計(jì)當(dāng)中，它屬于信息可視化中的一個(gè)重要分支。圖表設(shè)計(jì)是通過(guò)對(duì)龐大的數(shù)據(jù)進(jìn)行梳理，然后結(jié)合其特定的內(nèi)容以及視覺(jué)元素再將信息簡(jiǎn)單、連貫并且全面地轉(zhuǎn)變成可視化的具體產(chǎn)物，通過(guò)建立其中相對(duì)應(yīng)的關(guān)系再進(jìn)行信息的展示。信息圖表最早出現(xiàn)在各大報(bào)紙、雜志和媒體上，隨著信息設(shè)計(jì)時(shí)代的到來(lái)，設(shè)計(jì)師們通過(guò)其自身對(duì)審美的理解和需求，將原本枯燥無(wú)味的圖表進(jìn)行了美化，讓信息的傳遞方式更為直觀和便捷，便于大眾能夠更好地去識(shí)別所傳達(dá)的內(nèi)容，并通過(guò)對(duì)圖表的視覺(jué)傳達(dá)引發(fā)大眾對(duì)于信息的深層挖掘并喚起內(nèi)心的情感。普通的文檔和表格編輯在表現(xiàn)力上十分欠缺，而信恩可視化圖表的設(shè)計(jì)則較為直觀并且畫(huà)面感更強(qiáng)。圖表設(shè)計(jì)具體是由文字、符號(hào)、數(shù)字、圖像、板式等多種形式搭配組合而表現(xiàn)出來(lái)的。其圖表設(shè)計(jì)的門(mén)類(lèi)也十分廣泛，大到全球的數(shù)據(jù)分析小到個(gè)人的具體分析，圖表設(shè)計(jì)都可以把繁瑣的數(shù)據(jù)轉(zhuǎn)變?yōu)樯术r明并且內(nèi)容生動(dòng)的畫(huà)面。信息可視化圖表的設(shè)計(jì)并不局限于特定的學(xué)科，它融合了科學(xué)、設(shè)計(jì)、藝術(shù)和設(shè)計(jì)，作為一個(gè)跨領(lǐng)域的體系，其最終目的也是為了幫助大眾更好地分析數(shù)據(jù)所反映出來(lái)的本質(zhì)。

（二）信息圖表的分類(lèi)

關(guān)于信息圖表可以分為六大類(lèi)，分別是圖解、表格、統(tǒng)計(jì)圖、地圖、和圖形符號(hào)。圖解主要是通過(guò)配圖的形式將事物進(jìn)行細(xì)致的說(shuō)明和解釋?zhuān)槐砀袷歉鶕?jù)特定的信息內(nèi)容來(lái)進(jìn)行劃分和區(qū)分；統(tǒng)計(jì)圖是通過(guò)數(shù)據(jù)的變化趨勢(shì)來(lái)展開(kāi)的；地圖是為了描述區(qū)域與所處空間的位置來(lái)進(jìn)行的；圖形符號(hào)則是不需要文字語(yǔ)言只需要通過(guò)特定的圖形符號(hào)來(lái)傳達(dá)相關(guān)信息。

如果將信息圖表通過(guò)文字、圖形、數(shù)據(jù)等角度來(lái)劃分的話，又可以將圖表分為時(shí)間關(guān)系性圖表、空間關(guān)系性圖表、推導(dǎo)性圖表和關(guān)聯(lián)性圖表。時(shí)間關(guān)系性圖表指的是以時(shí)間軸為依據(jù)，表述信息在時(shí)間上的先后所產(chǎn)生的變化（可以通過(guò)時(shí)間發(fā)展的先后關(guān)系，用信息圖表去闡述事物隨著時(shí)間所產(chǎn)生的變化）；空間關(guān)系性圖表指的是按照一定的比例或者高度將空間的位置表現(xiàn)出來(lái)，可以變現(xiàn)出一定距離、高度和面積等。例如我們?nèi)粘Ｍㄟ^(guò)導(dǎo)航所看到的立體地圖和導(dǎo)視圖等；推導(dǎo)性圖表一般是為了闡述事物的因果關(guān)系和邏輯的變化情況，例如我們都接觸到的流程圖就是按照這樣的邏輯思維去設(shè)計(jì)的；關(guān)聯(lián)性圖表描述的則是在特定的關(guān)系之下信息數(shù)據(jù)之間的聯(lián)系，如事物與事物、個(gè)體與整體或者個(gè)體與個(gè)體所存在的聯(lián)系。在圖表的設(shè)計(jì)過(guò)程中，設(shè)計(jì)師們會(huì)根據(jù)信息的具體內(nèi)容進(jìn)行具體分析然后選擇更為合適的圖表類(lèi)型進(jìn)行設(shè)計(jì)。只有通過(guò)正確的表現(xiàn)形式才能夠使信息的傳達(dá)更加高效，不然會(huì)起到事半功倍的效果。

（三）信息圖表設(shè)計(jì)的表現(xiàn)形式

在日常生活我們所接觸到的傳統(tǒng)數(shù)據(jù)圖表的表現(xiàn)形式又分為樹(shù)狀圖、柱狀圖、散點(diǎn)圖、曲線圖、餅狀圖。其中樹(shù)狀圖屬于信息設(shè)計(jì)中最基本的數(shù)據(jù)圖表之一，這種圖表的樹(shù)形理念源自樹(shù)枝生長(zhǎng)時(shí)的分支節(jié)點(diǎn)，當(dāng)信息排列布局混亂的時(shí)候，樹(shù)枝形的層次結(jié)構(gòu)可以很好地進(jìn)行分類(lèi)和整合。樹(shù)狀圖的設(shè)計(jì)是為了把復(fù)雜的信息通過(guò)分支梳理得更加清晰明確，其主體的框架強(qiáng)調(diào)了一種組織的關(guān)系。樹(shù)狀圖通常運(yùn)用在商業(yè)環(huán)境中，通過(guò)層次關(guān)系和分類(lèi)讓復(fù)雜的信息變得更加簡(jiǎn)潔明了；柱狀圖是匯總數(shù)據(jù)最迅速的圖表，能夠度量龐大的數(shù)據(jù)并通過(guò)恰當(dāng)?shù)闹鶢顖D來(lái)表現(xiàn)出來(lái)，可以清晰地顯示出數(shù)據(jù)點(diǎn)在數(shù)值范圍內(nèi)具體的分布情況；散點(diǎn)圖顯示的是數(shù)據(jù)分布的情況，散點(diǎn)中的“點(diǎn)”占據(jù)的空間小，更能夠體現(xiàn)數(shù)據(jù)的變化和流動(dòng)趨勢(shì)，其根本在于去尋找變量之間的關(guān)系；曲線圖來(lái)源于英格蘭的“曲線之父”威廉.普萊威爾，他為了便于人們易于理解數(shù)據(jù)，創(chuàng)造出來(lái)線形圖、條狀圖以及餅狀圖來(lái)代替數(shù)據(jù)。通過(guò)幾何圖形的方式來(lái)表達(dá)數(shù)據(jù)比單純的數(shù)據(jù)顯得更具有說(shuō)服力，曲線圖是利用了坐標(biāo)軸來(lái)進(jìn)行不同節(jié)點(diǎn)位置的標(biāo)識(shí)再依次連接成曲線，通過(guò)這個(gè)曲線可以讓人們充分地感受到不同時(shí)期數(shù)據(jù)所產(chǎn)生的變化；餅狀圖也是由威廉.普萊威爾繪制的，餅狀圖是通過(guò)比例形式來(lái)顯示局部和整體之間的大體關(guān)系?？梢酝ㄟ^(guò)在一個(gè)面積里根據(jù)不同的數(shù)據(jù)比例產(chǎn)生相對(duì)應(yīng)的變化，便于大眾可以直觀地觀察到不同數(shù)據(jù)的占有量。可視化的圖表就是通過(guò)提取主要的內(nèi)容并清晰、美觀地展現(xiàn)給大眾。以上所說(shuō)的五種都是傳統(tǒng)數(shù)據(jù)圖表的基本表現(xiàn)形式，

三、圖表設(shè)計(jì)在信息可視化中的應(yīng)用

（一）信息可視化圖表的設(shè)計(jì)要素

信息必須依附于適當(dāng)?shù)妮d體之中才能進(jìn)行有效傳播，因此圖表在視覺(jué)設(shè)計(jì)中所需要構(gòu)建的要素是極其重要的，對(duì)于這些視覺(jué)要素進(jìn)行有效的組織、篩選、排列，從而可以高效率地將圖表信息傳達(dá)出來(lái)。

圖表設(shè)計(jì)的基礎(chǔ)視覺(jué)元素包含了文字、符號(hào)、數(shù)據(jù)、圖形、色彩等。圖表的主題及信息內(nèi)容都會(huì)通過(guò)簡(jiǎn)要的標(biāo)題來(lái)進(jìn)行闡述，通過(guò)其引導(dǎo)大眾進(jìn)行選擇性地讀取信息。Ⅲ圖表的內(nèi)容里存在的文字符號(hào)和數(shù)字則起到了解釋說(shuō)明的作用，但是不宜大篇幅地進(jìn)行編排，否則違背了圖表本身直觀的表達(dá)方式而顯得畫(huà)蛇添足。文字符號(hào)除了起到信息傳遞還可能夠表現(xiàn)出動(dòng)感和質(zhì)感，設(shè)計(jì)師可以通過(guò)設(shè)置文字符號(hào)的方向、大小、粗細(xì)來(lái)表現(xiàn)一定的速度感和節(jié)奏感，通過(guò)文字符號(hào)演繹的信息在傳達(dá)與接收的互動(dòng)上顯得更具有意義。數(shù)據(jù)是圖表信息最初的表現(xiàn)形式，它代表了一種信息的科學(xué)性及系統(tǒng)性，在心理上能夠提升大眾的可信度。隨著信息社會(huì)的不斷發(fā)展，圖形和數(shù)據(jù)的結(jié)合使信息所對(duì)應(yīng)的事物現(xiàn)狀以及發(fā)展趨勢(shì)都能生動(dòng)地表現(xiàn)出來(lái)。對(duì)于文字和數(shù)字而言，圖形更能讓人們記憶猶新。信息圖表設(shè)計(jì)經(jīng)常會(huì)使用圖形語(yǔ)言來(lái)富有成效的傳達(dá)信息，生動(dòng)的圖形語(yǔ)言能夠使得圖表內(nèi)容更加清晰。圖形語(yǔ)言既具備強(qiáng)大的視覺(jué)沖擊力，還蘊(yùn)含了豐富的信息，圖表設(shè)計(jì)中圖形一般分為具象和抽象。具象的圖形設(shè)計(jì)都是圍繞信息內(nèi)容而展開(kāi)的，它不僅僅是為了增強(qiáng)畫(huà)面的感染力，而且還呼應(yīng)了主題。抽象的圖形是用來(lái)標(biāo)識(shí)圖表中的方向、位置、大小等，一般會(huì)搭配相應(yīng)的文字。愛(ài)德華.塔夫特曾經(jīng)說(shuō)過(guò)“圖形表達(dá)應(yīng)當(dāng)使那些發(fā)現(xiàn)文字難于理解的觀眾感到愉悅和樂(lè)趣”。不難看出，圖形語(yǔ)言不僅需要較強(qiáng)的表現(xiàn)力，還要按照人們的認(rèn)知及行為進(jìn)行設(shè)計(jì)。在信息可視化中色彩作為視覺(jué)的第一要素具有豐富的表現(xiàn)力，因此將色彩運(yùn)用到圖表上是極具說(shuō)服力和感召力。色彩通過(guò)色相、明度、純度三個(gè)基本屬性可以感知其所表達(dá)的色彩語(yǔ)言，不同的色彩符號(hào)都會(huì)使大眾心理、生理以及情感產(chǎn)生反應(yīng)從而展開(kāi)聯(lián)想。色彩也分為暖色調(diào)和冷色調(diào)，暖色調(diào)給人一種溫暖、溫馨、親切的感覺(jué)；冷色調(diào)則給人一種寒冷、堅(jiān)硬、消極的感覺(jué)。結(jié)合到圖表設(shè)計(jì)中，色彩可以通過(guò)顏色區(qū)分開(kāi)不同的信息內(nèi)容以及不同意義的事物。盡管色彩本身是依附于圖形而存在的，但是在信息可視化設(shè)計(jì)中，色彩不會(huì)禁錮于本身所具備的固有色，而是通過(guò)清晰明確的象征性和概括性去傳遞信。例如綠色常被用作環(huán)保顏色、藍(lán)色則被應(yīng)用于一些通訊類(lèi)型方面的顏色等。

（二）信息可視化圖表的設(shè)計(jì)方法

圖表的設(shè)計(jì)并不能毫無(wú)目的地將圖片文字符號(hào)等拼湊在一切，而是要有設(shè)計(jì)的意識(shí)。在制作可視化圖表前一定要明確好受眾的目標(biāo)群體，并明確圖表的主題。在圖表的內(nèi)容重點(diǎn)上也有主次之分，因此需要我們摒棄無(wú)關(guān)緊要的內(nèi)容。在目標(biāo)確定后則需要設(shè)計(jì)故事線索，便于今后在圖表設(shè)計(jì)中方便修改和整理。對(duì)于信息數(shù)據(jù)進(jìn)行采集和整理也是很重要的，將重要信息歸納分類(lèi)對(duì)后期的圖表填充也是起到一定支撐的。對(duì)于設(shè)計(jì)師而言，想要設(shè)計(jì)出一副好的作品就需要用構(gòu)圖工具在紙上快速成型以便于修改。信息圖不用過(guò)于的花哨，而是應(yīng)該在簡(jiǎn)單樸素的樣式上加入美化，并且能兼顧大眾閱讀的體驗(yàn)感及突出數(shù)據(jù)功能。當(dāng)設(shè)計(jì)靈感受到限制的時(shí)候，可以通過(guò)瀏覽國(guó)內(nèi)外的優(yōu)秀作品尋找啟發(fā)再進(jìn)行設(shè)計(jì)要素的布局。總而言之，在設(shè)計(jì)圖表時(shí)首先一定要學(xué)會(huì)在眾多瑣碎的信息中選擇重點(diǎn)進(jìn)行簡(jiǎn)化，其次要根據(jù)人們視線的活動(dòng)范圍構(gòu)建好合理的圖表空間，有主次地展示信息。在圖表中減少文字出現(xiàn)頻率，多運(yùn)用符號(hào)和指示圖形進(jìn)行信息的傳達(dá)，再通過(guò)不同的色彩來(lái)區(qū)分信息。合理的設(shè)計(jì)方法不但可以使信息傳遞得更為便捷，還豐富了我們的日常生活。

（三）圖表設(shè)計(jì)在現(xiàn)代社會(huì)的應(yīng)用及展望

圖表的使用從遠(yuǎn)古時(shí)期就開(kāi)始了，隨著可視化技術(shù)的不斷提高，信息圖表的設(shè)計(jì)逐步有了新的趨勢(shì)和面貌。按照信息可視化圖表設(shè)計(jì)的載體可以劃分為傳統(tǒng)媒體類(lèi)和新媒體類(lèi)。傳統(tǒng)的媒體類(lèi)指的是靜態(tài)的圖表通過(guò)紙質(zhì)媒體來(lái)進(jìn)行相互傳遞，新媒體類(lèi)是打破了傳統(tǒng)的靜態(tài)單維的限制，從人們的視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)去幫助讀者有效地獲取信息內(nèi)容。例如網(wǎng)頁(yè)、手機(jī)、動(dòng)畫(huà)等進(jìn)行多維的傳遞，不僅可以呈現(xiàn)多層次的數(shù)據(jù)可視化，還提高了用戶(hù)的動(dòng)態(tài)的體驗(yàn)感。除此之外。新媒體的信息可視化傳播成本較低并且環(huán)保，它在一定程度上節(jié)省了印刷和制造的費(fèi)用。[8]信息可視化設(shè)計(jì)是一個(gè)巨大的技術(shù)創(chuàng)新平臺(tái)，在今后的發(fā)展中可視化圖表設(shè)計(jì)會(huì)通過(guò)與三維動(dòng)畫(huà)、實(shí)體模型等相結(jié)合，對(duì)信息做到深層的剖析使所有參數(shù)具體化，并通過(guò)HTML5建立更多豐富的可視化信息圖表。

結(jié)語(yǔ)

信息可視化設(shè)計(jì)作為一門(mén)前沿的學(xué)科，是互聯(lián)網(wǎng)時(shí)代信息設(shè)計(jì)發(fā)展的新方向。隨著計(jì)算機(jī)技術(shù)和網(wǎng)絡(luò)發(fā)展的進(jìn)步，都為可視化圖表的信息設(shè)計(jì)提供了更為廣闊的發(fā)展前景。如何將圖表設(shè)計(jì)得更具有邏輯性和關(guān)聯(lián)性，讓大眾更加深入地理解并投入其中，需要更多的摸索和創(chuàng)新。因此信息可視化的圖表設(shè)計(jì)在今后的設(shè)計(jì)過(guò)程中應(yīng)該靈活地去采納不同維度的形式，使圖表設(shè)計(jì)適用于更多的領(lǐng)域。