人人都能上手的資訊圖表設計術:台灣第一家INFOGRAPHIC設計公司,經典案例、操作心法、製作祕笈全公開! | 做自己 - 2024年11月
人人都能上手的資訊圖表設計術:台灣第一家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泛科學網總編輯
———————————————————聯合推薦
作者簡介
Re-lab團隊
台灣第一家資訊圖表設計公司, 成立於2011年,主要業務為資訊傳達溝通方式諮詢與設計製作,提供從策略、設計到推廣的完整服務,特別喜歡透過實驗性的專案探索更多可能,在每一次的實驗中不斷進化。創業精神是用資訊設計「防止世界被破壞、守護世界的和平」!
成軍短短五年,在營運三年內營業額即成長了十倍,為各大知名企業、政府機關到媒體新創爭相合作的設計公司,客戶包括:台積電、台達電、Yahoo!奇摩、世紀奧美公關、鴻海科技、國泰人壽、端傳媒、關鍵評論網、數位時代、行政院環境保護署、中區國稅局、QSearch、安聯投信摩根資產管理、flying V、工研院……,卻不放棄創業初衷,持續與非營利組織合作推廣有價值的資訊,同時間穩定獲利!
代表作品:
2012 史高維爾辣度表
2012 台灣十大癌症報告書
2014 臺北市長政見小遊戲,與關鍵評論網合作
2014 溫室氣體排放清冊,與環保署合作
2015 一百種法案的死法,與關鍵評論網合作
2015 高雄設計節「野設計」,與高雄文化局合作
2015 QSearch第一季 媒體觀察季報
2016 台灣總統候選人追追追,與SOS合作
2016 莉莉艾爾伯的一生(丹麥女孩)
2016 台灣總統你來選小遊戲,與端傳媒合作
2017 日日好果-台灣水果年曆,與Cofit 合作
2017 三百六十行,行行按穴道,與中醫說說看、毛醫師合作
官方網站:www.relab.cc
粉絲專頁:@ReLAB.cc
歷年作品:www.behance.net/Re-LAB
推薦序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.在一開始就讓讀者知道你想傳達的資訊和他有什麼「關聯」、他為什麼應該要知道這個訊息呢?這樣可以快速建立連結,並讓讀者更有參與感。