資訊視覺化設計的潮流：資訊與圖解的近代史

前言
 
第1章    都市交通圖—現代主義的美學
從都市交通圖所窺見之潮流╱倫敦的都市交通前史╱十九世紀倫敦的平面設計╱都市交通初期的資訊圖表╱Beck Map誕生前夕╱拓樸學（Topological）Map的誕生╱Frank Pick與倫敦市交通局的嘗試╱發生於英國的早期現代主義與美學意識╱後拓樸學的路線資訊圖表設計╱脫離拓樸學式的介面
 
第2章    圖解與統計—啟蒙時代的資訊圖
布倫費爾斯的《本草寫生圖譜》╱福克斯的《新植物誌》╱布豐的《自然通史》╱狄德羅與達朗貝爾的《百科全書》╱近代圖表的發明╱南丁格爾玫瑰圖與象形圖（Pictogram）
 
第3章    視覺語言—二十世紀的冒險①
布林頓的《圖示法》╱奧圖・紐拉特與ISOTYPE╱「維也納學派方法」的構築與《社會與經濟》╱格德・阿恩茨與瑪麗・紐拉特
 
第4章    可視化與故事化—二十世紀的冒險②
富勒的「世界遊戲」╱赫爾伯特．拜耳的《World Geo-Graphic Atlas》╱彼得・蘇利文的新聞圖解╱塔夫特（Tufte）與圖表垃圾╱沃爾曼的「理性的設計性」╱可視化與故事化的二十一世紀
 
第5章    關係圖—從比喻到抽象
隱喻的樹形╱從系統樹到進化圖╱海克爾的系統進化圖╱山型的關係圖╱圖表理論╱網路拓樸學
 
第6章    編碼的型態—大量資訊的時代
大量資訊時代的起始╱數位資料與網路╱World Wide Web的開始－1990年代╱藉由感知（Sensing）產生的動態圖表－2000年代╱接觸未知的資訊－2010年代╱藉由編碼所成就的美學意識
 
終章     資訊與圖解的近代史
大航海時代與啟蒙時代╱法國大革命前後╱從工業革命到二十世紀╱大戰後與美國╱科技的效用╱二十一世紀的變化╱結語
 
後記
索引
人名索引╱書名索引╱圖版出處╱參考文獻

前言     

　　利用網路檢索而將蒐集到的資料視覺化，稱之為「資料視覺化 （Datavisualization）」，究竟這是什麼時候開始形成風潮的呢？《資料流（Data Flow）》（Gestalten）一書出版於2008年，並以「平面設計資訊之視覺化」為副標。而做為續篇的「資料流2」，以及嘗試將視覺化的型態做分類的《視覺繁美：資訊圖像化方法與案例解析（Visual Complexity: Mapping Patterns of Information）》（Princeton Architectual Press）也於2011年出版。隔年2012年，Taschen出版社也出版了頁數480頁且包含豐富圖片的《資訊設計（Information Graphics）》一書。

　　以資訊視覺化設計享譽盛名的《紐約時報》線上版（http://www.nytimes.com/），從2004年開始導入互動式圖表（interactive graphics），隨之在三年後的2007年，推出有別於傳統圖表：一種全新型態的視覺資訊圖表；1月22日，一篇關於基因組（genome）的報導中，出現了表現基因組之間相互關係的正圓形圖表即為其應用。

　　對我個人來說，這讓我想起了2005年愛知萬博的時候，將日本館的內外環境所蒐集到的觀察資料，按照時間順序，設計了如何在網頁上展現的裝置所付出的勞苦（p.146）。將大量資料以視覺化方呈現的案例在當時仍屬罕見。
現在重新回想，發現資料視覺化似乎是在2000年代前期開始在業界成為話題，而到了2000年代後半才真的在這社會上產生了需求。

　　就在此「關於資料呈現的嶄新視覺化手法」逐漸朝向具體化的過程之中，日立製作所的設計本部（當時）邀請我參與他們的共同研究，其課題是探討與視覺資訊圖表相關的資料視覺化歷史，以及種種促成其變化的要因。我所參加的是2012年秋天到2013春天的上半期，那時關於社會史與技術史的年表已經製作完成，我的工作是將與其相關的視覺資訊圖解的例子給補充進去，並且加上說明文字。

　　本書就是以那個時候的調查與研究為基礎，再次去審視究竟人們是如何將多種多樣的資訊轉化為視覺上的可用情報。本書最首要的目的是：找出從以前到現在，人們將資料以視覺的方式呈現之關鍵點為何？以及盼望提供讀者思考今後資訊視覺化之可能性的機會。

　　第1章是以「地圖與都市交通」為主題，從倫敦市交通局的地下鐵路線圖開始探討，一直到電子化的行程安排系統為止。所謂地圖，因著它的本體就是一張圖，比起其他東西來都較容易讓人看出有變化之處，所以對於探討變化要因這個主題來說，以地圖為例再適切不過了。

　　倫敦在工業革命後，之所以能夠領先各國完成都市化，乃是因為一位名為法蘭克・皮克（Frank Pick）之人物的貢獻。他為倫敦市交通局設計了視覺識別系統，在倫敦的設計界貢獻良多。關於此人的詳細就先不在此論述，不過因著Pick先生的存在，我們可把此變化要因的關鍵聚焦在「人」的身上。

　　所以，從第2章到第4章是以「圖解與統計圖」為主題，並以「人」為中心來進展我的論述。無論是萊昂哈特・福克斯（Leonhart Fuchs）的《新植物誌》還是布豐的《自然通史》，都可見到從「繪畫」演變到「圖解」的過程。然後圖表的發展緊接著又被繼之而起的《百科全書》風潮給承繼下來。威廉・普萊費爾所開創的統計圖表風潮，不僅僅是借用拿破崙的名言：「統計造就國家」，並且也成為之後資訊視覺化設計的主題。

　　接著第3章與第4章，時序再次來到二十世紀。威拉德・柯普・布林頓（Willard Cope Brinton, 1880-1957）於1914年在紐約發行的《呈現事實的圖示法》與奧圖・紐拉特（Otto Neurath, 1882-1945）所發明的視覺語言「ISOTYPE」皆是二十世紀前半的焦點所在。

　　二十世紀是戰爭的世紀，特別是兩次的世界大戰大大改變了這個世界。工業技術的發達促使社會開始變動，從二十世紀中葉起許許多多的人們開始移動，人類因此共同要面對人口、能源、環境等問題。此外，社會大眾的成熟與同時獲得進展的新聞媒體，也因而促成了（news graphics）的誕生。

　　在上述潮流之中，粉墨登場的乃是以統計視覺化研究聞名，同時是政治學者也是統計學者的愛德華・圖夫特（Edward Tufte）。他為「視覺化」這件事定義了包括「比較」、「多變性」、「關係性」等等必要的元素，也提倡了要從畫面上排除「噪音」之「美麗的畫面」。從另一方面來說，大眾化的資訊所追求的是一目瞭然與趣味性，並且再加上娛樂性。我們可從二十世紀後半的視覺資訊設計之發展歷程中看見，「可視化」與「故事化」這兩個重要的方向。

　　不過，我想資訊的視覺化並非只是單純地因著社會的變化或技術的進步，其所伴隨而來之人類在創意上所下的功夫所孕育而成，而是人類從遠古以來便習慣將無法理解或眼睛未能見之不可思議力量，以某種型態將其表現出來。這便成了幻想的動物，或是化為人類姿態的神明。

　　本書第5章便介紹了諸多上述比喻表現的圖，其中又以「系統樹」為代表。這跟我們將眼睛雖未能看得到卻確實存在的某種關係，投射到某種抽象化的型態上是相同意識的作用吧。

　　最後第6章論述了二十一世紀以大數據時代作為起頭的序幕。我們透過網路所蒐集到的大量資訊，利用電腦解析並視覺化，藉此所描繪出來的並非啟蒙式的繪畫，也非被整理過的圖表，而是像混沌理論（chaos）般複雜交織的網絡。或許從這個時候開始，解析資料這件事已經可以全然委託電腦；人類所需要做的僅是去「感受」資訊，我想這便是從資訊「視覺化」過渡到資訊「體驗化」的過程。

　　書中所提出的「視覺資訊設計」（Infographics）一詞，便是將諸如圖表、圖解、圖示等許許多多為了將資訊視覺化的手法所做的一個泛稱。

　　本書主體內容雖然是本文與圖版，但它們就像是枝幹，注釋與圖說則像是枝葉， 我是以此為架構來撰寫。所以，或許某些註解超出了我們原本對於註解的理解也說不定，但當然它們是相互關聯的， 希望讀者朋友可以相互參讀。

　　每一章都是不同題目的獨立篇章，當然分開來讀是沒有問題的。但基本上還是有我論述的邏輯順序，所以建議還是從頭開始閱讀是最理想的。

　　那麼，我們就開始吧。