• 沒有找到結果。

資訊一直以來存在在人類的生活之中,為了讓更多人可以更快的清楚瞭解到 資訊所傳遞的意義,也就因此產生了將資訊可視化的行為,也就是所謂的資訊圖表

(Infographics)。所謂的資訊圖表(Infographics)就是 Information(資訊)和 Graphics(圖像)兩個字詞的結合,而資訊圖表的意義及精神,就是將複雜或是難以

(Information)的字源是 Informare,意思是石頭、木頭、皮等物質的形成 過程。在十六世紀左右對訊息的定義則是「告知的行為;心智或性格的成形

了各式各樣的訊息,加上媒體科技的發達,資訊的載體從過去必須透過紙本 息,導致訊息焦慮的產生,Richard Wurman(2005)曾提及,資訊焦慮的 成因在於人們對於「真正了解的」和「以為應該了解的」這兩者有越來越大

sun

),在書中 Christoph Scheiner 將太陽自轉的形式繪製成一份圖表。

但資訊圖表(Infographics)一詞早期指的是報章雜誌、新聞裡的示意圖

(Diagram),所以早期只有新聞媒體內部的設計部門會使用資訊圖表一詞,

但示意圖和資訊圖表仍有本質上的差異,示意圖一詞較資訊圖表出現的更早,

主要是將資訊整理之後,將歸納出的重點用圖表呈現,但資訊圖表除了以視 覺設計的方式讓資訊更容易理解之外,也會以觀眾的角度做切入,因此比起 示意圖而言,資訊圖表更能讓觀眾容易理解。

資訊圖表的發揚光大是由一位設計師 Peter Sullivan 為 The Sunday Times 繪製的一連串資訊圖表,Peter Sullivan 從 1970 年至 1990 年間製 作了無數的圖表,其中影響了其他各家媒體紛紛投入資訊圖表的繪製,但在 HTML 5、CSS3 等技術,資訊圖表的在各種媒體的表現可能性越來越高,導 致資訊圖表越來越被廣泛討論。

在 2005 年的時候,Facebook 等網路社群媒體開始流行,導致了大資訊

(Big data)的誕生,也讓資訊圖表的被重視的程度越來越高。

而根據國外的媒體市場調查公司 Bixamedia 的資料顯示,Facebook 等網路 社群媒體的興起之後,造成大家對於網路媒體的使用方式改變,除了在頁面 的停留時間更短之外,因為社群媒體最大的特色點在於分享,使每一個用戶 都可以單獨成為一個媒體通路,而普遍的用戶對於分享圖片的意願又高於分

享文字,而資訊圖表正是能夠將完整的文字概念轉化成圖像的途徑之一。

在 2007 年 iPhone 上市,代表著智慧型手機正式進入市場,智慧型手機 也再度改變使用者對於網路媒體使用的習慣,因為手機裝置比起一般電腦螢 幕或一般紙本的尺寸小,所以有越來越多的圖片會設計成長條狀的版面,讓 使用者在手機裝置上能夠藉由滾動的方式得到一樣的視覺體驗,因此大多數 的資訊圖表也隨之設計成長條狀的版面,如下頁圖 2-2 所示。

圖 2-1:ChartJunk 的範例。

在這張圖表裡,一個單純的長條圖被眾多的斜線及底紋裝飾,甚至讓原本的資訊都被蓋過去了。

(圖片出處:http://en.wikipedia.org/wiki/File:Chartjunk-example.svg)

圖 2-2: 長 條 狀 版 面 的 資 訊 圖 表( 圖 片 出 處:http://s3.amazonaws.com/assets.prod.

vetstreet.com/27/d36f00bbdd11e18fa8005056ad4734/file/Infographic_Presidential-2-1.3 資訊圖表之種類

現今資訊圖表在主流媒體(報紙、平面刊物、網頁等)上的表現種類繁 多,在分類上面也有各種不同的分法,而資訊圖表因為是將資訊圖像化,所 以能夠將原本枯燥乏味的事情變得更加有趣,使得資訊圖表在現在的社群媒 體中具有讓觀眾樂於分享的特性,所以資訊圖表的設計在現代的行銷活動中 扮演重要的角色,本論文綜合行銷觀察者 Kovalenko 所著的文章《Types of Infographics and Visualisation》及日本設計師木村博之所寫的《設計的邏 輯:深入人心的視覺法則 infographic》內容,將目前資訊圖表的表現的型 式跟表現內容區分為以下十二種類型:

表 2-1:依表現內容區分的資訊圖表種類

種類名稱 定義簡述

圖表(Chart) 將某一概念、資料、數據用圖像的方式 表現,如圓餅圖。

數據(Numbers) 以凸顯特定強烈的數據給人深刻的印 象。

表格(Tables) 將各種事物分類、對照。

時間軸(Timelines) 以時間做為一個事件的發展過程的定點 描述。

流程圖(Flowchart) 將事件的因果依流程進行資訊整理。

文字雲(Word Cloud) 將文字轉化成圖像的方式表現。

象形圖(Pictograms) 將某一種意義轉化成圖像方式表現,具

比較圖(Versus Infographic) 將不同的事物間異同性做出差異,可以 迅速瞭解關係。

視覺化履歷

(Visual Resumes) 將人或事物的能力、特性以分析圖方式 呈現。

照片表現(Photo Infographic) 以攝影方式作為資訊描述的表現。

向量表現(Vector Infographic) 以向量繪圖作為資訊描述的表現。

資訊圖表不一定會只用單一類型來表現資訊,會因應資料的內容或設計者的 想法而採用一種以上的方式來表現。以下分別說明各類型的特色及表現方式:

1)圖表 Chart

圖表一詞具有眾多涵義,早期的圖表一詞幾乎等於現在的

圖 2-3:含有圖表的資訊圖表範例

(圖片出處:http://visual.ly/pot-smokers-why-are-they-skinny)

同的需求及不同的資料有不同的基本表現方式,雖然在多數的 資訊圖表裡都會有圖表的存在,但這兩者並不相同,在資訊圖 表的概念中,圖表僅是資料表現型式之一,如下圖 2-3 所示。

2)數據 Numbers

一個單純的事件描述並不一定能夠給人強烈的印象,例如美 國人在國慶日時吃很多熱狗。但如果配上有效的數據,就能夠 給人直接且強而有力的觀念,而且數字間容易做出比較的差異 概念,又如美國人在國慶日時當天吃掉 1.5 億條熱狗,但有時候 僅靠一個數字也不一定能夠達到強調的效果,所以也會視情況 用其它數據輔助。如果重新描述美國人在國慶日時當天吃掉 1.5 億條熱狗,這樣的長度等於地球與月亮來回五趟。就能夠給予 更深刻的印象。輔助的數據不一定與資料本身的主體有正相關,

但通常是藉由眾所皆知的觀念(地球到月亮很遠)來強調跟凸 顯這樣的數量有多龐大,例如下圖 2-4,就以 61% 來突顯貫用 手機接受行銷訊息的人口比例。

圖 2-4:突顯出特定數據的資訊圖表範例

(圖片出處:http://visual.ly/upstream-infographic)

3)表格 Tables

在資訊圖表中,其實不太容易見到我們印象中的表格型式,

但表格本身的意義是在於組織資料或數據的一種方式,凡舉將 各種事物分類、對照等等都是表格存在的功能之一,所以雖然 資訊圖表的設計中,可能為了視覺效果等等沒有採用傳統的表 格型式設計,但端看內容或是表現,我們其實還是可以在資訊 圖表中找到表格,甚至整份資訊圖表其實就是一張大張的表格,

如下圖 2-5 所示。

圖 2-5:Profile of a twitter user:含有表格型式的資訊圖表範例

( 圖 片 出 處:http://richworks.in/2010/04/50-most-stunning-examples-of-data-visualization-and-infographics/)

4)時間軸 Timelines

時間軸適合用來表現一個事件的發展過程,尤其是現今的社 群網站都是以類似日記的方式記錄每一個用戶的過程,當我們 在逛其他人的社群網站頁面時,其實就是在觀看一個完整的時 間軸。在設計時,如果要採用時間軸的形式進行設計,設計者 不一定將重點放在時間本身,也許也會將表現的重點放在發展 過程上,需要要資訊本身的內容以及設計者想要傳達的內容而 定,如下圖 2-6 所示。

圖 2-6:iOS Version History:以時間軸表現的資訊圖表範例

(圖片出處:http://www.bitrebels.com/technology/ios-version-timeline-infographic/)

5)流程圖 Flowchart

流程圖其中一種流行的表現方式是「如何做某某事」,這一 類型的資訊圖表因為更為有趣,而且可以讓使用者實際參與資 訊圖表的內容,例如標題為「如何找到理想的設計師」,就可 以讓觀眾在資訊圖表的流程指引中,得到如何找到理想設計師 的答案(如下圖 2-7 所示)。這一個類型因為趣味性高,所以 在社群媒體中的分享次數通常較高,所以在行銷活動中比起其 他的資訊圖表更常被使用。

圖 2-7:Do you need a designer?Flowchart:以流程 圖表現的資訊圖表範例

(圖片出處:http://www.underconsideration.com/

fpo/archives/2013/02/do-you-need-a-designer-flowchart.php)

圖 2-8:文字雲範例

(圖片出處:http://blogs.sd41.bc.ca/learningtech/the-classroom/word-clouds/)

6)文字雲 Word Cloud

文字雲的起源來自於早期部落客常使用的一種工具,標籤雲

(Tag cloud),使用標籤雲將部落格文章進行分類的話,就可 以得到較好的搜尋優化(SEO),含有較多文章的分類標籤字 級會較大,含有較少文章分類的標籤字級會較小,藉由這樣的 規則反而產生出另一種特別的視覺效果,之後文字雲便成為一 種文字上的表現型式,讓文字成為圖像,在閱讀上不一定較一 般文字來的順暢,但因為這一類的資料內容通常並不是完整的 文章,而是片斷的關鍵字,讓使用者可以快速的得到重要的關 鍵字(如圖 2-8),並且目光也僅關注在該關鍵字之上。如果藉 由動態的方式輔助表現的話,就可以進一步的製作成動態文字

(Kinetic Typography),只藉由旁白及文字的大小、字體間 的對比製造出強烈的視覺效果,讓原本可能枯燥的文字內容活 化(如圖 2-9)。

7)象形圖 Pictograms 資訊圖表的設計上,在介面設計(User interface)、指標系統 等等,幾乎大部份的平面設計表現上都會需要利用到象形圖來

圖 2-11:2008 北京奧運的象形圖

國際奧林匹克運動會因為邀請各國的運動選手參賽,因此就必需要以象形圖的設計為 主來完成視覺溝通,雖然運動的表現有具象形體可以描繪,但為了表現主辦國的文化 差異,各主辦國會以自己的文化代表象徵來做為象形圖的描繪手法。

(圖片出處:http://creativerepository.com/2010/01/14/evolution-of-olympic- pictograms-1964-to-2012/)

8)地圖 Map

從石器時代開始,人類就已經有繪製地圖的紀錄了,傳統上 我們對地圖的認知是「提供由甲地至乙地路線說明的圖象」,

從石器時代開始,人類就已經有繪製地圖的紀錄了,傳統上 我們對地圖的認知是「提供由甲地至乙地路線說明的圖象」,

相關文件