資訊圖表發展沿革

人類有記載以來最早的資訊圖表是中亞的蘇美人於西元前一千三百年刻寫 在泥板上的城市地圖，當中除了有詳細的城鎮分布之外，也標記了排水處理裝置 以及文字註解，由此可知早在西元前人們就已經知道資訊的傳遞方式，以圖像化 的表現更優於文字描述。在這當中資訊圖表除了是一種圖示外，後續亦逐漸發展 於專題與統計上，經過優化的資訊圖表變得更生動且易於理解。

近代資訊圖表的紀載始於1626年的天文學家Christoph Scheiner，在他的著作

《 Rosa Ursina Sive Sol》 畫 出 了 太 陽 自 轉 與 移動 的 過 程 (Depiction of the sunsports) ，這樣的呈現方式可說是最早將文字與圖像相結合的代表，亦被視為 示意圖 ( Diagram ) 的表現。

圖 2.2：DEPICTION OF THE SUNSPORTS

（ 資料來源：GR Reporter ）

而後到了 1786 年，蘇格蘭工程師 William Playfair 所發表的《貿易與政治圖 集》中，首次展現在世人面前的直線圖、長條圖、圓餅圖可說是開創了統計圖表 的濫觴。

圖 2.3：貿易與政治圖集

（ 資料來源：scihi.Blog ）

1857 年英國護士南丁格爾( Florence Nightingale )為了分析英國軍隊於克里米 亞戰爭中死亡的原因，將其繪製了圓餅圖，經由圖表的詮釋，進而了解到主要死 因是來自於醫療物品的缺乏，造成感染性傳染病盛行。也因為這張圖表她成功地 向當時的王室爭取到了更多的醫療資源。

圖 2.4：Diagram Of The Causes Of Mortality

（ 資料來源：commons.wikimedia ）

4 年後，為了因應拿破崙時期戰爭的分析，法國工程師 Charles Minard 在 1861 年也繪製了《Napoleon’s disastrous march on Moscow》圖表，詳實地記載了戰爭 時的軍隊規模、戰鬥序列、戰鬥路徑、戰場溫度、地形地貌、戰敗因素等種種影 響戰爭結果的原因。

圖 2.5：Napoleon’S Disastrous March On Moscow

（ 資料來源：analyzing minard's visualization of napoleon's 1812 march）

一直到 19 世紀末，資訊圖表的應用愈加廣泛，從產品說明到一般科普訊息 都被繪成資訊圖表來呈現，1972 年天文學家卡爾薩根 ( Carl Sagan ) 設計了先驅 者鍍金鋁板 ( Pioneer Plaque )，並將它與先驅者太空船探測器發射到太空中，希 望可以藉著鋁板上面刻畫的各種地球資訊圖像，讓外太空未知的生命了解地球與 其他行星的位置與人類、生命等概念。

圖 2.6：Pioneer Plaque

（ 資料來源：exploringbinary ）

而資訊圖表真正發揚光大的指標，當屬 1970 至 1990 年間，英國雜誌《The Sunday Times》的視覺設計師彼得沙利文 ( Peter Sullivan ) 為了自家刊物所繪製 的一系列資訊圖表，他使用了龐大圖像化設計來編輯稿件，將繁雜的文字資訊轉 變成為讀者們可以快速吸收閱讀的圖象資訊。這樣劃時代的創舉，引起當時諸多 媒體的效尤，越來越多的平面設計師投入了這樣的資訊設計中。但也因為如此造

學統計學教授愛德華塔夫特 ( Edward Tufte,1983 ) 就曾以垃圾圖表 ( Chartjunk ) 來形容這類專注於裝飾但卻忽略資訊傳遞本質的圖表。

到了現在資訊圖表的應用已經不侷限於設計上，伴隨著科技以及電腦繪圖工 具的快速發展如 MAC 電腦、AI 等向量繪圖工具的盛行，舉凡電影、電視產業 的諸多資訊都採用類似的方式呈現，例如下圖 2.7 紐約時報圖象設計部門的資深 設計師針對 2012 年的颶風珊迪所做的互動地圖，採用互動式的設計，讓民眾對 於珊迪颶風動向以及風力強弱有更具體而即時的了解與認識。

圖 2.7：紐約時報 颶風追蹤

（ 資料來源：銘報即時新聞 ）

同時，行動裝置與新世代網頁技術的興起如 HTML5、CSS3 以及響應式網 站 RWD，越來越多的資訊也藉由手機、平板等平台傳遞，資訊慢慢也因應上述 傳遞介面而變更其表現形態，從前列圖表橫列的表現，到現在多設計成長條型的 版面，讓使用者在使用手機與平板時也能快速閱覽，如下圖 2.7-2.9 所示。

圖 2.7 , 2.8 , 2.9：直條型資訊圖表

（ 資料來源：visual.ly ）