前言
我們周遭的世界一直在變化中。資訊時代徹底地改變了我們的思考與溝通模式。
現今我們能置身於樂於學習與分享的文化氛圍，其主要原因是社群媒體愈來愈無所不在。這類湧入的資訊也需要以新的溝通方式來消化與處理。本書的主題──充滿各種豐富型式的「資訊圖」（Infographics），正是引導這類新思考模式的先鋒。
「資訊的視覺化」利用人類視覺系統不可思議的處理能力，能幫助我們快速有效地深入了解與理解資訊。面對日常生活必須瀏覽的大量資訊，如果能取得並善用這種力量不僅非常實用，也有其必要。
「資訊圖」特別在商業界有其普遍的需求。由於消費者對於廣告與行銷的手法日益不滿，態度已接近冷漠，當代品牌需要以新的溝通方式來傳達他們的資訊。強迫推銷的廣告已經是過時的手法。如今品牌必須超越純粹提供產品與服務的範疇，提供觀眾新的獨特價值。而這種價值得經由資訊說明的方式產生。
很多公司為了建立與吸引觀眾群，紛紛成功地仿效內容出版商作法─純粹地表現資訊內容提供讀者資訊與娛樂。那麼，資訊圖在這種潮流中扮演什麼角色呢？面對每天網路上大量製造與傳播的內容，要吸引並維持瀏覽者的注意力非常困難，而資訊圖提供的有趣圖像使用形式，不但能吸引渴望新知的觀眾，還有助於人們理解與記憶資訊。
「資訊圖」是什麼？
「詩人的目的在於提供資訊或娛樂，或是結合這兩者，也就是生活的樂趣與應用。
敘事宜採用簡要的說法，讓讀者能迅速準確地理解與記憶。
充斥資訊的腦袋如同滿水狀態，多餘的話語自然會被排除。」
──羅馬抒情詩人賀拉斯（Horace）《詩藝─致比索父子書》（Epistolas Ad Pisones De Ars Poetica）
這段話寫於兩千多年前，雖然談論的是詩人的角色，但談到溝通的部分，每種行業都能受惠於這永恆的智慧。
不論你是為了「說明」或「娛樂」的目的，或是兩者皆有，採用「簡潔的方式傳達真實、有趣的知識」給消費者，不僅可用於行銷，也是任何品牌溝通的最新主張。
資訊設計早不是什麼新鮮事了。從最早的洞穴壁畫到現在的數據視覺化，人類一直應用圖像描述來呈現資訊。它們的作用最早可求證於維多利亞時代，如圖I.1的視覺資訊圖所示，此圖為南丁格爾（Florence Nightingale）所作，說明克里米亞戰爭期間英國軍隊的死亡原因。這張圖被送交國會說明，原本當時國會對於軍隊的健康與衛生的問題置之不理，後來因為此圖對於出征部隊兵士間疾病的蔓延有了新的思維。
這些圖像描述在1930年代末期至1940年代早期，由早期最受肯定的傳播媒體《財星》雜誌普遍作為內容編輯使用。圖I.2的插圖是真正工藝的體現，不但具有代表性風格，也極度注重細節的繪製。
自此以後，這些插圖在各方面有了更廣泛的應用，從學術與科學研究到現代的行銷皆有。我們在第1章（一個重要又有效的新形式）會再進一步討論這些應用的歷史，並在各章節中強調目前的應用情形。
本書要說的事
資訊圖的利用與應用範圍廣泛。在本書中，我們將強調資訊圖改善商業溝通的功效，從為創新的行銷目的使用，到傳統上報導或分析商業觀點的應用皆有。接著我們將持續討論資訊圖在其他領域使用的相關目的，以期進一步對本書最終所要建立的資訊圖品質與功效的分析方法與分析架構帶來啟發。
我們主要的目的是要深入瞭解資訊圖的使用價值，說明此種媒介的適當做法與應用。我們也希望讀者最後能瞭解並得到資訊圖思考工具的啟發，迅速掌握以視覺手法改革商業溝通的方式。
本書不代表的事
本書不是設計資訊圖的主要資源。不過我們專門呈現了一些可以作為創造視覺化的工具，並且也提供設計師進一步學習的參考資源。此外，相關的觀念、研究與訊息架構與思考方法對視覺設計師很有參考價值。我們也相當重視創作美麗資訊圖的設計技巧，而且堅信設計學校傳授的各類原則與指導，對於有效的視覺化創作都很重要。
本書所提供的形式與實務舉例，不代表所有資訊圖可能的應用範圍。我們選擇提出一些重要領域，因為這類資訊圖發揮了很大的商業價值；同時，根據我們多年來與數百家大小品牌合作的經驗，本書也詳細地討論適合每種領域的資訊圖做法。
當然本書一定有些無法提及的領域，同樣具有明確與有趣的品牌資訊──但這就是趣味所在。無論商業界、藝術界或科學界，大家都在尋找以新的方式運用資訊圖這種不可思議的媒介，以達成不同的目的。這也正是資訊圖「以視覺啟發人心」的特色──它驅使我們不斷地探索，如何以創新方法傳達資訊與娛樂的新奇與魅力。
術語說明
為了清楚表達本書所涵蓋的主題，我們必須定義本書中會反覆使用的術語。有些聽起來很幽微，也可能顯得有點囉唆。但處理資訊與數據、視覺與設計的學科很多──而這些領域的人對於如何使用這些術語都有不同的想法與意見。所以沒有所謂技術上或正式的定義；它們只是用來方便討論本書所談的應用內容。
資訊（Information）
以文字、數字或觀念形式溝通的知識。
數據（data）
可計量的資訊。雖然數據有各種形式，本書我們通常將數據當成數字形態的資訊。
數據集（Data Set）
一種分類數據的集合，在某種程度上經過篩選，其中隱含的見解能夠透過視覺圖像清楚地讓人瞭解。
設計（design）
用以解決特定問題的概念、功能性與圖形輸出。
插畫（Illustration）
對一個物件以手繪或向量的描寫。在「資訊圖」中，我們可以使用插畫去展示一個物件的結構，或是增加美感。
視覺化（Visualization）
我們使用這個術語指涉「資訊視覺化」。例如照片或畫作就是實際的視覺化表徵。然而為了更符合本書情境，我們定義視覺化是一種C「溝通特定知識所製造的視覺成品過程；包括數據的視覺化，或只是利用視覺提示去舉例、區別或是顯示資訊的層次。」/C
科學界或學術人士通常將視覺化當成是利用軟體自動轉化的圖表。諸如此類的程式能夠以類似的形式處理資訊，但會產生不同的視覺效果。我們在定義上也將此類視覺化方法包含在內，但也含納入其他獨特的應用手法，例如手工處理、繪圖和資訊與數據的設計。傳統的「視覺化」定義很符合科學與學術界的使用目的，但因為本書將提及各類的媒體和應用手法，我們需要賦予更廣泛的定義。
數據視覺化（Data Visualization）
可說是數據的視覺呈現或是視覺化數據的實踐。
常見的一般形式有：圓餅圖、長條圖、曲線圖等。不過數據的關係有時非常複雜，因此我們必須能夠找到獨特的方法，將這些數值視覺化以清楚呈現那樣複雜的關係。這些視覺化圖像能夠幫助我們檢測趨勢、模式和異常值，讓我們對資訊有更深入的理解。
資訊設計（Information Design）
以視覺形式呈現資訊的做法。我們也用這個術語代表相關主題的整體學習領域與實踐。在一件資訊的視覺呈現裡，可能包含視覺化數據、流程、層次結構、剖面、年表與其他事實。而圖表（chart）則也被歸為本書「資訊圖」的一種，而大部分的資訊圖具有多重面向、解釋或精闢描述的功能。
資訊圖（Infographic）
英文Infographic是「資訊」和「圖表」兩個字（information graphic）合併的說法（本書以「資訊圖」為中文譯名，以求完整的表達含意）。
過去幾年因為網路行銷圖表使用的盛行，這個詞彙相當受到歡迎。有些人使用這個詞彙來解釋目前此類廣泛應用的獨特形式，它的特徵是利用插圖、大型排版、以長形呈垂直方向來顯示各式各樣的事實。我們則將這類圖表稱為新聞性資訊圖，它也可以用不同的形式來呈現。
本書中，我們會來回使用「資訊圖」（information graphic, infographic）這個詞彙，並特別希望維持這個術語保持廣泛有彈性的定義。
簡言之，資訊圖就是「使用視覺提示來溝通資訊。」它未必需要包含某些特定的數據量、具有一定複雜性，或非得呈現某種程度的分析。沒有什麼是「資訊圖」的門檻標準。它可能很簡單，例如手持鏟子的人形道路標誌，提醒大家前方有工程進行；或可能很複雜，例如是全球經濟的圖表分析。
新聞性資訊圖（Editorial Infographic）
使用在印刷品、網路出版或部落格的資訊圖。報紙已經應用了新聞性資訊圖數十年，而最近在網路世界中，這種資訊圖更找到了新的形式與生命。特別是「內容行銷」（content marketing）崛起──使用編輯過的資訊與視覺圖像，以吸引固定與潛在客戶對於公司網站更關注的做法─已經刺激了這方面的成長。
這類「以視覺內容行銷宣傳」的例證，請看圖I.3軟體公司Marketo為了推廣自家「行銷自動化軟體服務」所推出的一系列作品。
特徵圖形元素（Qualitative Graphic Elements）
非數字的任何形式，包括資訊與插圖。
數字類資訊（Quantitative Information）
包含任何類型、通常以數值呈現的測量資訊。（如圖I.4）
敘事（Narrative）
利用特定的資訊述說故事，達到引導觀眾的資訊設計手法。這類方法最適用於溝通價值判斷的資訊圖，用意是讓觀眾離開時能有特定訊息的收穫。
本書的使用方法
現今的商業環境裡，資訊設計與視覺化的應用十分普遍。但每家公司有不同的需求，應該針對客戶個別設計其解決溝通問題的方案。本書的組織方式，讓你既能夠消化與學習符合自身需求與目標的資訊，也讓你能隨性地略過一些不適用的章節。
在你要確定需求並嘗試新的資訊圖應用方法時，你可以經常回頭參考這本書。我們應該根據「要顯示的資訊」來設計圖表，你也應該規劃一個符合自己工作需求與機會的視覺策略。這本書就是各類策略與應用的指南。
接下來我們劃分出本書的大致結構，讓你對於每一個章節的內容有所認識。你可以據以判斷哪一個章節與你的公司或工作最為相關。有疑問的時候再進一步閱讀其章節內容。這個方式很適合用來確定視覺化資訊的新作法，而且對企業整體溝通與行銷策略的發展與轉型也很有幫助。
本書有些部分是必讀章節，好讓我們在進一步討論應用方法的細節時，你才能瞭解其背後觀念。
必讀章節
chapter 1
一個重要又有效的新形式：
為什麼我們的大腦喜歡資訊圖
chapter 2
資訊圖格式：
用對的媒介傳達你的訊息
chapter 3
用視覺說故事：
先搞懂傳播目標，才能製造吸引力
chapter 8
什麼是好的資訊圖？
chapter 9
資訊設計的最佳典範
chapter 10
資訊圖的未來
或者你也可以根據興趣與/或需求，選擇閱讀（或不閱讀）其他章節。應用章節裡的舉例，有些你會覺得很重要，有些你會覺得不重要。我們鼓勵你探索目前還不適用的範圍，因為這些章節對於資訊圖的新應用策略也提供了一些新點子。何況你永遠不知道你的需求何時會改變。
選讀章節
chapter 4
新聞性資訊圖
chapter 5
發送內容：分享你的故事
chapter 6
以品牌為核心的資訊圖
chapter 7
「揭穿龐大數據」的視覺化介面
接下來是各個章節的簡短內容介紹。
chapter 1
一個重要又有效的新形式：
為什麼我們的大腦喜歡資訊圖？
本章節將說明視覺溝通功用的學理根據，以及說明最好的應用方式。雖然視覺化的價值似乎在某些情境下是自然產生的，但重點是我們要瞭解它為何有效，才能適當地操作它。我們將探索創作資訊圖的各種可能目的，並且根據其目的，將資訊圖產生的不同價值建立其相應的優先順序。
chapter 2
資訊圖格式：
用對的媒介傳達你的訊息
本章節將探索資訊設計與數據視覺化所採用的不同格式，包含靜態、互動和動態圖。我們會詳細地描述每種格式，並提出一些可以應用的方向。
chapter 3, 4, 6, 7
資訊圖的應用
這些章節會說明資訊圖在商業環境裡不同的應用。第3章大致形容一下「視覺敘事圖譜」的輪廓，據此架構我們可以考慮以下三種應用方式：
第4章：新聞性資訊圖
第6章：以品牌為核心的資訊圖
第7章：「揭穿龐大數據」的視覺化介面
我們將示範如何創造迷人又充滿機智的視覺內容，將每種應用方式當成突破現狀的機會。在視覺內容經常使用的範圍，例如簡報或儀表版（dashboards）製作等，我們將思考任何改進與創新內容的可能性，以提供清晰的視覺化效果，吸引觀眾的注意。
chapter 5
發送內容：分享你的故事
本章我們將討論將你的訊息內容傳到更廣、更遠的最佳作法。就算你完成了精彩的視覺內容，事情也還沒結束，你需要群眾看見它。我們將在本章討論有關如何利用社交媒體散發和推廣你的內容，確定人們可以看見它─並且更重要的是，可以分享它。
chapter 8
什麼是好的資訊圖？
這個充滿主觀和爭議性的主題經常出現在我們公司「問與答」清單上。因此，本章將提出一個重要架構，作為評鑑各類資訊設計應用的準則。
chapter 9
資訊設計的最佳典範
本書的目的不是要指導你如何設計資訊圖，而是說明如何在溝通策略上適當地應用資訊圖。不過如果你即將與設計師共同參與生產的過程，或是身為編輯必須參與出版過程，你有必要深入瞭解一些資訊設計的基本原則。
考量到這一點，第9章將提供一些資訊圖案例，說明「可做」與「不可做」的概略知識，讓你能藉以辨別誤用的情形，並能掌握創造有趣、豐富與有效內容的過程。
chapter 10
資訊圖的未來
所有商業領域都必須站在最新趨勢與科技的前端。資訊設計的世界也是如此，特別是當它與你特定的組織與企業連結時。
最後一章我們將討論在不久的將來即將出現的資訊圖應用。
共 
