• 沒有找到結果。

《紐約時報》(The New York Times)在 2008 年時所刊登的一篇報導提及「現今人們 一週所獲取的資訊量,比 18 世紀時一個人一生可能接觸到的資訊量還要多。而光是 2008 年一年間全世界所製造出的資訊,將比人類在過去五千年所製造出來的資訊還要 多」。國際數據資訊中心(IDC)則預測,2009 年至 2020 年間,資訊量還會再爆增 44 倍。全世界的資訊仍在大量地增加當中,但人們對於龐大資訊的記憶力、吸收能力卻是 有限的,過量的資訊反而容易引起心理上的焦慮。Richard Wurman 在《資訊焦慮》曾 提到,造成資訊焦慮的原因在於「真正了解的」和「以為應該了解的」兩者間的差距越

都已漸漸成為閱讀的主流趨勢,如智慧型手機應用程式 Filpboard 將新聞與各領域的最 新資訊以圖像為主的設計編排與順暢的互動操作性,讓人們可以輕鬆獲取想接收的資訊。

近年,資訊圖表越來越常出現在網路與社群媒體中,在於其以「圖」為主,以「文」為 輔的資訊傳達模式,對於閱讀與吸收資訊是相當友善的。

資訊圖表(Infogarphics)又稱為資訊圖像、信息圖像,它是 Information(資訊)

和 Graphics (圖像)兩字結合而成的新字,木村博之(2012)曾提及「Infohraphics」

最初只有報章雜誌的設計部門會使用這個名詞來代表圖像新聞,並不是一個常見的詞彙,

直到 1993 年西班牙 Pamplona 舉辦「Malofiel 國際資訊圖表設計獎」,Infographics 這個名詞才逐漸被廣為使用。而資訊圖表是資訊設計(Information Design)中的一條

尹相侖 2010 資訊圖像應用於臺灣與日 Josh Ritchie

& Ross

往往會半隨著文字與圖片,就如

資訊圖表的歷史可以追朔至 1626 年, Christoph Scheiner 是最早研究太陽系星 群的天文學家,在他的著作《Rosa Ursina sive Sol》當中能看到他繪製的太陽自轉、

移動過程(Depiction of the sunspots),可說是最早將文字與圖像結合來示意的代表

(圖 2-1),而當初這樣的表現形式被現在視為是示意圖(Diagram)的一種表現。

圖 2-1:Depiction of the sunspots

1786 年,具備工程與經濟背景的蘇格蘭工程師 William Playfair 開創了統計圖表 的先河,在他所發表的《貿易與政治圖集》中首次出現包含統計圖表的設計,直線圖、

長條圖以及圓餅面積圖都是由他繪製而成並沿用至今(圖 2-2)。

圖 2-2:Commercial and Political Atlas

英國著名的護士南丁格爾(Florence Nightingale)於 1857 年將克里米亞戰爭期 間將英國軍隊的死亡因素繪製成圓餅分析圖,而發現戰爭的死因主要來自於醫療缺乏,

導致感染傳染性疾病死亡(圖 2-3)。當時,她便用這張統計圖表向當時的維多利亞女 王徵求更多的醫療資源。而 1861 年,由法國工程師 Charles Minard 所繪製的《拿破 崙的災難》,可以清楚看到拿破崙戰爭時的軍隊人數、行徑方向、溫度、地標、戰敗原

因等等在圖面上的變化(圖 2-4),這類的示意圖在資訊圖表的發展歷史中都是具有開 創性的代表作品。

圖 2-3:Diagram of the causes of mortality

圖 2-4:拿破崙災難(Napoleon's disastrous march on Moscow)

到了 19 世紀中後期,隨著越來越多複雜化的產品製程被繪製成視覺圖來表現,資 訊視覺化的平面設計技巧極速成長。1972 年,天文學家 Carl Sagan 製作了先驅者鍍金 鋁板(Pioneer Plaque),並將它隨著先驅者太空船探測器發射到外太空之中,讓外太

圖 2-5:先驅者鋁板(Pioneer Plaque)之圖像

1970 年至 1990 年是示意圖在表現形式上逐漸轉變為資訊圖表的重要時期,與報 章媒體有很大的關聯性,英國雜誌《The Sunday Times》的美術編輯 Peter Sullivan 即是這個時期的重要人物,他大量應用視覺化的資訊圖表來編輯各類文稿,將文字資訊 巧妙地轉化為讓讀者可以快速理解的圖像資訊,這樣的編輯方式讓資訊圖表的設計掀起 一陣風潮,各家媒體為了吸引讀者的注意,紛紛仿效 Peter Sullivan 的設計模式,如右 圖所示:

圖 2-6:The Ebb and Flow of Movies:Box Office Receipts 1986-2008

圖 2-7:Electoral Explorer

在當時,眾多的資訊圖表品質參差不齊,引來學界的批評,耶魯大學統計學教授 Edward Tufte(1983)曾以圖表垃圾(Chartjunk)形容圖表中充斥著多餘、讓人分心 的資訊,如圖 2-8 所示,他認為資訊圖表中的裝飾性視覺元素,若喧賓奪主而無法準確 傳遞完整資訊,都大大降低了整張圖表的完整性與價值性。資訊圖表的普及雖引來各界

圖 2-8:Diamonds were a girl’s best friend

科技的日新月異帶動了電腦繪圖工具的快速發展,例如奧多比系統公司(Adobe Systems Incorporated)於 1982 年創立後即深深影響了二十世紀末的美術與設計領域,

各種易用的繪圖軟體陸續推陳出新,讓資訊圖表在設計品質與製作效率大大提升,也帶 2-9)。臺灣的資訊設計顧問公司 Re-lab 於 2014 年與三少二設計、沃草(Watchout)

的醫師合作,在 Facebook 中發佈一系列伊波拉病毒的資訊圖表(圖 2-10),利用細膩 的視覺設計規劃與鋪陳,讓更多人快速認識伊波拉病毒,發佈不久即獲得眾多網友的響 應與分享。

同時,隨著行動裝置普及與一頁式網站(Single-Page Websites)的興起,為了 有效引導使用者瀏覽資訊以及符合各數位裝置之垂直頁面瀏覽模式,資訊圖表也開始轉 變成多以長條狀的形式呈現,設計者可藉此以引導式的敘事資訊圖表來傳遞資訊,而觀 者也能在行動頁面中透過簡易的垂直捲動,直覺地閱讀資訊。

圖 2-9:The Social Media Election 圖 2-10:伊波拉病毒資訊圖表

2-1.4 資訊圖表的類型

網路的即時性讓資訊的流通變得更加便利,加上網路儲存技術優化與擴增,讓全世 界的資訊量持續以倍數成長,面對眾多而複雜的資訊,資訊圖表的表現手法與形式也越 來越新穎與多變,廣義而言,可依《視覺資訊的力量》將資訊圖的格式分為靜態資訊圖、

動態資訊圖以及互動式資訊圖,如下表 2-2:

表 2-2:資訊圖依「格式」分類

動畫或移動影像。 態資訊圖並不相同,動態資訊圖類似於動態圖像設計(Motion Graphics),是將資訊 加入時間的概念,以影音方式呈現;互動式資訊圖則涉及跨領域合作,包含使用者經驗

(User Experience)與人機互動(Human – Computer Interaction)等等專業合作,

讓使用者透過創新的互動模式,主動取得相關資訊;相較之下,靜態資訊圖的定義較符

(Vector Infographics)

以向量繪圖作為資訊的表現形式。

照片表現

(Photo Infographics)

以相片作為資訊的表現形式。

資訊立體化

(Three-dimensional Infographics)

將資訊圖表中的資訊跳脫二維的視覺形 式,以立體感作為資訊的表現形式。

資料來源:本研究整理

本研究針對以上所提到的三種資訊圖表表現形式,將在下頁進行詳細的特點說明以 及差異介紹:

1. 向量表現(Vector Infographics)

向量資訊圖表的平面設計、配色以及排版,讓設計者能夠營造出強烈的視覺張力與 鮮明的視覺風格來吸引觀看者的目光,更可以透過不同的平面設計手法凸顯重要資訊,

如下圖 2-11 即以鮮豔的色塊比較各國在滑雪項目上的關聯性。向量能突破解析度的障 礙,讓設計者可以因應不同的數位螢幕、平面印刷尺寸來調整圖面的大小,維持清晰的 高解析畫面,且向量作品的檔案大小易於在網路上傳輸與流通,深受設計師們的喜愛,

並隨著電腦繪圖軟體的普及和進步,讓向量表現的資訊圖表在風格上越來越多元。

近年,扁平化設計(Flat design)的平面風格盛行,如微軟的 win8、Apple 的 ios8 設計、Google 的 Material design(圖 2-12),扁平化設計一開始是應用於介面設計

(User Interface)的用途,因應行動裝置與現代人們的生活已經密不可分,每天所接 觸到的資訊越來越龐大,去除多餘的雜訊,以簡化的圖像資訊已成為一個適合傳遞大量 資訊的形式,因此,扁平化設計的極簡風潮也蔓延至資訊圖表設計中,如下頁所示。

圖 2-12:Google 的 Material design

圖 2-13:A Handy Guide to Total Lunar Eclipses

2. 照片表現(Photo Infographics)

有別於資訊圖表多以平面向量的形式表現,有時直接利用攝影取得的照片來進行資 訊圖表的規劃、排版,除了能直接清楚傳達資訊的內容與真實性,也能營造出特別的視 覺風格,如下圖 2-14 是由日本設計師 Moé Takemura 所設計的《Guide to the foreign Japanese Kitchen》食譜,將食材以具有設計感與美感的編排方式,以固定角度進行拍 攝,重新詮釋出食譜的新面貌,實際的攝影照片呈現出食材與料理最真實的樣貌與質地,

這樣的資訊圖表表現形式適合用於商業廣告或是平面媒體當中,營造吸引消費者的視覺 畫面,也透過照片所展現的真實畫面增強說服力。

圖 2-14:食譜的另一種詮釋

3. 立體表現(Three-dimensional Infographics)

本研究發現立體表現又可分為平面立體化與實體立體化兩部分,平面立體化是在靜 態的平面媒介中,利用 3D 立體模型或是實體組合的方式,將常見的向量表現轉變為立 體的視覺多樣化表現(圖 2-15、圖 2-16),使資訊出現具前後空間感的視覺呈現,營 造出相當特別的視覺張力。而實體立體化則將資訊圖表轉變成觸摸得到的實際資訊,如 下圖 2-17 與圖 2-18 所示,比利時一間名為 Coming Soon 的設計工作室在戶外以實 體構圖的方使來詮釋資訊圖表,這樣的表現手法強烈且引人注目,適合應用於展覽等展 示性質。立體表現的資訊圖表設計跳脫了二維平面而轉變成三維立體空間的手法,讓資 訊圖表的呈現手法有更多元的呈現方式。

平 面 立 體 化

圖 2-15:Ilha-Formosa 圖 2-16:Number of employees 實 體 立 體 化

圖 2-17:ART+COM company for "Work.

Meaning and Worry" exhibition

圖 2-18:Ablynx 藥廠相關資訊圖

林孟潔(2014)認為「資訊圖表最具價值的地方就是在於其對於日常生活的影響,

文字雲(World Cloud)

象形圖(Pictogram)

地圖(Map)

從上表的整理可以得知,各研究者對於資訊圖表的類別與定義皆不相同,本研究藉

1. 示意圖(Diagram)

示意圖常針對複雜或難以言傳的資訊,透過插圖來呈現,視覺風格也包含高度擬真 或簡化示意,設計者可自行選擇資訊最具魅力的角度進行構圖,以凸顯資訊亮點。示意

示意圖常針對複雜或難以言傳的資訊,透過插圖來呈現,視覺風格也包含高度擬真 或簡化示意,設計者可自行選擇資訊最具魅力的角度進行構圖,以凸顯資訊亮點。示意

相關文件