西方信息圖表的崛起

        0

        嶺南師范學院美術學院 陳小巧


        摘要:
            本文從數據圖表、數據地圖、多變量圖表、 ISOTYPE、地鐵圖、書籍設計等六個方面來梳理西方信息圖表的發展歷史及其對當今設計的深遠影響。


        關鍵詞:
        信息圖表 數據圖表 數據地圖 多變量圖表 ISOTYPE 地鐵圖 書籍設計


        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
        文獻標識碼: A 
        文章編號: 1003-0069(2015)05-0132-02

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


        一 數據圖表的開端
            蘇格蘭工程師、政治經濟學家威廉·普萊費爾堅信在某些情況下圖表要比文字信息更容易被理解。在他編寫的《 The Commercial and PoliticalAtlas》和《 The Statistical Breviary》兩本書中展示了曲線圖、條形圖和餅形圖,并運用這三種數據圖表來傳達復雜的經濟數據。曲線圖是指利用坐標軸確定各個數據的位置,并依次連接各個節點所形成的曲線,它表示的是數據在演進過程中的變化,多用于展示連續時間段內出現的數據。
            如圖1《英格蘭的貿易狀況》正是運用了曲線圖表來記錄1700年至1800年之間英格蘭對愛爾蘭的貿易狀況。圖中以時間和金額為坐標軸,紅色線代表英格蘭對愛爾蘭的出口情況,黃色線代表英格蘭對愛爾蘭的進口情況,兩線相交形成三個不同的區域,第一個是黃色線高于紅色線所形成的區域,表明進口大于出口水平,處于貿易逆差狀態;第二個是兩線的交匯點,說明當時處于貿易平衡狀態;第三個則是黃色線低于紅色線所形成的區域,表明正處于貿易順差時期。在這張具有時間序列的圖表中,兩條“線”的運動軌跡清晰地呈現了一組經濟數據,使受眾能夠從一個對比的角度來了解數據發展的趨勢。

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


        二 數據地圖的啟蒙
            數據地圖是信息圖表中最具說服力的表達方式之一,它以一種簡潔的、具有普遍認知力的方式傳達復雜的信息。
            1854年,倫敦發生霍亂。由于找不到疫情的源頭,無法控制疫情,因而導致成千上萬的人喪生在這場疫病當中。為了阻止霍亂的擴散,內科醫生約翰·斯諾收集了大量的數據,并繪制了霍亂疫情圖(見圖5)。圖中的“ X”符號表示的是水泵的位置,人們日常的生活用水都來源于這些水泵。而每一個點則表示一個因霍亂而死亡的人,各個點所在的位置正是死亡的人所居住的地方。從圖表中我們可以清晰地看到密度最高的點分布在百老大街( Broad Street)上的水泵附近,由此表明霍亂的傳染源正是這個水泵。
            《斯諾的霍亂疫情圖》通過對空間的分析,把數據與地理地圖結合起來使用,找到霍亂的源頭,遏制了霍亂的蔓延。這種用視覺化的表現手法展示復雜信息的數據地圖“成為空間數據分析和流行病學兩個學科領域的共同起源” 。


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


        四 符號制造的世界連接
            “我們看到,在遠東,一種書面語有著大量相應的口頭語。我們創造了一種國際圖式語言(作為一種輔助語言),世界上所有普通語言的基本單位都能置入其中。這種圖式語言我們名之為‘伊索體’。” 1925年,奧地利哲學家、科學家、社會學家、經濟學家以及邏輯實證主義維也納學派的創始人之一奧圖·紐拉特創辦了視覺教育研究所(從事圖形表達系統的研究),即ISOTYPE( International Systerm of Typegraphic Picture Education)國際印刷圖形教育系統(即伊索體)。紐拉特倡導推動國際圖式語言,希望借此跨越文字語言的障礙以促進信息的交流。
            如圖7描述的是中西方(美國、英國、法國和中國)城市化進程的人口情況對比。圖像所表現的細節被簡化,使用人形輪廓的符號表示人口,并通過符號的數量和顏色作出定量的表達,以直觀的形象取代了抽象的數字,這種符號易于被解讀,使受眾能夠一目了然地看出各國人口的數量對比。

            雖然,紐拉特把符號國際標準化的設想最終未能實現,但是ISOTYPE系統對當代信息設計卻產生了巨大的影響,我們日常生活中所見到的標識符號都是來源于ISOTYPE的理念。


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


        六 數據圖表在書籍設計中的應用
            中國著名書籍設計師呂敬人曾經寫道:“設計師如何采用新的傳播思路和設計語言,讓受眾來選擇書籍并樂意接受視覺化信息傳達的全新感受,正是這一時代對設計師提出的要求。” 由此可見,書籍設計應該準確、精煉地為讀者傳達或復雜、或枯燥、或深奧的信息,令讀者能夠高效、輕松地閱讀。
            1953年,德國包豪斯最重要的平面設計師赫伯特·拜耶出版了《世界地理地圖集》(見圖10),描述了世界各個國家和地區的地理環境、政治經濟等數據,同時也討論了地球的生態平衡和資源限度等等。全書共368頁,其中有120頁是地圖,其余的共使用了1200個圖形、符號和圖表來說明各種統計數據。這本書把大量的統計數據轉化為極具表現力的信息圖表,其豐富的視覺效果使枯燥的數據變得生動,且更具吸引力。

        七 結語
            信息時代給人們帶來了各種便利,如何高效地應用信息成為當下最受關注的問題之一。保羅M·萊斯特( Paul M.Lester)曾經在他的著作《視覺傳播:形象載動信息》中提到:“ 1998年11月12日的《今日美國》內容分析中,刊載了56頁的評論文章,包括188條新聞故事、 103幅照片和203個信息圖表,平均每頁使用3.6個信息圖表。” 可見,人們在接收信息時,信息圖表具有比文字更大的誘惑力,人們更喜愛以信息圖表這種視覺化、直觀化的方式來獲取信息。因此,梳理西方信息圖表的發展歷史對當今設計具有非常重要的意義。


        QQ截圖20150817105727.png


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


        一本大道久久a久久精品综合| 亚洲а∨天堂久久精品| 七色视频男人的天堂| 韩国免费a级毛片| 国产AV午夜精品一区二区入口| 先锋影音国产精品| 亚洲精品无码AV中文字幕电影网站| 亚洲国产精品VA在线看黑人 | 一本色道久久综合亚洲精品| 国产精品无码日韩欧| 国产精品.XX视频.XXTV| 好紧好爽太大了h视频| 久久成人影院精品777| 亚洲七七久久精品中文国产| 国产午夜福利精品一区二区三区| 91人妻人人澡人人爽人人精品| 夜夜高潮夜夜爽国产伦精品| 福利姬在线精品观看 | 精品三级AV无码一区| 91精品视频观看| 日本精品一区二区三区在线播放| 好吊妞视频精品| 一区二区国产精品| 精品四虎免费观看国产高清午夜| 亚洲精品二三区| 国产一区二区精品久久| 中文字幕久久精品| 日韩精品在线观看视频| 日本亚欧乱色视频在线观看| 亚洲欧美日韩精品久久| 一本一本久久a久久综合精品蜜桃 一本一道精品欧美中文字幕 | 小辣椒福利视频精品导航| 中文字幕亚洲综合精品一区| 在线观看91精品国产网站| 国产精品视频一区二区三区经| 亚洲精品无码av天堂| 一区二区三区精品| 香蕉久久夜色精品升级完成| 久久99精品久久久久久秒播| 99久久久精品免费观看国产| 日本五区在线不卡精品|