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

　　了解「資訊視覺化設計」的歷史演進與基本知識—必讀！
　　藉由地圖、交通路線圖、統計數據、插圖和電腦程式編碼的豐富圖像範例，
　　從根本理解資訊圖繪的演進，並提供思考未來設計的機會。

　　★推薦給各領域的視覺工作者★
　　提供設計相關系所師長同學、平面設計師、企劃人、編輯、新聞從業者、媒體人、程式設計師等
　　理解時代趨勢與視覺資訊傳達的最佳輔助

　　★從古至今：何謂「資訊視覺化設計」
　　Information Graphics/ Infographics=數據資料等資訊的可視化呈現，於本書統稱為「資訊視覺化設計」。而又有什麼是從久遠的從前開始便發展至今的資訊圖表呢？從記錄自己移動範圍開始，一直延伸到世界、宇宙的想像圖，多種多樣的地圖被人們描繪下來，作者在書中第1章即嘗試從「地圖」說明「圖像的起源」，並從歐美都市交通圖的發展一窺視覺設計的潮流。

　　★十五世紀到二十一世紀：從「繪畫」演變到「圖解」、「比喻」到「抽象」的科技進展與美學意識
　　人類透過「圖形」和「符號」將資訊視覺化，特別是文藝復興後，印刷技術的出現與發達與工業革命以來大眾傳播媒體的出現，無論是福克斯的《新植物誌》還是布豐的《自然通史》，都可見到從「繪畫」演變到「圖解」的過程。緊接著，圖解的發展又被繼之而起的《百科全書》風潮給承繼下來；又，新藝術運動帶動孕育美學意識、倫敦地下鐵Beck Map呈現抽象化與機械理論之美等，以上時代進程皆對資訊圖繪的發展影響巨大；人們怎麼用圖像元素說故事、呈現新聞報導，促進了「圖表」和「象形圖」（Pictogram）等現代視覺傳達形式的建立。圖示方法歷經數百年的發展，包括交通路線圖、地圖、新聞圖表、手冊、教育上等，資訊視覺化設計被廣泛用於社會的各層面，到今天，我們周遭所見、所到之處，環境中的各種視覺訊息傳達從西方上述時代發展而來。在二十一世紀，由於電腦和網路的普及，人們周圍的資訊量急遽增加，資訊圖繪作為一個跨越人類識別能力和理解大量數據之間的橋樑也就變得越來越重要。

　　★大數據時代：從資訊「視覺化」過渡到資訊「體驗化」
　　西元2000年之後，主要的資訊載體從紙張變成了螢幕。所有資訊幾乎都能藉由網路連結，而在不知不覺中蒐集到許多資訊，然後還可以即時地利用電腦解析將其視覺化，藉此所描繪出來的並非啟蒙式的繪畫，也非被整理過的圖表，而是像混沌理論（chaos）般複雜交織的網絡。或許從這個時候開始，解析資料這件事已經可以全然委託電腦；人類所需要做的僅是去「感受」資訊而非僅僅理解，這便是從資訊「視覺化」過渡到資訊「體驗化」的過程。

　　對於資訊圖繪的製作、操作和理解，有必要從根本上掌握資訊和表達之間的關係，而這本書正是從基礎開始的思路，使人們能在潮流中站穩腳步，前往未來的世界、思考引領未來的設計。

好評推薦

　　★設計相關系所教授、設計界顧問、資深編輯人 潮流推薦 ★(按姓氏筆畫順序)

　　中原大學文創中心主任  林昆範
　　人類發展視覺資訊的歷史，遠比文字更加久遠，可說是跨越時空的國際語言。在五感之中，我們以視覺接收資訊的比例最高，隨著各式媒體的推陳出新，對視覺資訊的仰賴更是與日俱增，此書正是掌握這股時代趨勢的最佳輔助。

　　唐草設計總經理  胡佑宗
　　近幾年擔任大型企業的設計顧問，越來越依賴邊講邊畫。要整合複雜的各方需求，理清問題現況，單憑你一言我一句，很難建立對現狀的共識。利用圖表勾勒出大家的位置、關切點、關係、目標⋯⋯一切突然就清晰了。即使乍看還是混亂糾葛，但處理問題就可以從理清這張圖表開始！面對複雜現狀與不確定的未來，視覺圖表都會是最有利的工具與技能！

　　北科大互動設計系/所 專任教授  曹筱玥
　　資訊視覺化是人因工程的一脈分支，起因於「以人為本」的圖形化思考。一旦想法成形，我們得賦予抽象的概念切實的形體，讓相異的靈魂透過視覺資訊圖表的表現更加適切地相互理解。本書誠為精彩的入門書籍，有志的設計者們藉此得略窺資訊視覺化設計的堂奧，一同加入行列，幫助我們的世界—更加美好。

　　資深編輯人  黃威融
　　視覺傳達形式不只是好看的外表，
　　是歷史的濃縮，是文化的菁華，室內的神采。
　　喜愛視覺工作的人很需要看這本書，
　　習慣用Word文字檔看世界的人的企劃人們，
　　更要好好消化這本視覺書的所有細節。

　　雲科大視傳系特聘教授  曾啟雄
　　視覺的設計除了基本的美感表現外，必須面對將不容易閱讀的大量資訊轉換成有意義且讓一般人容易理解的圖像表達。未來設計師所面臨的，不僅是表現問題、更是表達問題。藉由西方此方面長期的痛苦演變史的說明，作為對自己都市整理的理解契機，此書提供了理解的好線索。

　　資深編輯人與文化評論家  詹偉雄
　　Infographic是二十一世紀編輯人最重要的技藝，它不僅能幫助讀者快速理解複雜的資訊，也讓他們「感覺」到資訊裡的愛、恨、情、仇。
 

作者簡介    

永原康史

　　平面設計家、多摩美術大學資訊設計科教授（媒體設計）。從電子媒體到展覽會的策展，其設計工作橫跨多種領域。曾任2005年愛知萬博「Cyber日本館」以及2008年西班牙沙拉哥薩萬博日本館藝術總監；同時也是2016年愛知國際藝術祭（ Aichi Triennale ）的官方代表設計師。著作包括：《設計的風景》（BNN新社出版）、《日本語的設計》（美術出版社）、《Design・With・Computer》（MdN Corporation 出版）等。另在字體排印學（Typography）領域也有獨自的研究與實踐，發表過許多相關著作。2012年發表了以指尖在iPad上書寫為基礎所研發的新字體「Finger」（TypeBank）。曾獲選MMCA（財團法人Multimedia Content Association）舉辦Multimedia大賽之策展類別最優秀獎。

譯者簡介    

李柏黎

　　1974年出生。日本同志社大學美學與藝術學科畢業、京都大學美術史碩士。現為雄獅美術總編輯。著有《遺民．深情．劉錦堂》；譯有《waterscape 水中風景》、《SUBTLE—纖細的、微小的》、《欲望的教育—美意識創造未來》、《原研哉的設計》。

嚴可婷

　　（第3-6章注釋翻譯）
　　東吳大學日文系畢業，曾任職誠品書店、遠流出版集團等機構，現從事翻譯。譯有《日本建築大師: 伊東豊雄．觀察記》、《小津安二郎的餐桌》、《路上觀察學入門》（合譯）、《大人的科學1：35雙眼相機》等書。
 

前言
 
第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年代╱藉由編碼所成就的美學意識
 
終章     資訊與圖解的近代史
大航海時代與啟蒙時代╱法國大革命前後╱從工業革命到二十世紀╱大戰後與美國╱科技的效用╱二十一世紀的變化╱結語
 
後記
索引
人名索引╱書名索引╱圖版出處╱參考文獻