嶺南師范學(xué)院美術(shù)學(xué)院 陳小巧

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

關(guān)鍵詞：
信息圖表 數(shù)據(jù)圖表 數(shù)據(jù)地圖 多變量圖表 ISOTYPE 地鐵圖 書(shū)籍設(shè)計(jì)

Abstract：
In this paper, through data chart, data map, multivariate chart, ISOTYPE, subway map and book design to sort out the history of the West infographics and its profound influence on contemporary design.

Keywords:
Infographic Data chart Data map Multivariable chart ISOTYPE Subway Map Book Design

中圖分類號(hào)： G203
文獻(xiàn)標(biāo)識(shí)碼： A 
文章編號(hào)： 1003-0069（2015）05-0132-02

    “如果沒(méi)有創(chuàng)造性的天才人物發(fā)現(xiàn)圖表并不僅僅是一種繪畫(huà)，那么信息圖表就會(huì)永遠(yuǎn)局限在簡(jiǎn)單的地圖或曲線圖上。圖表所標(biāo)注的經(jīng)驗(yàn)數(shù)據(jù)的魅力在于，它靠直觀的視覺(jué)信息傳遞出復(fù)雜的解釋過(guò)程。”威廉·普萊費(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)的說(shuō)服力。

一 數(shù)據(jù)圖表的開(kāi)端
    蘇格蘭工程師、政治經(jīng)濟(jì)學(xué)家威廉·普萊費(fèi)爾堅(jiān)信在某些情況下圖表要比文字信息更容易被理解。在他編寫(xiě)的《 The Commercial and PoliticalAtlas》和《 The Statistical Breviary》兩本書(shū)中展示了曲線圖、條形圖和餅形圖，并運(yùn)用這三種數(shù)據(jù)圖表來(lái)傳達(dá)復(fù)雜的經(jīng)濟(jì)數(shù)據(jù)。曲線圖是指利用坐標(biāo)軸確定各個(gè)數(shù)據(jù)的位置，并依次連接各個(gè)節(jié)點(diǎn)所形成的曲線，它表示的是數(shù)據(jù)在演進(jìn)過(guò)程中的變化，多用于展示連續(xù)時(shí)間段內(nèi)出現(xiàn)的數(shù)據(jù)。
    如圖1《英格蘭的貿(mào)易狀況》正是運(yùn)用了曲線圖表來(lái)記錄1700年至1800年之間英格蘭對(duì)愛(ài)爾蘭的貿(mào)易狀況。圖中以時(shí)間和金額為坐標(biāo)軸，紅色線代表英格蘭對(duì)愛(ài)爾蘭的出口情況，黃色線代表英格蘭對(duì)愛(ài)爾蘭的進(jìn)口情況，兩線相交形成三個(gè)不同的區(qū)域，第一個(gè)是黃色線高于紅色線所形成的區(qū)域，表明進(jìn)口大于出口水平，處于貿(mào)易逆差狀態(tài)；第二個(gè)是兩線的交匯點(diǎn)，說(shuō)明當(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ì)比的角度來(lái)了解數(shù)據(jù)發(fā)展的趨勢(shì)。

    同樣是用來(lái)記錄貿(mào)易數(shù)據(jù)，《蘇格蘭的貿(mào)易狀況》（見(jiàn)圖2）則運(yùn)用了條形圖（條形圖的特點(diǎn)是使用垂直或水平的條狀線段來(lái)記錄連續(xù)性或非連續(xù)的數(shù)據(jù)，多用來(lái)對(duì)比同類資料）來(lái)傳遞信息。圖中描述了蘇格蘭在1780年至1781年期間與17個(gè)國(guó)家的進(jìn)出口情況。圖表中的橫軸表示進(jìn)出口的數(shù)據(jù)，縱軸表示17個(gè)不同的國(guó)家。黑色的柱形表示的是出口情況，非實(shí)心柱形則表示的是進(jìn)口情況，同時(shí)，使用了數(shù)字“ 0”來(lái)表示進(jìn)出口為零的數(shù)據(jù)。透過(guò)圖表中的網(wǎng)格設(shè)計(jì)，受眾可以更加清楚地對(duì)比各組數(shù)據(jù)，從而提高信息獲取的效率。
    除了曲線圖、條形圖可以用來(lái)記錄復(fù)雜的數(shù)據(jù)外，普萊費(fèi)爾還發(fā)明了餅形圖。餅形圖是以圓心為中心，把圓劃分為若干個(gè)扇形的統(tǒng)計(jì)圖表，常用于描述數(shù)量和百分比之間的相對(duì)關(guān)系。在餅形圖中，每個(gè)扇形的角度和面積的大小都是根據(jù)數(shù)量的比例來(lái)定的。如圖3《歐洲各國(guó)的人口數(shù)量和稅收情況》，使用了相對(duì)大小的圓、不同的色彩、以及相對(duì)長(zhǎng)度的垂直線來(lái)描述歐洲幾個(gè)重要國(guó)家的人口、稅收以及土地面積，從圖中我們可以很快地對(duì)比出各帝國(guó)的領(lǐng)土大小和政府的財(cái)政概況。土耳其帝國(guó)是個(gè)橫跨亞、歐、非三大洲的龐大帝國(guó)，如圖4描述的是土耳其帝國(guó)在亞洲、歐洲及非洲中所占的土地面積。由于亞洲是個(gè)海洋之洲，因而用藍(lán)色代表亞洲國(guó)家，紅色代表歐洲的土地權(quán)力，至于為何用黃色來(lái)代表非洲，至今還沒(méi)有一個(gè)明確的說(shuō)法。左邊紅色的垂直線代表了土耳其的人口數(shù)量，右邊黃色的垂直線表示的是稅收，兩垂直線之間用一條斜線相連，說(shuō)明這兩組數(shù)據(jù)表示的是同一個(gè)國(guó)家的信息。

二 數(shù)據(jù)地圖的啟蒙
    數(shù)據(jù)地圖是信息圖表中最具說(shuō)服力的表達(dá)方式之一，它以一種簡(jiǎn)潔的、具有普遍認(rèn)知力的方式傳達(dá)復(fù)雜的信息。
    1854年，倫敦發(fā)生霍亂。由于找不到疫情的源頭，無(wú)法控制疫情，因而導(dǎo)致成千上萬(wàn)的人喪生在這場(chǎng)疫病當(dāng)中。為了阻止霍亂的擴(kuò)散，內(nèi)科醫(yī)生約翰·斯諾收集了大量的數(shù)據(jù)，并繪制了霍亂疫情圖（見(jiàn)圖5）。圖中的“ X”符號(hào)表示的是水泵的位置，人們?nèi)粘５纳钣盟紒?lái)源于這些水泵。而每一個(gè)點(diǎn)則表示一個(gè)因霍亂而死亡的人，各個(gè)點(diǎn)所在的位置正是死亡的人所居住的地方。從圖表中我們可以清晰地看到密度最高的點(diǎn)分布在百老大街（ Broad Street）上的水泵附近，由此表明霍亂的傳染源正是這個(gè)水泵。
    《斯諾的霍亂疫情圖》通過(guò)對(duì)空間的分析，把數(shù)據(jù)與地理地圖結(jié)合起來(lái)使用，找到霍亂的源頭，遏制了霍亂的蔓延。這種用視覺(jué)化的表現(xiàn)手法展示復(fù)雜信息的數(shù)據(jù)地圖“成為空間數(shù)據(jù)分析和流行病學(xué)兩個(gè)學(xué)科領(lǐng)域的共同起源” 。

三 多變量圖表的先驅(qū)
    1861年，法國(guó)工程師查爾斯·約瑟夫·米納德繪制了一張描述五種變量信息的圖表。米納德運(yùn)用了視覺(jué)化的手段把五組復(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)開(kāi)始運(yùn)用色彩對(duì)比來(lái)分類信息，褐色區(qū)域表示大軍入侵俄羅斯時(shí)的人員變動(dòng)情況以及進(jìn)軍線路，與之相反，黑色線則表示大軍撤退時(shí)的情況，而線的寬度都反映了軍隊(duì)力量的分布。大軍進(jìn)軍時(shí)大約有42萬(wàn)人，抵達(dá)莫斯科時(shí)剩下10萬(wàn)人；當(dāng)軍隊(duì)從莫斯科撤退時(shí)，遭遇了殘酷的冷冬，由于饑餓和刺骨的嚴(yán)寒，最后大軍僅存1萬(wàn)人回到了波蘭。米納德設(shè)計(jì)的多變量信息圖表清晰地反映了一個(gè)悲慘的事實(shí)：超過(guò)40萬(wàn)人在這場(chǎng)戰(zhàn)役中死去。

四 符號(hào)制造的世界連接
    “我們看到，在遠(yuǎn)東，一種書(shū)面語(yǔ)有著大量相應(yīng)的口頭語(yǔ)。我們創(chuàng)造了一種國(guó)際圖式語(yǔ)言（作為一種輔助語(yǔ)言），世界上所有普通語(yǔ)言的基本單位都能置入其中。這種圖式語(yǔ)言我們名之為‘伊索體’。” 1925年，奧地利哲學(xué)家、科學(xué)家、社會(huì)學(xué)家、經(jīng)濟(jì)學(xué)家以及邏輯實(shí)證主義維也納學(xué)派的創(chuàng)始人之一奧圖·紐拉特創(chuàng)辦了視覺(jué)教育研究所（從事圖形表達(dá)系統(tǒng)的研究），即ISOTYPE（ International Systerm of Typegraphic Picture Education）國(guó)際印刷圖形教育系統(tǒng)（即伊索體）。紐拉特倡導(dǎo)推動(dòng)國(guó)際圖式語(yǔ)言，希望借此跨越文字語(yǔ)言的障礙以促進(jìn)信息的交流。
    如圖7描述的是中西方（美國(guó)、英國(guó)、法國(guó)和中國(guó)）城市化進(jìn)程的人口情況對(duì)比。圖像所表現(xiàn)的細(xì)節(jié)被簡(jiǎn)化，使用人形輪廓的符號(hào)表示人口，并通過(guò)符號(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)粘Ｉ钪兴?jiàn)到的標(biāo)識(shí)符號(hào)都是來(lái)源于ISOTYPE的理念。

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

六 數(shù)據(jù)圖表在書(shū)籍設(shè)計(jì)中的應(yīng)用
    中國(guó)著名書(shū)籍設(shè)計(jì)師呂敬人曾經(jīng)寫(xiě)道：“設(shè)計(jì)師如何采用新的傳播思路和設(shè)計(jì)語(yǔ)言，讓受眾來(lái)選擇書(shū)籍并樂(lè)意接受視覺(jué)化信息傳達(dá)的全新感受，正是這一時(shí)代對(duì)設(shè)計(jì)師提出的要求。” 由此可見(jiàn)，書(shū)籍設(shè)計(jì)應(yīng)該準(zhǔn)確、精煉地為讀者傳達(dá)或復(fù)雜、或枯燥、或深?yuàn)W的信息，令讀者能夠高效、輕松地閱讀。
    1953年，德國(guó)包豪斯最重要的平面設(shè)計(jì)師赫伯特·拜耶出版了《世界地理地圖集》（見(jiàn)圖10），描述了世界各個(gè)國(guó)家和地區(qū)的地理環(huán)境、政治經(jīng)濟(jì)等數(shù)據(jù)，同時(shí)也討論了地球的生態(tài)平衡和資源限度等等。全書(shū)共368頁(yè)，其中有120頁(yè)是地圖，其余的共使用了1200個(gè)圖形、符號(hào)和圖表來(lái)說(shuō)明各種統(tǒng)計(jì)數(shù)據(jù)。這本書(shū)把大量的統(tǒng)計(jì)數(shù)據(jù)轉(zhuǎn)化為極具表現(xiàn)力的信息圖表，其豐富的視覺(jué)效果使枯燥的數(shù)據(jù)變得生動(dòng)，且更具吸引力。

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

參考文獻(xiàn)
[1]王勁峰、廖一蘭、劉鑫.空間數(shù)據(jù)分析教程.科學(xué)出版社， 2010
[2] [美]保羅M·萊斯特.視覺(jué)傳播：形象載動(dòng)信息[M].霍文利、史雪云、王海茹等譯.北京廣播學(xué)院出版社， 2003
[3] [英]大衛(wèi)·柯羅.L-R從文字到圖像[M].劉秉琨譯.遼寧科學(xué)技術(shù)出版社， 2010
[4] Edward Tufte. The Visual Display of Quantitative Information[M]. Graphics Press LLC, 2001.
[5] [美]簡(jiǎn)·維索基·歐格雷迪、 [美]肯·維索基·歐格雷迪.信息設(shè)計(jì)[M].郭瑽譯.譯林出版社， 2009.
[6]孫皓瓊.圖形對(duì)話——什么是信息設(shè)計(jì)[M].清華大學(xué)出版社， 2011.
[7]呂敬人.信息視覺(jué)化設(shè)計(jì)在書(shū)籍設(shè)計(jì)中的應(yīng)用.書(shū)籍設(shè)計(jì)2[J].中國(guó)青年出版社， 2011 （ 06）
[8] [英]安德魯·哈斯蘭.書(shū)設(shè)計(jì)·設(shè)計(jì)書(shū)[M].陳建銘譯.原點(diǎn)出版社， 2009.