人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！

讓 • 人 • 秒 • 懂 • 的 • 資 • 訊 • 圖 • 表 資訊爆量時代 未來工作者的必備生存技能 效率最好、CP值最高的溝通工具 ————收錄最接地氣的台灣本土案例 ‧ 深入淺出資訊圖表的原理和概念———— ╣書衣附『資訊圖表設計流程圖』，完整掌握Infographic設計SOP與KNOW-HOW╠ 　　★金融商管、行銷公關、媒體資訊、教育醫療、科技新創、設計廣告……未來工作者的必備生存技能★ 　　★Google、紐約時報、微軟、NIKE、麥肯錫、摩根資產管理、台積電、鴻海科技、奧美廣告……全球各大企業都在用★ 　　◎資訊圖表（Infographic）——「資訊」與「圖像」的完美結合！ 　　1.兼具「說故事」和「視覺化」兩種迷人的方法 　　2.將難以理解的數據、理論、流程變得一目瞭然 　　3.把讓人抗拒的文字、無法溝通的立場變得友善 　　◎造成心理負擔的資訊疲勞轟炸——你也有資訊肥胖症的困擾嗎？ 　　現代人每天接收的訊息高達10 萬字，相當於一部筆電五分之一的容量！根據「認知負荷理論」（Cognitive Load Theory），這個資訊量已遠超過人們可吸收的範圍，在這個資訊爆炸的時代，我們每個人都罹患了「資訊肥胖症」（Infobesity）！資訊肥胖症除了降低生產力、記憶力之外，也容易造成心理壓力、焦慮、影響睡眠品質及食慾等負面影響。 　　◎迅速理解複雜龐大資訊——Infographic是資訊汪洋的救生圈！ 　　人類自古以來為了生存演變成視覺化的動物，不論是資訊的吸引力、理解效率和記憶力，經過視覺化後都能大幅改善溝通的效果和感受，一張好的資訊圖表，能讓你在60秒內迅速理解龐大且複雜的資訊，將你從資訊汪洋中拯救出來，更是資訊肥胖的預防針！ 　　◎溝通力‧影響力‧工作力——資訊圖表設計的技能怎麼培養？ 　　《人人都能上手的資訊圖表設計術》完整分享台灣第一家資訊圖表設計公司——Re-lab團隊的歷年經典案例、操作心法、製作祕笈，讓你一次掌握最精華、最紮實的學習內容，獲得經客戶與市場檢驗的資訊圖表設計術，提升工作執行的效率與精準度，從學術、商業報告和簡報製作的「溝通力」，到市場、議題推廣的「影響力」等，都能無往不利！ 　　◎操作Infographic最有效的技巧—— 資訊圖表設計 SOP首度公開！ 　　‧ 步驟一：設定溝通目的、溝通對象及溝通主題 　　快速將溝通目的的層次區分清楚，製作主題便會浮現，接著靈活運用「社群分眾測試」找出潛在溝通對象！ 　　‧ 步驟二：時間規劃 　　利用「泡泡時間規劃法」都能讓你更快速掌握時間資源的分配運用！ 　　‧ 步驟三：研究溝通對象及資訊內容 　　以「圖片訪談法」深入了解溝通對象，教你分辨資料的性質，並選擇最適合的處理方式，歸納出能夠具體運用在改善產品或服務的洞見。 　　‧ 步驟四：設計資訊結構 　　步驟一至三決定了要放哪些資訊在資訊圖表中後，須按照溝通的重要順序來將資訊內容分層，讓後面的設計規劃更輕鬆！愈重要的資訊通常佔資訊圖表的版面愈大，也是圖像化和整體概念包裝的重點。 　　‧ 步驟五：設計規劃 　　利用心智圖進行發想，確定版面規格，分配資訊呈現內容，接著包裝概念與設想情境。若想要推廣的資訊較為枯燥，可以「類推聯想法」讓主題聯繫到另外一個受歡迎的題材，增加原本主題的親切感。 　　‧ 步驟六：設計製作 　　選定合適的參考，整理可運用的相關資源如字體、實拍照片、圖示等，接著照資訊架構及概念包裝設定，進行草圖繪製。最後依據自己熟悉的軟體如Excel、PowerPoint等簡報製作軟體，甚至手繪進行完稿，做出令人驚豔的資訊圖表！ 本書特色 　　★第一本由台灣資訊設計公司撰寫的在地資訊圖表設計專書 　　學界、媒體業、設計業、群眾募資界與科技業等各界專家一致推薦！ 　　★完整說明基本觀念，打好資訊圖表製作基礎 　　從資訊影響力、資訊揭露效力、資訊溝通力、資訊視覺化應用、三大核心策略、五大法則到常見資訊圖表類型，掌握資訊圖表製作概念。 　　★收錄6篇國內外資訊圖表業界專家的第一手採訪與最新資訊 　　醫學領域資訊圖表團隊「Info2Act」、曾在國際媒體紐約時報及華盛頓郵報服務的「林辰峰」、台灣資訊視覺化領袖人物「李怡志」、Re-lab共同創辦人與設計師「劉家瑋」、致力於以資訊圖表介入社會設計的「吳培弘」，以及日本知名資訊圖表公司「Kartz Media Works」。 　　★全書使用台灣在地案例，涵蓋營利到非營利組織 　　從行政院環境保護署、台灣環境資訊協會、衛生福利部國民健康署、台灣中區國稅局報稅指南、『食我』美食APP、AMAZE快租時尚到關鍵評論網等，第一手在地案例分享。

　　Hauer 臺灣吧執行長 　　丁菱娟 世紀奧美公關創辦人 　　李取中 大誌/週刊編集總編輯 　　林大涵 集資顧問公司貝殼放大創辦人 　　周世恩QSearch專業社群分析團隊創辦人 　　吳漢中 2016臺北世界設計之都執行長 　　邱瀅憓Yahoo! 奇摩媒體傳播事業群副總經理 　　徐震 嘖嘖募資平台共同創辦人 　　蔡正潔 鴻海科技集團 樂養健事業群 整合行銷處資深經理 　　葉丙成 台大電機系教授 　　鄭國威PanSci泛科學網總編輯 　　———————————————————聯合推薦

推薦序1 鴻海科技集團 樂養健事業群 整合行銷處資深經理 蔡正潔 推薦序2 世紀奧美公關創辦人 丁菱娟 前言 什麼是資訊圖表？ PART 1 資訊圖表的原理和概念 1-1 資訊的影響力——為什麼資訊的傳遞和溝通這麼重要？ 1-2 資訊揭露的效力——只是改變資訊結構就能夠推動變革？ 1-3 資訊溝通的好幫手——為什麼要把資訊視覺化？ 1-4 資訊視覺化的應用——面對看不到的難題可以怎麼做？ 1-5 做出資訊圖表的三個核心策略——「吸引」、「理解」與「行動」 1-6 五個設計大師的不說法則——掌握「記憶點」、「資訊層次」、「視覺動線」、「顏色運用」與「互動性」 1-7 常見資訊圖表類型——以「應用形式」與「版面配置」分類 PART 2 如何做出好的資訊圖表 2-1 設定溝通目的、溝通對象及溝通主題——以「虛擬蛀牙防治案件」、環境資訊協會「減少一次性使用物品」為例 2-2 時間規劃——以「台灣水果年曆海報」為例 2-3 研究溝通對象及資訊內容——以「台灣各縣市薪資所得觀察」、「十大癌症時鐘報告書」、「茶的兩種發音（te／chya）」為例 2-4 設計資訊結構——以「中區國稅局報稅指南」、「『食我』美食APP之業務介紹」為例 2-5 設計規劃——以「台灣溫室氣體排放清冊」、「丹麥女孩：史上第一個進行跨性別手術的女性故事」為例 2-6 設計製作——以「行動商機趨勢-CHASE策略聯盟邀請函」為例 2-7 測試與調整—— 以「Info2Act之正確認識ADHD」為例 PART 3 原來！他們都這樣做 3-1 Info2Act——醫學領域資訊設計之經驗分享 3-2 林辰峰——紐約時報及華盛頓郵報實習經驗分享 3-3 李怡志——台灣媒體的資訊視覺化大環境觀察 3-4 劉家瑋——Re-lab設計師資訊圖表製作經驗分享 3-5 吳培弘——資訊圖表製作之經驗分享 3-6 Kartz Media Works——資訊圖表的面面談：評析、製作、趨勢 SPECIAL FEATURE 特別收錄 Re-lab日常——資訊圖表設計師的必備工具

推薦序1 Re-lab，一群有讓世界變得有條理、有價值的故事家！ 鴻海科技集團 樂養健事業群 整合行銷處資深經理 蔡正潔 　　為了一個能用自己設計的價值做些改變的念頭，從原本做了十幾年的消費性電子產業轉換到醫療健康產業，一心想將醫療體驗提升讓更多人對健康訊息產生興趣而能更了解自己也能擴及幫助他人。我開始找尋有什麼樣的方式，讓平常連五分鐘都不肯跟病人好好說的醫生們，以及聽醫生說了一個小時還是聽不懂艱的病患們，能在不同的頻道上對接到彼此的訊號，透過什麼樣的形式能讓醫界、學界、產業界能夠將想要傳達的理念對外溝通。 　　剛開始與Re-lab接觸才發現，他們的組成是一群很神奇的平衡，他們的背景不是正統學設計出身，但卻對設計充滿熱情，一個很愛聽故事、也很有說服力及邏輯性的故事家，一個很愛做研究常常都可以提出更好解決方式的研究學者，一個很能將不同領域、不同種類的文字資訊用像藝術書一樣的完美畫面呈現出來的創造者。 　　透過Re-lab，我們說出了一個急重症醫生對於未來醫院設計的理念及期待，說出了健康觀念的建立與預防醫學的連結性。Re-lab更從自身出發，去發掘一些值得探討的議題，找出了一些我們直覺不會去思考的面向，從社會意識、財經觀念、醫療資訊到台灣特色產物，所有認為該做的、必須做的，用他們的角度說給大家聽，經過他們的觀察、分析、轉換、提升與佐證，將原本複雜艱深的資訊，說出讓人理解的故事，也帶出了資訊背後最重要的價值理念，讓大家可以用不同觀點來瞭解問題，思考自己的答案，這就是Re-lab！一群有讓世界變得有條理、有價值的故事家！ 推薦序2 資訊視覺化，現代行銷的新能力 世紀奧美公關創辦人 丁菱娟 　　說來好玩，認識Re-lab新創公司的劉又瑄是透過一位大陸新創創業家介紹的，當這位大陸人跟我說台灣有一個團隊非常優秀，可以將很多複雜的資訊視覺化，當下我一聽就說我要見這個團隊。因為這時代太缺乏具有設計思維又兼具備創意說故事的人才了。 這是一個資訊爆炸和氾濫的時代，在我工作的經驗當中，每個產業都需要溝通，說服他人，做簡報，但大部分的會議和簡報都令人昏昏欲睡，其中最缺乏的就是從消費者的角度出發，將複雜的資訊可以用圖表或是視覺化表現，令消費者一目了然。在市場上我們一直在尋找這樣的設計思維的人，可惜僧多粥少。 　　然而將資訊設計成為故事的過程當中需要理性和感性的結合，需要有資訊解構的能力，分析歸納的邏輯能力，更要有想像創意的能力，也要有視覺設計的能力。通常有創意的人比較缺乏邏輯，然而邏輯性強的人又大多缺乏想像力。這中間就需要理性、感性兼具，具備設計思維的人，打破以前傳統，用消費者的思維來溝通，才能達到溝通的目的，事半功倍。這樣困難的事情，Re-lab做到了。 　　有時候我實在納悶，為什麼不能有一種方法可以將報稅流程或是統計資訊，或是我們每日碰到的作業流程，簡單又有效的讓我們一看就懂，原來大部分的人都是線性思考，文字思考的，缺乏想像的能力。然而Re-lab提供了這樣的有效方式。 　　圖像化思考，是一種表達方式的精進，不僅節省溝通時間，也是增加作業效率。是商業上的簡報、演講，報告，行銷，都需要的工具和思考，讓說服與溝通變得更容易。政府部門尤其在政策宣導和教育上，若能捨棄傳統的方式，運用圖表或視覺的表現讓民眾了解政策和政績，我想不僅會更事半功倍，更會讓民眾覺得有親和力。 　　在視覺上，影片當然是溝通最直接的刺激，但是畢竟影片成本較高，文字又太冗長，我認為視覺化資訊視覺化的表現方式是CP值最高的一種表達方式，最適合在網路社群年代傳播。 　　現代的領導人、管理者、行銷人都需要了解甚至學會這樣的技巧，讓傳達的資訊簡單明瞭，有力量。本書共有六位資訊圖表創作者，無私的分享資訊圖表畫及視覺開發的方式，讓我們一窺資訊圖像化的流程與設計思維方式，這真是每一位行銷人或領導者的必備參考書。 前言 WHAT IS INFOGRAPHIC? 什麼是資訊圖表？ 　　「我們家的產品雖然比別的品牌好，但是消費者通常不知道怎麼分辨產品的好壞，希望可以透過資訊圖表讓消費者更容易了解其中的差異。」 　　「健康醫療資訊雖然重要，但大部分的人平常都不關心，往往等到疾病發生了才發現不得其門而入。」 　　我們發現資訊暴增的時代，反而讓資訊和人們的距離愈來愈遠了。 　　Re-lab的故事要從2011年的六個大學生說起，和大部分大學生一樣，我們發現在學校的生活中，幾乎都在學習「重要」、但卻難以「傳遞」的東西。 　　「如何把難以理解的數據、理論、流程變得一目瞭然？如何把讓人抗拒的文字、無法溝通的立場變得更友善？」 　　很快地我們就發現自己並不孤單，有不少其他國家的資訊傳遞者也有同樣的想法：有人透過清楚的圖表和有趣的圖像來傳遞生硬的資訊，有人用精彩的動畫來說明複雜的理論，也有人用互動式的網頁循序漸進地呈現大量的訊息⋯⋯有趣的是，這些呈現資訊的方式，都不約而同地運用了「說故事」和「視覺化」這兩種迷人的方法，而「資訊圖表（infographic）」正是將這兩種方法匯聚於一身的產物，同時也是上述各種呈現方式的發展基礎。 　　如果看到這裡你還是不知道什麼是「資訊圖表」，先別急，因為接下來整本書中會有讓你看不完的資訊圖表作品，在這裡想先談談——「資訊圖表」這兩年在台灣已經愈來愈廣泛被運用於媒體、社會議題的討論和各種知識的推廣，為什麼Re-lab還想要出書呢？ 　　因為資訊圖表的潛力遠不止於此。 　　不知不覺，Re-lab已經做了上百個作品，我們很幸運，一路走來總有許多客戶主動洽談合作，規模大如台積電、Yahoo!奇摩等企業，也有其他公益或非營利組織，他們將生硬、複雜或無趣的資訊託付給我們，讓團隊賦予這些資訊新生命。 　　在此過程中，我們愈做愈看見資訊圖表的運用，在廣度與深度上有更多努力的空間。資訊圖表在許多重要、且有影響力的領域還不夠普及，就拿我們最在意的「教育」來說，儘管「圖像式思考（註一）」對於學習的幫助已廣為人知，但大部分的教學方式和教材還是害怕改變；又如「政府的各式文宣」，多少人民的重要權益都仰賴這些資訊的傳遞效果，現在愈來愈多公部門的機關單位願意站在民眾的角度思考，但多數還是有心無力，因為不了解資訊設計，所以不得其門而入。更不用提複雜的醫療健康、保險資訊、日趨複雜的跨領域社會議題等。我們期待更多領域的專業了解資訊圖表對於溝通的助益，希望看到更多有價值的資訊被需要的人理解。 　　資訊圖表應用的深度對我們來說也是一大挑戰，想要讓溝通對象透過資訊圖表更容易理解生硬的資訊前，首先，資訊圖表的製作者本身要能更深入了解想要傳遞的資訊和溝通對象，並且同時思考如何運用視覺化的方法增進理解的效率，不然資訊圖表只會淪於增加視覺吸引力的手段；另一方面，光是單向地運用資訊圖表來傳遞資訊還不夠，若不能夠理解溝通對象，便無法從使用者的角度出發思考資訊對他們的影響，更不用說能創造雙向的交流。 　　相信看到這裡，你已經發現，資訊圖表的製作能力絕對不限於單一領域，需要有邏輯地研究資訊、客觀地研究溝通對象、編排資訊的呈現順序、嘗試適合的視覺化方法，也需要一點視覺設計的基礎和美感⋯⋯但別擔心！並不是要具備所有上述的能力才能製作出出色的資訊圖表，相反的，最重要的其實是學習相關的概念和方法，一旦知道自己的能力和限制，就可以評估適合自己的做法，並適當地透過輔助工具和開放資源來完成，更別提與專業團隊合作，亦能激盪出更多有趣的想法和更完善的呈現方式。 　　綜上所述，本書除了公開Re-lab的資訊圖表製作流程，我們也決定透過一個個實際的案例分享，讓大家更直接地體會Re-lab在每一個專案中，如何學習增進資訊圖表應用的廣度與深度、如何運用設計的思維來解決不同資訊設計的難題。每一次的合作對我們來說都是學習，也讓我們瞭解到「溝通」的困難與美好，很感謝每一位合作夥伴給我們學習的機會，也希望這本書除了分享資訊圖表製作的技巧，也能帶給大家關於「溝通」的靈感。

1-5做出資訊圖表的核心策略——「吸引」、「理解」與「行動」 對於資訊提供者來說，想辦法讓資訊圖表接觸溝通對象、「吸引」他們的目光，接著讓他們「理解」資訊內容，最後希望被他們「記住」或是採取「行動」，是最理想的目標，然而事情往往沒有這麼簡單。 為什麼事情沒有這麼簡單？ 首先要知道，想要透過一張資訊圖表將這三個效果都做好是非常困難的，想想看健達出奇蛋的「三個願望，一次滿足」也只能滿足六到九歲的小孩；另外，吸引、理解和記住不一定按照順序發生，甚至不一定都會發生。如果這些事情沒有事先搞清楚，那你的資訊圖表就可能什麼願望都滿足不了。 四個象限幫助你判斷採取策略！ 製作資訊圖表之前，一定要先弄清楚你最想要它達到的效果是什麼，看看下面這張圖，我們選出兩個決定資訊發揮影響力的關鍵因素，再用這兩個關鍵因素區分出四種情況，和其相對應該採取的策略： 依照溝通的情境找到象限位置後，就能知道它最希望達到的效果是什麼，並且可以繼續制定下一步的目標。舉例：如果溝通對象目前位於象限一，你可以用資訊圖表引起對方的興趣，請對方留電子信箱等聯絡資訊（往象限二前進）；也可以透過資訊圖表讓對方知道相關資訊對他的重要性，想辦法把他轉向象限三。 許多品牌千方百計地希望你成為他們的會員，為的就是希望把你從象限一移動至象限二，但是現在經營內容的效果完全不輸廣告，好的內容透過資訊圖表來呈現往往更具有加分的效果，讓人更願意分享、追蹤，當消費者開始信任品牌創造的內容，自然就會往第四象限移動。 需要吸引的不只是目光 如何提高資訊本身的吸引力呢？你可以試試以下這幾種方法： 1.與其直接告訴讀者結論，不如試試看從一個他們可能關心的「問題」開始！如果一開始就以讓讀者啟動大腦開始思考答案，接著閱讀內文的意願自然也提高許多。 2.明確地點出讀者原本沒有意識到的「認知落差」，除了讓讀者出乎意料進而想一探究竟，先清楚地知道自己認知的錯誤，再重新吸收正確的知識也是很好的學習過程喔！ 3.在一開始就讓讀者知道你想傳達的資訊和他有什麼「關聯」、他為什麼應該要知道這個訊息呢？這樣可以快速建立連結，並讓讀者更有參與感。 4.有些資訊圖表會給你這種感覺：「這一定要轉發親朋好友老師同學隔壁鄰居⋯⋯」，讓讀者覺得有收穫、有幫助的實用資訊圖表常常讓人忍不住想藏！ 1-7 常見資訊圖表類型 附錄：手邊缺乏好的資料怎麼辦？ 推薦有公信力的資料來源： ——查詢知名的資料庫平台 若您為大學生或是研究員，可以檢視自己的所屬單位是否有購買以下資料庫：WOS (Web of Science Core Collection) 提供跨領域的文獻，從中可以找到自然科學、社會科學、人文藝術等領域的豐富資料；全球最大的索引摘要資料庫 Scopus 收錄兩萬多種學術期刊和四百多種商業雜誌、EBSCO 資料庫可查詢多種學科領域的全文期刊或是索引摘要，醫學資料庫如 PubMed 可部分免費下載全文。 在免費資源的部分，可以參考世界銀行提供的四個與經濟領域相關免費資料庫 World Development Indicators Online、Global Development Finance Online、Africa Development Indicators Online、Global Economic Monitor，以及國內政府單位所建置的資料庫，包括台灣博碩士論文知識加值系統、政策研究指標研究院，裡面整合了國際組織（Eurostat、OECD、WEF、World Bank 等）與國內政府機關各種領域的指標資料、中選會的選舉資料庫網站，以及可進一步結合地圖查詢的社會經濟資料庫。 ——詢問各領域權威專家 藉由詢問相關領域的專家可獲得更多專業的意見回饋，讓我們能接觸到更多自行蒐集無法得到的資訊及洞見。 ——取用開放資料（open data） 現在透過越來越多單位願意對大眾開放自己機構中所蒐集、記錄的原始資料，不但增加了資訊的透明度，也讓我們能據此做更多的利用。大家可以就想設計的議題，尋找相關的研究單位、政府單位是否釋出相關的資料。在台灣可以尋找：政府資料開放平臺，內有中央、地方政府及國營事業等各單位的開放資料，也可以直接到各機構尋找其有無另行建置的平台，如內政資料開放平臺、農業委員會資料開放平台等。 國外的部分搜尋「open gov data」及國別，就可能可以搜尋到該國的開放資料。另一個小技巧是若是直接在 Ｇoogle 搜尋欄打字，卻因為想提高資料的權威性而只在政府網站查找，這樣的話可以在想要尋找的主題關鍵字後空一格，打上「site:gov.tw」，就可以限定只在政府的網站做查詢。另外 Google 也有建置一個存放開放資料的平台叫做 Google Public Data，大家可以善加利用！ ——利用已將開放資料進行加值的平台 很多單位也集結起來，想要利用剛剛所提到的開放資料，將資料透過如視覺化的方式加值，以覺察出更多有趣的事實。如：台灣的零時政府（g0v）及 datajournalismNTU、美國的 DATA USA 等。 ——尋找具公信力媒體平台發表的新聞 資訊圖表時常都是結合時事的，因此報章雜誌等新聞媒體也是重要的蒐集資料管道。除了要篩選品質較佳、具有良知的媒體外，若想要有系統地查找新聞資料，大眾可以透過申請國立公共資訊圖書館的借閱證，利用其數位資源中的新聞知識庫，其中收錄了聯合報、中國時報、經濟日報、民生報、工商時報等新聞報導文章。而像紐約時報（The New York Times）、美國國家公共電視台（National Public Radio）重視將新聞以視覺化方式呈現，也可以成為大家取用有價值新聞並參考其呈現方式的重要管道。 看完以上較具有信賴度的二手資料獲取方式，若仍覺得不夠——要做的主題前人未曾做過、未有權威、可靠的來源，或認為若有第一手的資料較佳，也可以自行蒐集資料，如訪談有關人士、發放問卷等，甚至可以是以線上的方式進行蒐集資料的工作，不但能透過群眾協作的方式得到大量的資料，並且還能將結果動態地呈現在網路上，隨時給他人檢視與進一步利用，例如 Code for Africa，此組織即在非洲進行了一些專案，像是建置讓人民可以舉報假醫生或投票地點的平台，以此協助彼此共同的生活，就是透過公民參與讓需求的資訊能快速被建立起的一個案例。 2-4 階段四：設計資訊結構 研究完資訊內容、也決定了要放哪些資訊在資訊圖表中以後，這個階段我們要按照溝通的重要順序來將資訊內容分層。這個環節做得好，後面進行設計規劃才會更輕鬆，愈重的資訊通常佔資訊圖表的版面愈大，也是圖像化和整體概念包裝的重點。 流程圖的資訊處理—中區國稅局報稅指南為例 案例學習目的：練習整理資訊的結構，在設計規劃之前確認資訊圖表的骨架。 ｜合作對象｜ 台灣中區國稅局