嶺南師范學(xué)院美術(shù)學(xué)院 陳小巧
摘要:
本文從數(shù)據(jù)圖表、數(shù)據(jù)地圖、多變量圖表、 ISOTYPE、地鐵圖、書籍設(shè)計等六個方面來梳理西方信息圖表的發(fā)展歷史及其對當(dāng)今設(shè)計的深遠(yuǎn)影響。
關(guān)鍵詞：
信息圖表 數(shù)據(jù)圖表 數(shù)據(jù)地圖 多變量圖表 ISOTYPE 地鐵圖 書籍設(shè)計
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
中圖分類號： G203
文獻(xiàn)標(biāo)識碼： A
文章編號： 1003-0069（2015）05-0132-02
“如果沒有創(chuàng)造性的天才人物發(fā)現(xiàn)圖表并不僅僅是一種繪畫，那么信息圖表就會永遠(yuǎn)局限在簡單的地圖或曲線圖上。圖表所標(biāo)注的經(jīng)驗數(shù)據(jù)的魅力在于，它靠直觀的視覺信息傳遞出復(fù)雜的解釋過程?！蓖て杖R費（ 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é)家威廉·普萊費爾堅信在某些情況下圖表要比文字信息更容易被理解。在他編寫的《 The Commercial and PoliticalAtlas》和《 The Statistical Breviary》兩本書中展示了曲線圖、條形圖和餅形圖，并運用這三種數(shù)據(jù)圖表來傳達(dá)復(fù)雜的經(jīng)濟(jì)數(shù)據(jù)。曲線圖是指利用坐標(biāo)軸確定各個數(shù)據(jù)的位置，并依次連接各個節(jié)點所形成的曲線，它表示的是數(shù)據(jù)在演進(jìn)過程中的變化，多用于展示連續(xù)時間段內(nèi)出現(xiàn)的數(shù)據(jù)。
如圖1《英格蘭的貿(mào)易狀況》正是運用了曲線圖表來記錄1700年至1800年之間英格蘭對愛爾蘭的貿(mào)易狀況。圖中以時間和金額為坐標(biāo)軸，紅色線代表英格蘭對愛爾蘭的出口情況，黃色線代表英格蘭對愛爾蘭的進(jìn)口情況，兩線相交形成三個不同的區(qū)域，第一個是黃色線高于紅色線所形成的區(qū)域，表明進(jìn)口大于出口水平，處于貿(mào)易逆差狀態(tài)；第二個是兩線的交匯點，說明當(dāng)時處于貿(mào)易平衡狀態(tài)；第三個則是黃色線低于紅色線所形成的區(qū)域，表明正處于貿(mào)易順差時期。在這張具有時間序列的圖表中，兩條“線”的運動軌跡清晰地呈現(xiàn)了一組經(jīng)濟(jì)數(shù)據(jù)，使受眾能夠從一個對比的角度來了解數(shù)據(jù)發(fā)展的趨勢。
同樣是用來記錄貿(mào)易數(shù)據(jù)，《蘇格蘭的貿(mào)易狀況》（見圖2）則運用了條形圖（條形圖的特點是使用垂直或水平的條狀線段來記錄連續(xù)性或非連續(xù)的數(shù)據(jù)，多用來對比同類資料）來傳遞信息。圖中描述了蘇格蘭在1780年至1781年期間與17個國家的進(jìn)出口情況。圖表中的橫軸表示進(jìn)出口的數(shù)據(jù)，縱軸表示17個不同的國家。黑色的柱形表示的是出口情況，非實心柱形則表示的是進(jìn)口情況，同時，使用了數(shù)字“ 0”來表示進(jìn)出口為零的數(shù)據(jù)。透過圖表中的網(wǎng)格設(shè)計，受眾可以更加清楚地對比各組數(shù)據(jù)，從而提高信息獲取的效率。
除了曲線圖、條形圖可以用來記錄復(fù)雜的數(shù)據(jù)外，普萊費爾還發(fā)明了餅形圖。餅形圖是以圓心為中心，把圓劃分為若干個扇形的統(tǒng)計圖表，常用于描述數(shù)量和百分比之間的相對關(guān)系。在餅形圖中，每個扇形的角度和面積的大小都是根據(jù)數(shù)量的比例來定的。如圖3《歐洲各國的人口數(shù)量和稅收情況》，使用了相對大小的圓、不同的色彩、以及相對長度的垂直線來描述歐洲幾個重要國家的人口、稅收以及土地面積，從圖中我們可以很快地對比出各帝國的領(lǐng)土大小和政府的財政概況。土耳其帝國是個橫跨亞、歐、非三大洲的龐大帝國，如圖4描述的是土耳其帝國在亞洲、歐洲及非洲中所占的土地面積。由于亞洲是個海洋之洲，因而用藍(lán)色代表亞洲國家，紅色代表歐洲的土地權(quán)力，至于為何用黃色來代表非洲，至今還沒有一個明確的說法。左邊紅色的垂直線代表了土耳其的人口數(shù)量，右邊黃色的垂直線表示的是稅收，兩垂直線之間用一條斜線相連，說明這兩組數(shù)據(jù)表示的是同一個國家的信息。
二 數(shù)據(jù)地圖的啟蒙
數(shù)據(jù)地圖是信息圖表中最具說服力的表達(dá)方式之一，它以一種簡潔的、具有普遍認(rèn)知力的方式傳達(dá)復(fù)雜的信息。
1854年，倫敦發(fā)生霍亂。由于找不到疫情的源頭，無法控制疫情，因而導(dǎo)致成千上萬的人喪生在這場疫病當(dāng)中。為了阻止霍亂的擴(kuò)散，內(nèi)科醫(yī)生約翰·斯諾收集了大量的數(shù)據(jù)，并繪制了霍亂疫情圖（見圖5）。圖中的“ X”符號表示的是水泵的位置，人們?nèi)粘５纳钣盟紒碓从谶@些水泵。而每一個點則表示一個因霍亂而死亡的人，各個點所在的位置正是死亡的人所居住的地方。從圖表中我們可以清晰地看到密度最高的點分布在百老大街（ Broad Street）上的水泵附近，由此表明霍亂的傳染源正是這個水泵。
《斯諾的霍亂疫情圖》通過對空間的分析，把數(shù)據(jù)與地理地圖結(jié)合起來使用，找到霍亂的源頭，遏制了霍亂的蔓延。這種用視覺化的表現(xiàn)手法展示復(fù)雜信息的數(shù)據(jù)地圖“成為空間數(shù)據(jù)分析和流行病學(xué)兩個學(xué)科領(lǐng)域的共同起源” 。
三 多變量圖表的先驅(qū)
1861年，法國工程師查爾斯·約瑟夫·米納德繪制了一張描述五種變量信息的圖表。米納德運用了視覺化的手段把五組復(fù)雜的變量信息簡化，并清晰、準(zhǔn)確、完整地表達(dá)了故事的始末，它就“像一個雄辯的人蔑視只會用文字記載的歷史學(xué)家” 。如圖6《 Figurative map of Successive Losses inMen of the French Army in the Russian Campaign》記錄了軍隊的人數(shù)、行軍的地理位置、軍隊前進(jìn)的方向、溫度以及日期五種變量。當(dāng)時米納德已經(jīng)開始運用色彩對比來分類信息，褐色區(qū)域表示大軍入侵俄羅斯時的人員變動情況以及進(jìn)軍線路，與之相反，黑色線則表示大軍撤退時的情況，而線的寬度都反映了軍隊力量的分布。大軍進(jìn)軍時大約有42萬人，抵達(dá)莫斯科時剩下10萬人；當(dāng)軍隊從莫斯科撤退時，遭遇了殘酷的冷冬，由于饑餓和刺骨的嚴(yán)寒，最后大軍僅存1萬人回到了波蘭。米納德設(shè)計的多變量信息圖表清晰地反映了一個悲慘的事實：超過40萬人在這場戰(zhàn)役中死去。
四 符號制造的世界連接
“我們看到，在遠(yuǎn)東，一種書面語有著大量相應(yīng)的口頭語。我們創(chuàng)造了一種國際圖式語言（作為一種輔助語言），世界上所有普通語言的基本單位都能置入其中。這種圖式語言我們名之為‘伊索體’?！?1925年，奧地利哲學(xué)家、科學(xué)家、社會學(xué)家、經(jīng)濟(jì)學(xué)家以及邏輯實證主義維也納學(xué)派的創(chuàng)始人之一奧圖·紐拉特創(chuàng)辦了視覺教育研究所（從事圖形表達(dá)系統(tǒng)的研究），即ISOTYPE（ International Systerm of Typegraphic Picture Education）國際印刷圖形教育系統(tǒng)（即伊索體）。紐拉特倡導(dǎo)推動國際圖式語言，希望借此跨越文字語言的障礙以促進(jìn)信息的交流。
如圖7描述的是中西方（美國、英國、法國和中國）城市化進(jìn)程的人口情況對比。圖像所表現(xiàn)的細(xì)節(jié)被簡化，使用人形輪廓的符號表示人口，并通過符號的數(shù)量和顏色作出定量的表達(dá)，以直觀的形象取代了抽象的數(shù)字，這種符號易于被解讀，使受眾能夠一目了然地看出各國人口的數(shù)量對比。
雖然，紐拉特把符號國際標(biāo)準(zhǔn)化的設(shè)想最終未能實現(xiàn)，但是ISOTYPE系統(tǒng)對當(dāng)代信息設(shè)計卻產(chǎn)生了巨大的影響，我們?nèi)粘Ｉ钪兴姷降臉?biāo)識符號都是來源于ISOTYPE的理念。
五 地鐵圖引領(lǐng)的世界潮流
20世紀(jì)20年代初，隨著倫敦地鐵線路和站點的增多，當(dāng)時的地鐵圖設(shè)計已經(jīng)無法高效地傳達(dá)信息。如圖8是1921年的倫敦地鐵圖，其線路、站點以及字體的設(shè)計在一定程度上影響了受眾獲取信息的效率。為了解決這個問題，英國工程制圖員亨利·貝克突破了距離和空間的限制設(shè)計出了新的倫敦地鐵圖（見圖9）。新倫敦地鐵圖的設(shè)計拋開了地鐵的實際線路和站點的實際距離，同時，把除泰晤河以外的所有背景都去掉，并且不按比例繪制。另外，貝克創(chuàng)造了一種新的網(wǎng)格系統(tǒng)，把舊倫敦地鐵圖中的曲線調(diào)整為垂直線、水平線和45度角斜線，用這些線把各個等距的站點連接起來，使信息有條理地展示出來。站點的設(shè)計也有所不同，普通站點使用相同長度的線段來表示，并與線路呈垂直狀態(tài)，換乘站點則用菱形的小方塊來表示。
亨利·貝克設(shè)計的倫敦地鐵圖以一種全新的視覺向度清晰、有條理地把復(fù)雜的信息展示出來，線路、站點、字體以及色彩的設(shè)計無一不蘊(yùn)含豐富的信息。它不僅是信息圖表設(shè)計的典范，而且對世界的交通圖系統(tǒng)產(chǎn)生了深遠(yuǎn)的影響，成為世界交通圖設(shè)計的范本。
六 數(shù)據(jù)圖表在書籍設(shè)計中的應(yīng)用
中國著名書籍設(shè)計師呂敬人曾經(jīng)寫道：“設(shè)計師如何采用新的傳播思路和設(shè)計語言，讓受眾來選擇書籍并樂意接受視覺化信息傳達(dá)的全新感受，正是這一時代對設(shè)計師提出的要求?！?由此可見，書籍設(shè)計應(yīng)該準(zhǔn)確、精煉地為讀者傳達(dá)或復(fù)雜、或枯燥、或深奧的信息，令讀者能夠高效、輕松地閱讀。
1953年，德國包豪斯最重要的平面設(shè)計師赫伯特·拜耶出版了《世界地理地圖集》（見圖10），描述了世界各個國家和地區(qū)的地理環(huán)境、政治經(jīng)濟(jì)等數(shù)據(jù)，同時也討論了地球的生態(tài)平衡和資源限度等等。全書共368頁，其中有120頁是地圖，其余的共使用了1200個圖形、符號和圖表來說明各種統(tǒng)計數(shù)據(jù)。這本書把大量的統(tǒng)計數(shù)據(jù)轉(zhuǎn)化為極具表現(xiàn)力的信息圖表，其豐富的視覺效果使枯燥的數(shù)據(jù)變得生動，且更具吸引力。
七 結(jié)語
信息時代給人們帶來了各種便利，如何高效地應(yīng)用信息成為當(dāng)下最受關(guān)注的問題之一。保羅M·萊斯特（ Paul M.Lester）曾經(jīng)在他的著作《視覺傳播：形象載動信息》中提到：“ 1998年11月12日的《今日美國》內(nèi)容分析中，刊載了56頁的評論文章，包括188條新聞故事、 103幅照片和203個信息圖表，平均每頁使用3.6個信息圖表?！?可見，人們在接收信息時，信息圖表具有比文字更大的誘惑力，人們更喜愛以信息圖表這種視覺化、直觀化的方式來獲取信息。因此，梳理西方信息圖表的發(fā)展歷史對當(dāng)今設(shè)計具有非常重要的意義。
參考文獻(xiàn)
[1]王勁峰、廖一蘭、劉鑫.空間數(shù)據(jù)分析教程.科學(xué)出版社， 2010
[2] [美]保羅M·萊斯特.視覺傳播：形象載動信息[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] [美]簡·維索基·歐格雷迪、 [美]肯·維索基·歐格雷迪.信息設(shè)計[M].郭瑽譯.譯林出版社， 2009.
[6]孫皓瓊.圖形對話——什么是信息設(shè)計[M].清華大學(xué)出版社， 2011.
[7]呂敬人.信息視覺化設(shè)計在書籍設(shè)計中的應(yīng)用.書籍設(shè)計2[J].中國青年出版社， 2011 （ 06）
[8] [英]安德魯·哈斯蘭.書設(shè)計·設(shè)計書[M].陳建銘譯.原點出版社， 2009.