相關文章

E266522cc8405c30da454f415410e65f 資訊圖表 Infographics 有什麼用?人是視覺化動物,長篇大論不如一張圖表讓人容易理解,但要把複雜的數據和資訊圖像化,卻是門大學問。本篇介紹資訊圖表的設計概念,以及圖表製作工具(SmartDraw、MindGenius)、圖表蒐集網站,來看看如何利用一張好圖表說故事。

快速目錄:

資訊缺乏恐慌症,用資訊圖表來治療

資訊圖表(Infographics),是目前所流行的一種資訊表述模式,它將圖表與文的比重徹底顛覆過來,不再像以前,僅是用圖表來作為文字論述的補充,而是改用視覺設計的方式,將抽象的概念與繁複的數據轉化為圖像,有如地圖般引導著閱讀者,以較為直覺的方式傳達複雜的訊息。

▲ 圖表在我們的生活中無所不在,僅僅是簡單的長條圖,就能清楚的顯示出大多數讀者對新聞的觀感為何。圖為Yahoo!奇摩新聞投票系統。

T客邦也有一些文章引用了資訊圖表,可以到這裡看看。

其實要設計出一份好的資訊圖表,需要花上不少時間精力,絕對比寫篇論文還要累上許多,但若想在論文口試或公司簡報上,讓人眼睛為之一亮,資訊圖表也許能夠助你一臂之力,但由於其本身牽涉到相當程度的視覺設計理論與符號學,設計資訊圖表對於一般人來說,具有較高的門檻,但我們可以先從一些基礎的圖表設計著手,並從網路上優秀的資訊圖表作品中,瞭解認識其特性,並觀察其設計的原理法則,學習試著改變我們一直以來所習慣的直線性思考模式。

當然,我們也不需太過嚴肅,回歸到資訊圖表其中一個最簡單的特點來看的話,那就是,它看起來真的非常賞心悅目,也饒富趣味性。

資訊圖表符合人類大腦需求、古早就有了

現代社會資訊的爆炸性成長,固然是促成資訊圖表這一波盛行的契機,繪圖軟體的進步、網路的發達,及設計美學意識的抬頭也都與此相關,但本質上,資訊圖表終究仍舊脫離不了理論與數據的整合,及其所背負解讀資訊的最終任務。

資訊圖表一詞雖聽起來很新潮,但其實它並非是近幾年新創的產物,除了比手畫腳以外,其實圖像才是人類最早使用的溝通工具,人對於圖像的感受能力遠遠超過於文字,文字與數據本身,都僅是人類所創造出來的一種符號而已,它雖然能夠用來解釋極其複雜的概念,卻也可能反過來讓人更加摸不著頭緒。

所以在很早以前,人們便懂得用圖表來歸結手中所掌握的資訊,舉最普通的例子來說,就是每個人都曾用過的地圖,我們很容易就可以從地圖中直接辨識兩地的方位、大略距離等資訊,而在17世紀時,有位John Snow醫生更利用在地圖上標示霍亂患者的位置,進而找出了霍亂疫情發生的源頭所在,所以藉由資訊圖表,我們還能發現更多數據背後所隱藏的事實。

▲ 1854年由John Snow所繪製的倫敦霍亂疫情圖。

▲ 現今的捷運路線圖設計,其實是來自於一名失業的英國工程製圖師Henry Beck,利用電路圖的概念所設計出來的。

資訊圖表的組成元素與設計法則

圖與文的交互配合使用,早已是我們陳述在某種理論概念時的一種標準表達形式,藉由附圖的說明,使得文字敘述更容易理解,資訊圖表則超越了這種既定的規則,以圖文比例懸殊的9:1或甚至是10:0,來重新建構整串訊息,進而達到言簡意賅、微言大義的層次,雖然資訊圖表的表現手法甚異,但大多數經典的資訊圖表,均包含下列三個重要元素。

  1. 數據資料:詳盡的資料是資訊圖表的骨架所在。
  2. 核心概念:所要傳達給觀看者什麼樣的訊息。
  3. 表現形式:運用視覺設計手法,將上兩項抽象的元素化為有形的圖像符號。

所以資訊圖表之產出,不但考驗著設計者本身對於手中資料的掌握程度,也極端重視基礎邏輯概念的運用,畢竟,能夠讓人理解的訊息,才是有用的訊息。

而加州大學統計學博士Nathan Yau,則認為資訊圖表在設計上,有一些重要的法則需要留意,首先,在構思設計之前,一定要對自己的數據非常瞭解,若是自己都一知半解了,那要如何解釋給別人聽呢?一個好的概念或論述,不一定非得用花俏的圖像展示,那往往會使觀看者失去了焦點,不如用單純而容易理解的圖表來突顯出主題;千萬別以為你的圖表能解釋一切,資料取捨的功夫是相當重要的,如同攝影一樣,視覺設計也是種減法的藝術。

最後,其實還有一個重點,同時也是最容易被忽略的部份,資訊圖表是用來幫助我們去理解複雜的資訊內容,而不是使簡單的內容複雜化,如果我們只是專注於要設計出一幅令人目眩神迷的資訊圖表,那就違反了它的本意了。

▲ 資訊圖表或許還擁有超脫於人類本身限制的能力,比如說:與外星人溝通。

<後面教你利用SmartDraw快速做出圖表>

延伸閱讀:

圖表:得到 Google 工作有多難、10大高薪職位多少錢

iPhone、Android 社交 App 使用比例大調查(資訊圖表)

圖表告訴你,Google、Facebook、Twitter 員工福利有多爽

使用 Facebook 留言

C01b01d4425b8ea1d723c8057f3bd084?size=48&default=wavatar
1.  大兜 (發表於 2011年11月04日 02:43)
我以為會提到 EDraw,和 Smart Draw 比起來我比較推薦
5c8812fcc0a86935665789a3b10ffece?size=48&default=wavatar
3.  Share (發表於 2011年11月04日 22:24)
心智圖法軟體 MindGenius 在台灣太冷門了吧!?有中文介面支援嗎?
只要從Google 或 Yahoo Bing 搜尋一下就知道排在前面熱門的心智圖法軟體是哪一個了,好像大家都在用 XMind 哦。

(⊙ˍ⊙)

發表回應

謹慎發言,尊重彼此。按此展開留言規則