陳小巧

摘要：

本文從數(shù)據(jù)圖表、數(shù)據(jù)地圖、多變量圖表、ISOTYPE、地鐵圖、書籍設(shè)計(jì)等六個(gè)方面來梳理西方信息圖表的發(fā)展歷史及其對(duì)當(dāng)今設(shè)計(jì)的深遠(yuǎn)影響。

關(guān)鍵詞：

信息圖表 數(shù)據(jù)圖表 數(shù)據(jù)地圖 多變量圖表 ISOTYPE 地鐵圖 書籍設(shè)計(jì)

中圖分類號(hào)：G203

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2015）05-0132-02

“如果沒有創(chuàng)造性的天才人物發(fā)現(xiàn)圖表并不僅僅是一種繪畫，那么信息圖表就會(huì)永遠(yuǎn)局限在簡(jiǎn)單的地圖或曲線圖上。圖表所標(biāo)注的經(jīng)驗(yàn)數(shù)據(jù)的魅力在于，它靠直觀的視覺信息傳遞出復(fù)雜的解釋過程。”威廉.普萊費(fèi)（William Playfair）、約翰.斯諾（John Snow）、查爾斯.約瑟夫.米納德（Charles Joseph Minard）、奧圖.紐拉特（Otto Neurath）、亨利·貝克（Harry Beck）、赫伯特.拜耶（Herbert Bayer）等人發(fā)現(xiàn)把復(fù)雜的數(shù)據(jù)與圖表結(jié)合使用，可以直觀、快速地反應(yīng)出數(shù)據(jù)的規(guī)律。由于信息圖表表達(dá)清晰、準(zhǔn)確、且易于理解，因而具有超強(qiáng)的說服力。

一 數(shù)據(jù)圖表的開端

蘇格蘭工程師、政治經(jīng)濟(jì)學(xué)家威廉，普萊費(fèi)爾堅(jiān)信在某些情況下圖表要比文字信息更容易被理解。在他編寫的《The Commercial and PoliticalAtlas》和《The Statistical Breviary》兩本書中展示了曲線圖、條形圖和餅形圖，并運(yùn)用這三種數(shù)據(jù)圖表來傳達(dá)復(fù)雜的經(jīng)濟(jì)數(shù)據(jù)。

曲線圖是指利用坐標(biāo)軸確定各個(gè)數(shù)據(jù)的位置，并依次連接各個(gè)節(jié)點(diǎn)所形成的曲線，它表示的是數(shù)據(jù)在演進(jìn)過程中的變化，多用于展示連續(xù)時(shí)間段內(nèi)出現(xiàn)的數(shù)據(jù)。

如圖1《英格蘭的貿(mào)易狀況》正是運(yùn)用了曲線圖表來記錄1700年至1800年之間英格蘭對(duì)愛爾蘭的貿(mào)易狀況。圖中以時(shí)間和金額為坐標(biāo)軸，紅色線代表英格蘭對(duì)愛爾蘭的出口情況，黃色線代表英格蘭對(duì)愛爾蘭的進(jìn)口情況，兩線相交形成三個(gè)不同的區(qū)域，第一個(gè)是黃色線高于紅色線所形成的區(qū)域，表明進(jìn)口大于出口水平，處于貿(mào)易逆差狀態(tài)；第二個(gè)是兩線的交匯點(diǎn)，說明當(dāng)時(shí)處于貿(mào)易平衡狀態(tài)；第三個(gè)則是黃色線低于紅色線所形成的區(qū)域，表明正處于貿(mào)易順差時(shí)期。在這張具有時(shí)間序列的圖表中，兩條“線”的運(yùn)動(dòng)軌跡清晰地呈現(xiàn)了一組經(jīng)濟(jì)數(shù)據(jù)，使受眾能夠從一個(gè)對(duì)比的角度來了解數(shù)據(jù)發(fā)展的趨勢(shì)。

同樣是用來記錄貿(mào)易數(shù)據(jù)，《蘇格蘭的貿(mào)易狀況》（見圖2）則運(yùn)用了條形圖（條形圖的特點(diǎn)是使用垂直或水平的條狀線段來記錄連續(xù)性或非連續(xù)的數(shù)據(jù)，多用來對(duì)比同類資料）來傳遞信息。圖中描述了蘇格蘭在1780年至1781年期間與17個(gè)國(guó)家的進(jìn)出口情況。圖表中的橫軸表示進(jìn)出口的數(shù)據(jù)，縱軸表示17個(gè)不同的國(guó)家。黑色的柱形表示的是出口情況，非實(shí)心柱形則表示的是進(jìn)口情況，同時(shí)，使用了數(shù)字“o”來表示進(jìn)出口為零的數(shù)據(jù)。透過圖表中的網(wǎng)格設(shè)計(jì)，受眾可以更加清楚地對(duì)比各組數(shù)據(jù)，從而提高信息獲取的效率。

除了曲線圖、條形圖可以用來記錄復(fù)雜的數(shù)據(jù)外，普萊費(fèi)爾還發(fā)明了餅形圖。餅形圖是以圓心為中心，把圓劃分為若干個(gè)扇形的統(tǒng)計(jì)圖表，常用于描述數(shù)量和百分比之間的相對(duì)關(guān)系。在餅形圖中，每個(gè)扇形的角度和面積的大小都是根據(jù)數(shù)量的比例來定的。如圖3《歐洲各國(guó)的人口數(shù)量和稅收情況》，使用了相對(duì)大小的圓、不同的色彩、以及相對(duì)長(zhǎng)度的垂直線來描述歐洲幾個(gè)重要國(guó)家的人口、稅收以及土地面積，從圖中我們可以很快地對(duì)比出各帝國(guó)的領(lǐng)土大小和政府的財(cái)政概況。土耳其帝國(guó)是個(gè)橫跨亞、歐、非三大洲的龐大帝國(guó)，如圖4描述的是土耳其帝國(guó)在亞洲、歐洲及非洲中所占的土地面積。由于亞洲是個(gè)海洋之洲，因而用藍(lán)色代表亞洲國(guó)家，紅色代表歐洲的土地權(quán)力，至于為何用黃色來代表非洲，至今還沒有一個(gè)明確的說法。左邊紅色的垂直線代表了土耳其的人口數(shù)量，右邊黃色的垂直線表示的是稅收，兩垂直線之間用一條斜線相連，說明這兩組數(shù)據(jù)表示的是同一個(gè)國(guó)家的信息。

二 數(shù)據(jù)地圖的啟蒙

數(shù)據(jù)地圖是信息圖表中最具說服力的表達(dá)方式之一，它以一種簡(jiǎn)潔的、具有普遍認(rèn)知力的方式傳達(dá)復(fù)雜的信息。

1854年，倫敦發(fā)生霍亂。由于找不到疫情的源頭，無法控制疫情，因而導(dǎo)致成千上萬的人喪生在這場(chǎng)疫病當(dāng)中。為了阻止霍亂的擴(kuò)散，內(nèi)科醫(yī)生約翰，斯諾收集了大量的數(shù)據(jù)，并繪制了霍亂疫情圖（見圖5）。圖中的“X”符號(hào)表示的是水泵的位置，人們?nèi)粘５纳钣盟紒碓从谶@些水泵。而每一個(gè)點(diǎn)則表示一個(gè)因霍亂而死亡的人，各個(gè)點(diǎn)所在的位置正是死亡的人所居住的地方。從圖表中我們可以清晰地看到密度最高的點(diǎn)分布在百老大街（Broad Street）上的水泵附近，由此表明霍亂的傳染源正是這個(gè)水泵。

《斯諾的霍亂疫情圖》通過對(duì)空間的分析，把數(shù)據(jù)與地理地圖結(jié)合起來使用，找到霍亂的源頭，遏制了霍亂的蔓延。這種用視覺化的表現(xiàn)手法展示復(fù)雜信息的數(shù)據(jù)地圖“成為空間數(shù)據(jù)分析和流行病學(xué)兩個(gè)學(xué)科領(lǐng)域的共同起源”。

三 多變量圖表的先驅(qū)

1861年，法國(guó)工程師查爾斯·約瑟夫·米納德繪制了一張描述五種變量信息的圖表。米納德運(yùn)用了視覺化的手段把五組復(fù)雜的變量信息簡(jiǎn)化，并清晰、準(zhǔn)確、完整地表達(dá)了故事的始末，它就“像一個(gè)雄辯的人蔑視只會(huì)用文字記載的歷史學(xué)家”。如圖6《Figurative map of Successive Losses inMen of the French Army in the Russian Campaign》記錄了軍隊(duì)的人數(shù)、行軍的地理位置、軍隊(duì)前進(jìn)的方向、溫度以及日期五種變量。當(dāng)時(shí)米納德已經(jīng)開始運(yùn)用色彩對(duì)比來分類信息，褐色區(qū)域表示大軍入侵俄羅斯時(shí)的人員變動(dòng)情況以及進(jìn)軍線路，與之相反，黑色線則表示大軍撤退時(shí)的情況，而線的寬度都反映了軍隊(duì)力量的分布。大軍進(jìn)軍時(shí)大約有42萬人，抵達(dá)莫斯科時(shí)剩下10萬人；當(dāng)軍隊(duì)從莫斯科撤退時(shí)，遭遇了殘酷的冷冬，由于饑餓和刺骨的嚴(yán)寒，最后大軍僅存1萬人回到了波蘭。米納德設(shè)計(jì)的多變量信息圖表清晰地反映了一個(gè)悲慘的事實(shí)：超過40萬人在這場(chǎng)戰(zhàn)役中死去。

四 符號(hào)制造的世界連接

“我們看到，在遠(yuǎn)東，一種書面語有著大量相應(yīng)的口頭語。我們創(chuàng)造了一種國(guó)際圖式語言（作為一種輔助語言），世界上所有普通語言的基本單位都能置入其中。這種圖式語言我們名之為‘伊索體?！?925年，奧地利哲學(xué)家、科學(xué)家、社會(huì)學(xué)家、經(jīng)濟(jì)學(xué)家以及邏輯實(shí)證主義維也納學(xué)派的創(chuàng)始人之一奧圖·紐拉特創(chuàng)辦了視覺教育研究所（從事圖形表達(dá)系統(tǒng)的研究），即ISOTYPE（International Systerm of Typegraphic Pictu reEducation）國(guó)際印刷圖形教育系統(tǒng)（即伊索體）。紐拉特倡導(dǎo)推動(dòng)國(guó)際圖式語言，希望借此跨越文字語言的障礙以促進(jìn)信息的交流。

如圖7描述的是中西方（美國(guó)、英國(guó)、法國(guó)和中國(guó)）城市化進(jìn)程的人口情況對(duì)比。圖像所表現(xiàn)的細(xì)節(jié)被簡(jiǎn)化，使用人形輪廓的符號(hào)表示人口，并通過符號(hào)的數(shù)量和顏色作出定量的表達(dá)，以直觀的形象取代了抽象的數(shù)字，這種符號(hào)易于被解讀，使受眾能夠一目了然地看出各國(guó)人口的數(shù)量對(duì)比。

雖然，紐拉特把符號(hào)國(guó)際標(biāo)準(zhǔn)化的設(shè)想最終未能實(shí)現(xiàn)，但是ISOTYPE系統(tǒng)對(duì)當(dāng)代信息設(shè)計(jì)卻產(chǎn)生了巨大的影響，我們?nèi)粘Ｉ钪兴姷降臉?biāo)識(shí)符號(hào)都是來源于ISOTYPE的理念。

五 地鐵圖引領(lǐng)的世界潮流

20世紀(jì)20年代初，隨著倫敦地鐵線路和站點(diǎn)的增多，當(dāng)時(shí)的地鐵圖設(shè)計(jì)已經(jīng)無法高效地傳達(dá)信息。如圖8是1921年的倫敦地鐵圖，其線路、站點(diǎn)以及字體的設(shè)計(jì)在一定程度上影響了受眾獲取信息的效率。為了解決這個(gè)問題，英國(guó)工程制圖員亨利，貝克突破了距離和空間的限制設(shè)計(jì)出了新的倫敦地鐵圖（見圖9）。新倫敦地鐵圖的設(shè)計(jì)拋開了地鐵的實(shí)際線路和站點(diǎn)的實(shí)際距離，同時(shí)，把除泰晤河以外的所有背景都去掉，并且不按比例繪制。另外，貝克創(chuàng)造了一種新的網(wǎng)格系統(tǒng)，把舊倫敦地鐵圖中的曲線調(diào)整為垂直線、水平線和45度角斜線，用這些線把各個(gè)等距的站點(diǎn)連接起來，使信息有條理地展示出來。站點(diǎn)的設(shè)計(jì)也有所不同，普通站點(diǎn)使用相同長(zhǎng)度的線段來表示，并與線路呈垂直狀態(tài)，換乘站點(diǎn)則用菱形的小方塊來表示。

亨利·貝克設(shè)計(jì)的倫敦地鐵圖以一種全新的視覺向度清晰、有條理地把復(fù)雜的信息展示出來，線路、站點(diǎn)、字體以及色彩的設(shè)計(jì)無一不蘊(yùn)含豐富的信息。它不僅是信息圖表設(shè)計(jì)的典范，而且對(duì)世界的交通圖系統(tǒng)產(chǎn)生了深遠(yuǎn)的影響，成為世界交通圖設(shè)計(jì)的范本。

六 數(shù)據(jù)圖表在書籍設(shè)計(jì)中的應(yīng)用

中國(guó)著名書籍設(shè)計(jì)師呂敬人曾經(jīng)寫道：“設(shè)計(jì)師如何采用新的傳播思路和設(shè)計(jì)語言，讓受眾來選擇書籍并樂意接受視覺化信息傳達(dá)的全新感受，正是這一時(shí)代對(duì)設(shè)計(jì)師提出的要求?！庇纱丝梢?，書籍設(shè)計(jì)應(yīng)該準(zhǔn)確、精煉地為讀者傳達(dá)或復(fù)雜、或枯燥、或深?yuàn)W的信息，令讀者能夠高效、輕松地閱讀。

1953年，德國(guó)包豪斯最重要的平面設(shè)計(jì)師赫伯特.拜耶出版了《世界地理地圖集》（見圖10），描述了世界各個(gè)國(guó)家和地區(qū)的地理環(huán)境、政治經(jīng)濟(jì)等數(shù)據(jù)，同時(shí)也討論了地球的生態(tài)平衡和資源限度等等。全書共368頁(yè)，其中有120頁(yè)是地圖，其余的共使用了1200個(gè)圖形、符號(hào)和圖表來說明各種統(tǒng)計(jì)數(shù)據(jù)。這本書把大量的統(tǒng)計(jì)數(shù)據(jù)轉(zhuǎn)化為極具表現(xiàn)力的信息圖表，其豐富的視覺效果使枯燥的數(shù)據(jù)變得生動(dòng)，且更具吸引力。

七 結(jié)語

信息時(shí)代給人們帶來了各種便利，如何高效地應(yīng)用信息成為當(dāng)下最受關(guān)注的問題之一。保羅M.萊斯特（Paul M.Lester）曾經(jīng)在他的著作《視覺傳播：形象載動(dòng)信息》中提到：“1998年11月12日的《今日美國(guó)》內(nèi)容分析中，刊載了56頁(yè)的評(píng)論文章，包括188條新聞故事、103幅照片和203個(gè)信息圖表，平均每頁(yè)使用3.6個(gè)信息圖表。”可見，人們?cè)诮邮招畔r(shí)，信息圖表具有比文字更大的誘惑力，人們更喜愛以信息圖表這種視覺化、直觀化的方式來獲取信息。因此，梳理西方信息圖表的發(fā)展歷史對(duì)當(dāng)今設(shè)計(jì)具有非常重要的意義。