第二章 文獻探討
第三節 資訊圖像
一、資訊圖像的定義
Infographics 是 Information design 的其中一項分支，兩者在臺灣都未有統一的 中文名稱。Information Design 通常被翻譯成資訊設計、訊息設計、信息設計（林孟 潔，2014）。Infographics 是 Info(rmation)及 Graphics 兩字結合成的新名詞，也可稱 為Information Graphics。表 26 整理出歷年相關文獻，以探討 Infographics 確切的中 文解釋。
（Infographics）
資訊圖像運用於農民曆宜忌細項 之創作研究
Jason Lankow、
Josh Ritchie、Ross Crooks（2013）
（Infographics、
Information Graphics）
資訊圖像應用於蘋果日報編 排設計之研究
李育全（2012）
資訊圖像
（Information Graphics）
資訊圖像應用於速食麵文化 之創作與研究
謝明倫（2013）
資訊圖像
（Infographics、
Information Graphics）
＜地方‧起點＞－資訊圖像
37
櫻田潤（2014） 資訊圖表
（Infographics）
不懂設計，也能做出令人驚 艷的資訊圖表
Randy Krum（2014） 資訊圖表
（Infographics）
資訊視覺圖表
鄭元棓（2008）
資訊圖表
（Infographics、
Information Graphics）
運用心智圖法與多點觸控的
（Information Graphics）
論信息圖形
資料來源：本研究彙整
由表26 可知學者對 Infographics（Information Graphics）英文及中文名稱的使 用不盡相同，學者將之翻譯成資訊圖像、資訊圖表、信息圖形、信息圖形設計等，
最常被使用的是資訊圖像；信息圖形、信息圖形設計則是因中國大陸將資訊稱為 信息，故為中國大陸的翻譯名詞，至於較適當的中英文解釋為以下探討所列。
（一）資訊圖像（infographics）
Infographics 是新創名詞，為深入了解中文釋義，整理出單字
Infographics、Information、Graphics 之中文釋義於表 27，並且根據＜教育部 重編國語辭典修訂本＞對所述名詞做中文解釋。
表27 中文釋義
39
Infographics 也可稱為 Information Graphics。最初並不是常見的詞彙，直 到1993 年西班牙潘普洛納市（Pamplona）開始舉辦「Malofiej 國際資訊圖表 設計獎」，「Infographics」這個名詞才逐漸廣為使用（木村博之，2012）。由 圖2 可得知 Infographics 和 Information Graphics 兩字在 Google 搜尋趨勢的比 較。
圖 2 Google 搜尋趨勢圖
（圖片來源：Google，2015）
Infographics、Information Graphics 兩字於 2004 至今，全球性的統計中，
Infographics 於 2010 年逐漸取代 Information Graphics，並且在 2012 年後明顯 成為主要趨勢。
（二）定義
Infographics 以字面上解釋就是將資訊的內容加以圖像化，或稱可視化。
它通常被視為訊息設計的一環，屬於平面設計的一部分，並且涉及其他多項 領域，如商業領域、社會學、心理學等學科領域，並且綜合運用這些學科。
資訊圖像最重要的功能是有效的溝通，將繁雜的訊息簡易化，並消除不同語 言間的隔閡。好的資訊圖像不只是漂亮的圖片，也不是單純地營造視覺衝擊
力，而是根據訊息內容再透過設計師的理解向大眾更好地傳達訊息（孫皓瓊，
、Josh Ritchie、Ross Crooks（2013）
資訊圖像就是「使用視覺提示來 溝通資訊」，它未必須要包含某 些特定的數據量、具有一定的複
視覺資訊的力量
41
Randy Krum
（2014）
類項目，將有助加深對此門學科的了解，也較能掌握創作的動向。見表29。
（Infographics）
1.示意圖（Diagram）：用插圖來呈現難以言 或Information
Graphic）
1.統計類資訊圖像：亦即常見的「圖表」
（Chart/ Graph）。如線型圖、柱狀圖、餅狀 圖、影像資料等；
（Infographics）
1.數據類資訊：數據視覺化的統計圖表。
2.非數據類資訊：事件陳述、歷史過程、概 念呈現等將文字轉換為圖像的圖像類別，
如流程圖。
43
3.綜合資訊類：結合人、事、時、地、物的 整體性資訊圖像，整合數據與非數據的訊 息，如主體式地圖、歷史圖。
鄧克威（2014） 資訊圖表
（Infographics）
1.圖表：將某一概念、資料、數據用圖像的
非資料性），而圖像符號（Pictogram）是所有類別所包含的元素。數據類為各式 整合數據資訊的類型，多有淺顯易懂的數據表示或統計圖；非數據類又分為示意 圖、流程圖。示意圖以插圖表示事物的種類、構造、動作解析等；流程圖具有時 間性，述說事物的改變、演化等過程；地圖類分為資訊與非資訊類，資訊類為運 用簡易的地圖整合單方或多方資訊或數據；非資訊類為地點標示或路線指引。表 30 為資訊圖像的種類範例。
表30 資訊圖像三大分類
45 Abdullah、Roger Hübner（2006）認為是一種圖像化的符號，不透過文字或聲 響而是經由有意義的視覺，來表現複雜的事情。
初的圖像聯想。如今所謂良好的訊息傳達，都極力將文字圖像化。孫皓瓊
47
之子共同整理建構的網站＜Gerd Arntz Web Archive＞中可看到 Gerd Arntz 所 創作四千個圖像符號，並結合地圖與圖表，此些作品，皆成為現代資訊圖像 的先例。圖4、圖 5 為 Gerd Arntz 所創作之圖像符號及統計圖。
圖 4 Gerd Arntz 創作之圖像符號
（圖片來源：網站gerdarntz）
圖 5 Gerd Arntz 創作之統計圖
（圖片來源：網站wolfsonianfiulibrary）
二十世紀中後期，電腦逐漸普及加上平面設計軟體的產生，我們正處於 資訊爆炸的年代，每天有大量的資訊經由各種媒體傳達給使用者，網際網路 是其中一項重要媒體。近幾年，因網路的普及化，資訊圖像的運用除了報章 雜誌外，也大幅發展及運用在網路媒體。電腦軟體和網路改變既有的靜態資 訊圖像，Randy Krum（2014）認為資訊圖像除了有靜態形式，還有可縮放、
可點選、動畫、影片、互動式五種型態。見圖6。
圖 6 Linkedin 互動式的資訊圖像－人脈地圖
（圖片來源：網站pinterest，2015）
追溯圖像符號歷史，有助了解資訊圖像設計的基本元素、形式及未來持 續發展的方向。由上述可知圖像符號起源於人們為了突破國際間的文字障 礙，而極力將文字圖像化，接著被運用醫學、交通、公共領域的平面設計，
而後發展成為資訊圖像創作之元素，再因各種媒體的普及影響，資訊圖像得 以運用在報章雜誌、網際網絡上。
四、資訊圖像相關作品分析
本創作研究將資訊圖像分為三大類：1.數據類 2.非數據類（示意圖、流程圖）
3.地圖類（資料性、非資料性）作為本創作研究類別的根據，但因節慶文獻為文 字性描述，而非量化，也無地理位置之分，故本研究將取示意圖、流程圖兩類為 主要創作類型。
本研究的創作核心取示意圖、流程圖兩類進行作品分析，依類別各整理出三 張作品，助於分析類別的創作細節與形式，並從中比較相同類別的作品，有何不 同的詮釋。
49
（一）示意圖
示意圖（Diagram）是使用插圖來說明難以用言語表達的事物，插畫中用 特殊或透視物體的視角來完成解說。因示意圖插圖量大，因此特別重視視覺 流程和圖文的編排。包含的內容有產品使用說明書、人體或產品結構圖、樓 層介紹、動作解析等（木村博之，2012）。見表 31。
表31 示意圖類型作品分析
示意圖作品之一
（圖片來源：木村博之，2012）
分析 整體版面 大而色彩鮮明的插圖位於中央，使觀者很快得知圖表的重點。
其他訊息的細節安插在其他空白處，資訊豐富，卻不擁擠。
視覺目的 將所有想傳達的資訊以插圖呈現出來，主要插圖為透視圖的方 式，運動項目的過程則以連續插圖的方式表現，讓觀者可得知 有舵雪橇的結構及運動員如何操作的訊息。為使傳達的訊息不 受太多干擾，插圖的色彩整體以藍色為主。
示意圖作品之二
（圖片來源：櫻田潤，2014）
分析 整體版面 圖像位於這中央，從中劃分左右兩側，再向外延伸子項目，
51
畫面簡潔，主題標示明顯、清楚。
目的 將人的性格分為貓型、狗形兩類，主要圖像依項目，用不同 顏色線條區分，並在下方說明色彩的代表項目。整體用色清 晰，圖像用簡單的線條構成，容易理解。
示意圖作品之三
（圖片來源：網站modny73，2015）
分析 整體版面 中間為最大圖像與文字，點出主題，補充則排版在左右方。
目的 因此部電影的主要視覺色彩為黃色，故作品也以黃色為主。
從作品也可解讀作者所遇到的所有對手身分及使用的武器。
最下方則可看出電影場景的變化。
資料來源：本研究彙整
（二）流程圖
流程圖（Flow Chart）是有時間性的流程圖，用箭頭或線條連結流成方 向或是指將資料整理於縱橫軸的表格中。用途有生物演化圖、研究流程圖、
食品製作圖、年表等（木村博之，2012）。見表 32。
表32 圖表及表類型作品分析
流程圖作品之一
（圖片來源：網站OXP，2015）
分析 整體版面 具有明顯的視覺動向，用箭頭指示出流程。畫面簡潔有力。
視覺目的 讓觀者清楚解讀流程步驟，運用簡單的色彩及象形圖，來增加 趣味性。
流程圖作品之二
（圖片來源：網站Infographics, Maps, Music and More，2015）
分析 整體版面 分為左右兩大部分，視覺動向由左邊的大圖示開始，再由線 條向右延伸。
53
資料來源：本研究彙整
以上兩種類型的作品，但都能明顯看出圖像所占比例較文字多，能使用 圖像表現的內容，就不會有多餘的文字解說，這就是資訊圖像主要追求的方 向之一。閱讀資訊圖像作品，能在第一眼就得知月曆所欲表現主題，比如內 容為與「食」相關的資訊，就會使用大量且顯著的食物圖像。上述作品所使 用的色彩都以舒適閱讀為主，色彩少而簡單。排版方式各具特色與創意，都 是本創作研究可以參考的。