《20道資料視覺化難題全解析》:2策略讓你搞定簡報、圖文大小事!

更新於 發佈於 閱讀時間約 7 分鐘
raw-image

在各類圖文蓬勃的現在,「資料視覺化」很重要已經如同廢話。但往往輪到自己做簡報、社群圖文時,卻常不盡人意。做不出市面上那種質感,卻不知道如何改善。如果你也有上述困擾,我很推薦看看這本《20道資料視覺化難題全解析》。

此書的作者劉奕酉是簡報.簡單報創辦人。是高效生產與資訊視覺化的專家。之前也曾介紹過他的《高產出的本事》。這本書融會、統整他長年資訊可視化的經驗,針對大家資料視覺化常有的痛點提出解答。

這篇心得會分三部分,第1部份會講解重要的視覺化原則;第2部份與第3部份則會分別介紹圖文與圖表的視覺化要點。

【1. 視覺化法則】

要將資訊視覺化前,必須先思考3個問題:

  1. 訊息傳達的目的是什麼?期待對方看完的反應?
  2. 如何做才能讓對方產生我們期待的反應?
  3. 要呈現的內容是什麼?如何呈現?

視覺化不是單把畫面設計得美,吸引觀眾注意就好,而是要確實將想傳達的訊息讓受眾準確吸收。書中強調,好理解永遠比好看重要。視覺化是為了降低溝通成本,只關注內容到吸不吸睛是本末倒置。

那要如何用視覺化,有效「溝通」呢?作者歸納出了三個視覺化的法則:

〔一、層次感:點〕

層次感是要的是凸顯焦「點」,讓受眾一眼就能看出主題與重點內容。可利用以下2步驟:

  1. 焦點確認
    區別出資訊中的主題重點輔助內容分別是什麼。
  2. 資訊降噪
    利用「對比」技巧,將重點凸顯出來。

〔二、結構性:線〕

結構性則是強調視「線」的指引,連結資訊彼此關聯,讓對方一眼就能看完內容。

比如可以運用人的視線習慣來排列化中元素,自然地引導觀眾閱讀:

raw-image

另外,利用動畫導引觀眾視線,也是簡報時很常見的手法。

〔三、視覺化:面〕

最後,視覺化則是要優化畫「面」,藉由色彩、字型、版面配置等手段,提升畫面質感,讓人一眼就被吸引。

作者提出視覺化的5個原則:

  1. 留白
    適度留白,能讓版面呼吸,減少壓迫感。
  2. 對齊
    元素對正能讓畫面協調,使人舒服。
  3. 對比
    創造層次感,創造視覺焦點。
  4. 親密
    利用資訊的距離親疏,讓人一眼明白其中關連。
  5. 一致
    藉由色彩、字型等要素的統一,創造畫面整體感。

由上,作者將高效資訊視覺化拆分成2個策略:

  1. 整理資訊脈絡
    利用條列或心智圖等方式,整理資訊表達的邏輯。
  2. 實現資訊可視化
    用層次感、結構性與視覺化做出成果。

書中對於上述觀念,都有提供詳細解說與大量範例。相當推薦大家仔細品讀。接下來兩個段落,我會針對圖文與圖表這兩大資訊類型,從書中各挑兩點與大家分享。

【2. 圖文小撇步】

〔一、大量文字調教〕

下圖這種文字條列式簡報相信大家都不陌生。內容仔細讀是沒問題,但聽眾吸收往往很差。那應該怎麼調整呢?

raw-image

其實只要運用上述的2策略,就能讓簡報即便都是文字還是能易讀好吸收。首先要梳理資訊脈絡。可以用如下的簡單心智圖,重新排列資訊:

raw-image

接著便要是資訊可視化派上用場的時候。先確認主題與重點:

  • 主題
    可攜式設備與儲存媒體管理的規則。
  • 重點
    「私人」、「中心配發」規則上的不同,加上其他零散注意事項。

藉由上面提過的留白、對齊、對比、親密等技巧,可將內容重整如下:

raw-image

如何,是不是清楚多了呢?

〔二、遮罩聚焦〕

一般我們想強調畫面重點時,常常會用紅框將內容圈起來。但這樣往往讓畫面更雜亂,看不清重點,如下圖的文字表格:

raw-image

事實上有一個更好凸顯重點的方法:遮罩。除了把重點框起來,把不重要處淡化也會有一樣的強調效用。像下圖這樣用半透明遮罩,將想說明的資訊突出,效果反而更好。

raw-image

【3. 圖表小撇步】

〔一、圖表〕

圖表是製作簡報時相當常見的元素。但資料要用哪種圖表來呈現,往往讓人相當困擾,因此作者再次搬出「點線面」原則讓大家有依循指標:

點:展現資料間的關聯
  • 散布圖
    呈現兩組資料的關聯或分布。
  • 泡泡圖
    呈現三組資料的關聯或分布。
線:展現資料隨時間的變化趨勢
  • 折線:
    呈現單組或多組資料的變化趨勢。
  • 斜線:
    呈現兩個時間點的資料變化。
面:展現資料間的規模比較
  • 長條:
    呈現單組或多組資料的大小比較。
  • 圓餅:
    展現多組資料的比例大小比較。
  • 瀑布:
    呈現資料間增減變化過程。
  • 雷達:
    呈現單組或多組資料在不同維度的比較。

至於相關圖表要如何視覺化,書中提供許多實際操作範例,大家就自行品味,才會更清楚要如何實際應用。

〔二、表格〕

表格也是很慣用的表達元素。然而如果只是將Excel表格複製貼上,易讀性其實很差,如下圖:

raw-image

面對這樣的問題可以一樣可以採用2策略法則。首先釐清資料脈絡,擷取需要部份就好。

raw-image

接著再著手視覺,運用對齊、對比等方式優化表格,細節在這邊就不贅述。附上最後的成果,大家可以思考一下要如何將表格調整成這個樣子。

raw-image

總結

快速總結一下。首先,視覺化前要先動腦,梳理表達目的,梳理資訊表達的架構邏輯;接這再藉由點線面三法則,將資訊可視化;不管是文字、圖表或表格都可用這2階策略打理,讓內容變成易讀好懂。

這本書是我讀過最完整、全面的視覺化工具書。作者可說彙整他在商場征戰的精華,不但講述心法、觀念,更用多達35個範例實戰講解,見樹見林地剖析如何將資訊可視化。不管你要做工作簡報或是社群圖文,相信都能從中找到大量啟發。

相當推薦大家可以買來當做案頭書,不時與自己生產的內容參照。相信假以時日也能做出讓人一讀就懂視覺化內容!


raw-image

↓↓也歡迎大家來追蹤〈姆斯的閱讀空間〉的臉書和哀居↓↓

姆斯的閱讀空間 FB姆斯的閱讀空間 IG
留言
avatar-img
留言分享你的想法!
avatar-img
姆斯的閱讀空間
202會員
263內容數
分享讀書所感,期望藉由書寫梳理自己的思考,透過文字與他人產生交流。
姆斯的閱讀空間的其他內容
2025/04/27
會想讀這本《一次搞懂標點符號》,當然是為了增強自己寫文章時的標點使用技巧。這本書堪稱台灣標點符號領域的殿堂級經典,作者康文炳是資深的文字工作者,曾在記者與編輯領域打滾多年,現任《財訊》雙週刊資深副總編輯。當初在社群上看到一位追蹤的編輯推薦此書時,就記在心上,讀完果然收穫滿滿。
Thumbnail
2025/04/27
會想讀這本《一次搞懂標點符號》,當然是為了增強自己寫文章時的標點使用技巧。這本書堪稱台灣標點符號領域的殿堂級經典,作者康文炳是資深的文字工作者,曾在記者與編輯領域打滾多年,現任《財訊》雙週刊資深副總編輯。當初在社群上看到一位追蹤的編輯推薦此書時,就記在心上,讀完果然收穫滿滿。
Thumbnail
2025/04/20
在《超預期壽命Ⅰ》中,我們談了醫療3.0的概念並分享了致命的四騎士。在《超預期壽命Ⅱ》中,我們將進一步探討執行戰術的部分。彼得.阿提亞將戰術劃分成四大部分:運動、營養、睡眠與情緒。以下,就讓我們一個一個來談。
Thumbnail
2025/04/20
在《超預期壽命Ⅰ》中,我們談了醫療3.0的概念並分享了致命的四騎士。在《超預期壽命Ⅱ》中,我們將進一步探討執行戰術的部分。彼得.阿提亞將戰術劃分成四大部分:運動、營養、睡眠與情緒。以下,就讓我們一個一個來談。
Thumbnail
2025/04/13
《超預期壽命》是我今年「健康主題書單」中的書目之一(詳見 2025 年計畫)。之前看到修修的YB上分享過此書後就一直記在心上,最近總算拜讀完成!如其名,這本書就是要告訴你如何實現「超預期」的壽命,並享受更健康的人生。
Thumbnail
2025/04/13
《超預期壽命》是我今年「健康主題書單」中的書目之一(詳見 2025 年計畫)。之前看到修修的YB上分享過此書後就一直記在心上,最近總算拜讀完成!如其名,這本書就是要告訴你如何實現「超預期」的壽命,並享受更健康的人生。
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
在前一篇我們提到了教學設計中化繁為簡的重要性與好處, 這篇文章與你進一步分享三個化繁為簡的實用小技巧: 1.比喻 2.分類整理 3.視覺化
Thumbnail
在前一篇我們提到了教學設計中化繁為簡的重要性與好處, 這篇文章與你進一步分享三個化繁為簡的實用小技巧: 1.比喻 2.分類整理 3.視覺化
Thumbnail
面對資訊爆炸,你是否也困擾於如何有效閱讀與寫作? 在這個數位資訊飛速發展的世代,我們每天都被大量的資訊包圍著。那麼,你是否曾經因為無法有效處理這些資訊而感到困擾?或者,你是否希望能夠找到一種有效的方式來表達自己的觀點並與他人分享你的想法?透過以下的三個步驟,你將學習如何有效地閱讀和寫作
Thumbnail
面對資訊爆炸,你是否也困擾於如何有效閱讀與寫作? 在這個數位資訊飛速發展的世代,我們每天都被大量的資訊包圍著。那麼,你是否曾經因為無法有效處理這些資訊而感到困擾?或者,你是否希望能夠找到一種有效的方式來表達自己的觀點並與他人分享你的想法?透過以下的三個步驟,你將學習如何有效地閱讀和寫作
Thumbnail
這幾年在許多研習中協助學校老師,學習有效『應用圖解』在教學中,當然『圖像』在過往教學裡,早就在課本、學習單、簡報、教學動畫影片、互動式螢幕等面向上出現。 不過大多數來說,資訊傳達的方式多是以單向為主,圖像的角色以裝飾居多,所以同學們要學習過程,仍舊是用文字思考、紀錄與口語抽象討論。 因此不少老師問我
Thumbnail
這幾年在許多研習中協助學校老師,學習有效『應用圖解』在教學中,當然『圖像』在過往教學裡,早就在課本、學習單、簡報、教學動畫影片、互動式螢幕等面向上出現。 不過大多數來說,資訊傳達的方式多是以單向為主,圖像的角色以裝飾居多,所以同學們要學習過程,仍舊是用文字思考、紀錄與口語抽象討論。 因此不少老師問我
Thumbnail
接續上一篇文章: 優勢輸出可以應用的5個場景: 1.溝通表達 2.文章寫作 3.簡報規劃 4.視覺圖解 5.精準閱讀
Thumbnail
接續上一篇文章: 優勢輸出可以應用的5個場景: 1.溝通表達 2.文章寫作 3.簡報規劃 4.視覺圖解 5.精準閱讀
Thumbnail
在人人都是自媒體的時代,如何打造個人專業知識品牌系統? 不知大家聽過知識系統三部曲嗎?這分別由建立價值、傳遞價值、獲取價值共三個面向所組成,看似簡單但實務上要怎麼做到呢? 一、建立價值的高手攻略-知識圖解 要結合你的經驗與觀點 要用自己的話重新詮釋 要能建立屬於你的架構 形式: 頻率: 平台:
Thumbnail
在人人都是自媒體的時代,如何打造個人專業知識品牌系統? 不知大家聽過知識系統三部曲嗎?這分別由建立價值、傳遞價值、獲取價值共三個面向所組成,看似簡單但實務上要怎麼做到呢? 一、建立價值的高手攻略-知識圖解 要結合你的經驗與觀點 要用自己的話重新詮釋 要能建立屬於你的架構 形式: 頻率: 平台:
Thumbnail
可以邊聽邊完成圖解紀錄到底怎麼做到的? 這是很多人常常問我的問題 而我的答案也往往分為兩個區塊 第一點、事前準備避免過多即興發揮 我常讓大家猜我自己在做視覺紀錄時,即興發揮的比重占多少? 有人猜99% 有人猜80% 有人猜50% 平均來說,大約20-30%左右 但你可能會好奇怎麼做到的?
Thumbnail
可以邊聽邊完成圖解紀錄到底怎麼做到的? 這是很多人常常問我的問題 而我的答案也往往分為兩個區塊 第一點、事前準備避免過多即興發揮 我常讓大家猜我自己在做視覺紀錄時,即興發揮的比重占多少? 有人猜99% 有人猜80% 有人猜50% 平均來說,大約20-30%左右 但你可能會好奇怎麼做到的?
Thumbnail
書中總共分成四個大類,這四個步驟是相互呼應的,當你想要呈現一份資料、報告時,你的資料必須要讓人一目了然以視覺化的方式呈現,否則一整份文件、簡報全都是文字看了兩行大概就不會想看了吧?
Thumbnail
書中總共分成四個大類,這四個步驟是相互呼應的,當你想要呈現一份資料、報告時,你的資料必須要讓人一目了然以視覺化的方式呈現,否則一整份文件、簡報全都是文字看了兩行大概就不會想看了吧?
Thumbnail
在各類圖文蓬勃的現在,「資料視覺化」很重要已經如同廢話。但往往輪到自己做簡報、社群圖文時,卻常不盡人意。做不出市面上那種質感,卻不知道如何改善。如果你也有上述困擾,我很推薦看看這本《20道資料視覺化難題全解析》。
Thumbnail
在各類圖文蓬勃的現在,「資料視覺化」很重要已經如同廢話。但往往輪到自己做簡報、社群圖文時,卻常不盡人意。做不出市面上那種質感,卻不知道如何改善。如果你也有上述困擾,我很推薦看看這本《20道資料視覺化難題全解析》。
Thumbnail
以近期看的簡報書來說,個人認為這本是最實用的。從簡報的構思到發表,非常簡要的說了重點,並且提供具體可行的策略,也提供了相應的例子。整體而言非常的推薦,適合需要簡報的人當作入門書仔讀。 首先是有關簡報的構思,作者提供了用便利貼具體化主要概念的做法,好處是這些便利貼移動容易,可以快速的調整順序和安排。另
Thumbnail
以近期看的簡報書來說,個人認為這本是最實用的。從簡報的構思到發表,非常簡要的說了重點,並且提供具體可行的策略,也提供了相應的例子。整體而言非常的推薦,適合需要簡報的人當作入門書仔讀。 首先是有關簡報的構思,作者提供了用便利貼具體化主要概念的做法,好處是這些便利貼移動容易,可以快速的調整順序和安排。另
Thumbnail
簡報講求溝通效率,無論使用言語或文字說明,在溝通過程中都仰賴聽眾在腦中多一層的轉換功夫。「一張圖勝過千言萬語,」根據研究發現,訊息圖像化可減少 25%~40% 的溝通時間,因此若能在簡報中善加運用圖表、表格、圖片等視覺要素,維持「圖像 80% 、文字 20% 」的比例,將有助觀眾在黃金 10 秒內
Thumbnail
簡報講求溝通效率,無論使用言語或文字說明,在溝通過程中都仰賴聽眾在腦中多一層的轉換功夫。「一張圖勝過千言萬語,」根據研究發現,訊息圖像化可減少 25%~40% 的溝通時間,因此若能在簡報中善加運用圖表、表格、圖片等視覺要素,維持「圖像 80% 、文字 20% 」的比例,將有助觀眾在黃金 10 秒內
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News