什麼!圓餅圖已經兩百多歲了?——訊息圖表的前世今生

circle-3_1.jpg

我們每天都在使用訊息圖表(information graphics),網站的流量、ppt簡報、公司的報表、捷運路網圖⋯⋯它能讓複雜的資訊變得清晰明白,不分國界、一看就懂,這麼神奇的溝通工具,究竟是怎麼出現的呢?

網站常見的流量分析,其原型為X軸與Y軸的表意方式。

網站常見的流量分析,其原型為X軸與Y軸的表意方式。

 

源自幾何學的DNA

訊息圖表的起源可追朔至1637年,法國哲學家笛卡兒(René Descartes)率先提出以水平線(X軸)、垂直線(Y軸),界定出象限和格點,用以呈現幾何解析學中代數的關係,這幅圖就是訊息圖表的先聲。

笛卡兒用座標系統表現代數的關係。

笛卡兒用座標系統表現代數的關係。

笛卡兒認為,訊息圖表存在的價值是解決問題,要解決問題,必須先收集資料、分析問題,再萃取需要的內容,「將資訊視覺化」,用他人可理解的方式呈現出來。

真正實踐「將資訊視覺化」的是蘇格蘭政治經濟學作家普萊菲(William Playfair)。普萊菲也被稱為「視覺圖表之父」,他所制定的長條圖、線圖、圓餅圖,影響後世至巨。

1786年,普萊菲首先將座標軸應用在視覺設計上,以X軸為年份、Y軸為英鎊,用以表述經濟的成長變化。

1786年,普萊菲首先將座標軸應用在視覺設計上,以X軸為年份、Y軸為英鎊,用以表述經濟的成長變化。

在1801年,普萊菲繪製了一個被切分的圓圈,用來表現統計數據的佔比,為歷史上第一個圓餅圖。

在1801年,普萊菲繪製了一個被切分的圓圈,用來表現統計數據的佔比,為歷史上第一個圓餅圖。

 

資訊傳播形式的圖像革命

一次大戰之後,社會結構與思潮起了巨大的變化,設計服務的對象也從貴族轉向一般民眾,肩負著公共服務、溝通知識的社會責任。1925年,社會科學家紐拉特(Otto Neurath)為使不識字的男女老幼了解複雜的社會現況,例如出生率、死亡率的消長等,製作了以圖取代文字的教育資訊,由相同的具象圖示構成,每個圖示代表一個定量,稱為「維也納方法」(Vienna Method of Pictorial Statistics,後更名為ISOTYPE),這種繪製圖示的態度,也影響了公共環境識別與標誌設計。

紐拉特用圖示表現人口的變化。

紐拉特用圖示表現人口的變化。

 

訊息圖表的類型與應用

地圖:與「空間」有關的介紹與導引

1933年貝克(Harry Beck)設計的倫敦地鐵圖即是這個類型的佼佼者。他利用不同顏色、垂直、水平、45度角的直線,用來表達路線行進方向和地鐵站的相對位置,奠定了現今交通路線圖的表現形式。

貝克於1933年設計的倫敦地鐵圖,奠定了現代交通路線的表現形式。

貝克於1933年設計的倫敦地鐵圖,奠定了現代交通路線的表現形式。

 

時序:呈現出隨著「時間」推衍,資訊的變化情形

普萊菲將X軸、Y軸設定為時間與金融的對應關係,用以表現發展的趨勢,就是很典型的案例。時間軸式的年表也是一例。

本刊第二期以時間軸式的年表呈現納基(Moholy Nagy)的生平

本刊第二期以時間軸式的年表呈現納基(Moholy Nagy)的生平

 

插畫:以圖畫解釋某件事情,即「圖解」

最具代表性的是奧地利平面設計師貝爾(Herbert Bayer)於1953年出版的《圖解世界地理圖鑑(The World Geo-graphic Atlas)》。全書以一幅幅手繪圖、一張張層疊的膠片,細膩地將天文、地質、生態等各領域專家提供的資料視覺化,開創了形形色色的圖解手法。

貝爾在《圖解世界地理圖鑑》中透過訊息圖表說明各種資訊。

貝爾在《圖解世界地理圖鑑》中透過訊息圖表說明各種資訊。

 

量化:圖表中最常使用的的類型

餅圖用來說明比例關係,柱狀圖用來顯示比較的差異、曲線表現趨勢、顏色深淺則是表現程度。圖表分析之父塔夫特(Edward Rolf Tufte),在1983年出版的著作中對圖表形式做了詳細的歸納與分析,探討每種圖形與被呈現的資訊的關係,並引導讀者思考何者為最合適的形式。

由左至右:餅圖、柱狀圖、線圖。

由左至右:餅圖、柱狀圖、線圖。

 

如何製作合適的訊息圖表?

訊息圖表的本質就是「資訊的視覺化陳述樣態」。如何以最簡約、最適當的元素構成圖形,清晰、有效的傳遞資訊,決定了設計者的功力高低。而在平面設計中,圖表和圖片都是版面構成的要件,唯有每一樣構件的品質都達到一定的標準,才能在訊息溝通及視覺表現這兩個層次上,達到最理想的成果。

 

 

原文作者:Circle

本文出自:什麼!圓餅圖已經兩百多歲了?——訊息圖表的前世今生

責任編輯:BFA 簡報小聚 編輯部

 

 

簡報塾 #5|蘇國垚_談觀察力養成及應用

12 月 28 日|台灣服務界的款待大師

12/28 簡報塾,蘇國垚談在職場與日常中的觀察力的養成及實務應用

「讀人不應講訓練,而是要讓服務人員『有動機』,當他了解這對自己有幫助,才會用心。」

從事服務業無法握有全然把握才開始著手,而是藉由「觀察」讓準確度逐漸提升。

在高度競爭的服務業中,同業學習是模仿、異業學習是創新。蘇國垚擅長帶領團隊以創意突破困境,培養提升團隊對事物敏銳的洞察力,以其他行業為借鑑,舉一反三並建立建立彼此連結。

蘇國垚在飯店教新員工怎麼看人時,總有辦法讀出每位賓客是要開會、用餐還是來找朋友。服務即是:讀取賓客透過眼神和動作散發的訊息瞭解顧客需求,從蛛絲馬跡找出線索,讓服務充滿樂趣。