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

更新於 發佈於 閱讀時間約 6 分鐘
在各類圖文蓬勃的現在,「資料視覺化」很重要已經如同廢話。但往往輪到自己做簡報、社群圖文時,卻常不盡人意。做不出市面上那種質感,卻不知道如何改善。如果你也有上述困擾,我很推薦看看這本《20道資料視覺化難題全解析》。
此書的作者劉奕酉是簡報.簡單報創辦人。是高效生產與資訊視覺化的專家。之前也曾介紹過他的《高產出的本事》。這本書融會、統整他長年資訊可視化的經驗,針對大家資料視覺化常有的痛點提出解答。
這篇心得會分三部分,第1部份會講解重要的視覺化原則;第2部份與第3部份則會分別介紹圖文與圖表的視覺化要點。

【1. 視覺化法則】

要將資訊視覺化前,必須先思考3個問題:
  1. 訊息傳達的目的是什麼?期待對方看完的反應?
  2. 如何做才能讓對方產生我們期待的反應?
  3. 要呈現的內容是什麼?如何呈現?
視覺化不是單把畫面設計得美,吸引觀眾注意就好,而是要確實將想傳達的訊息讓受眾準確吸收。書中強調,好理解永遠比好看重要。視覺化是為了降低溝通成本,只關注內容到吸不吸睛是本末倒置。
那要如何用視覺化,有效「溝通」呢?作者歸納出了三個視覺化的法則:

〔一、層次感:點〕

層次感是要的是凸顯焦「點」,讓受眾一眼就能看出主題與重點內容。可利用以下2步驟:
  1. 焦點確認
    區別出資訊中的主題重點輔助內容分別是什麼。
  2. 資訊降噪
    利用「對比」技巧,將重點凸顯出來。

〔二、結構性:線〕

結構性則是強調視「線」的指引,連結資訊彼此關聯,讓對方一眼就能看完內容。
比如可以運用人的視線習慣來排列化中元素,自然地引導觀眾閱讀:
人的視線習慣(引用自《20道資料視覺化難題全解析》)
另外,利用動畫導引觀眾視線,也是簡報時很常見的手法。

〔三、視覺化:面〕

最後,視覺化則是要優化畫「面」,藉由色彩、字型、版面配置等手段,提升畫面質感,讓人一眼就被吸引。
作者提出視覺化的5個原則:
  1. 留白
    適度留白,能讓版面呼吸,減少壓迫感。
  2. 對齊
    元素對正能讓畫面協調,使人舒服。
  3. 對比
    創造層次感,創造視覺焦點。
  4. 親密
    利用資訊的距離親疏,讓人一眼明白其中關連。
  5. 一致
    藉由色彩、字型等要素的統一,創造畫面整體感。
由上,作者將高效資訊視覺化拆分成2個策略:
  1. 整理資訊脈絡
    利用條列或心智圖等方式,整理資訊表達的邏輯。
  2. 實現資訊可視化
    用層次感、結構性與視覺化做出成果。
書中對於上述觀念,都有提供詳細解說與大量範例。相當推薦大家仔細品讀。接下來兩個段落,我會針對圖文與圖表這兩大資訊類型,從書中各挑兩點與大家分享。

【2. 圖文小撇步】

〔一、大量文字調教〕

下圖這種文字條列式簡報相信大家都不陌生。內容仔細讀是沒問題,但聽眾吸收往往很差。那應該怎麼調整呢?
多字簡報很難吸收(引用自《20道資料視覺化難題全解析》)
其實只要運用上述的2策略,就能讓簡報即便都是文字還是能易讀好吸收。首先要梳理資訊脈絡。可以用如下的簡單心智圖,重新排列資訊:
用心智圖將資訊重新拆整(引用自《20道資料視覺化難題全解析》)
接著便要是資訊可視化派上用場的時候。先確認主題與重點:
  • 主題
    可攜式設備與儲存媒體管理的規則。
  • 重點
    「私人」、「中心配發」規則上的不同,加上其他零散注意事項。
藉由上面提過的留白、對齊、對比、親密等技巧,可將內容重整如下:
重新梳理、視覺化後的資料(引用自《20道資料視覺化難題全解析》)
如何,是不是清楚多了呢?

〔二、遮罩聚焦〕

一般我們想強調畫面重點時,常常會用紅框將內容圈起來。但這樣往往讓畫面更雜亂,看不清重點,如下圖的文字表格:
紅框標示往往效果不佳(引用自《20道資料視覺化難題全解析》)
事實上有一個更好凸顯重點的方法:遮罩。除了把重點框起來,把不重要處淡化也會有一樣的強調效用。像下圖這樣用半透明遮罩,將想說明的資訊突出,效果反而更好。
利用遮罩將重點資訊突出(引用自《20道資料視覺化難題全解析》)

【3. 圖表小撇步】

〔一、圖表〕

圖表是製作簡報時相當常見的元素。但資料要用哪種圖表來呈現,往往讓人相當困擾,因此作者再次搬出「點線面」原則讓大家有依循指標:
點:展現資料間的關聯
  • 散布圖
    呈現兩組資料的關聯或分布。
  • 泡泡圖
    呈現三組資料的關聯或分布。
線:展現資料隨時間的變化趨勢
  • 折線:
    呈現單組或多組資料的變化趨勢。
  • 斜線:
    呈現兩個時間點的資料變化。
面:展現資料間的規模比較
  • 長條:
    呈現單組或多組資料的大小比較。
  • 圓餅:
    展現多組資料的比例大小比較。
  • 瀑布:
    呈現資料間增減變化過程。
  • 雷達:
    呈現單組或多組資料在不同維度的比較。
至於相關圖表要如何視覺化,書中提供許多實際操作範例,大家就自行品味,才會更清楚要如何實際應用。

〔二、表格〕

表格也是很慣用的表達元素。然而如果只是將Excel表格複製貼上,易讀性其實很差,如下圖:
原始表格詳細但難以閱讀(引用自《20道資料視覺化難題全解析》)
面對這樣的問題可以一樣可以採用2策略法則。首先釐清資料脈絡,擷取需要部份就好。
簡報只要將要說明內容擷出即可
接著再著手視覺,運用對齊、對比等方式優化表格,細節在這邊就不贅述。附上最後的成果,大家可以思考一下要如何將表格調整成這個樣子。
視覺化後的表格(引用自《20道資料視覺化難題全解析》)

總結

快速總結一下。首先,視覺化前要先動腦,梳理表達目的,梳理資訊表達的架構邏輯;接這再藉由點線面三法則,將資訊可視化;不管是文字、圖表或表格都可用這2階策略打理,讓內容變成易讀好懂。
這本書是我讀過最完整、全面的視覺化工具書。作者可說彙整他在商場征戰的精華,不但講述心法、觀念,更用多達35個範例實戰講解,見樹見林地剖析如何將資訊可視化。不管你要做工作簡報或是社群圖文,相信都能從中找到大量啟發。
相當推薦大家可以買來當做案頭書,不時與自己生產的內容參照。相信假以時日也能做出讓人一讀就懂視覺化內容!

↓↓也歡迎大家來追蹤〈姆斯的閱讀空間〉的臉書和哀居↓↓
姆斯的閱讀空間 FB
姆斯的閱讀空間 IG
avatar-img
199會員
242內容數
分享讀書所感,期望藉由書寫梳理自己的思考,透過文字與他人產生交流。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
姆斯的閱讀空間 的其他內容
現在要抓住眼球可說前所未有地困難。在FB,每分鐘有30萬則動態發表;在IG,每天有9500萬張照片發布;在Youtube,每分鐘有超過500小時影音上傳。你是否也苦於精心製作的內容無法被人看見呢?或許今天談的這本《鉤引行銷》可以給你一些想法。 【3秒注意力的時代】 【鉤引點】 產品/服務 【總結】
如果有個投資「達人」告訴你,有種方法能讓你無腦投入就賺錢,那十之八九是詐欺。但今天要介紹的這本《一年投資5分鐘》,卻是本貨真價實能帶你免看盤、不選股,一年只花5分鐘就能「躺著賺」的投資好書。
2019年至今的肺炎疫情,可說徹底改變的人與人,甚至人與自已的互動關係。這本《疫情釀的酒》是書粥老闆高耀威,邀了九位不同領域的工作者和十九位獨立書店老闆所共同書寫。去年台灣突升三級,寶島被不安情緒壟罩,這本書便是想藉這些書店主與創作人在生活中的反思,為社會帶來一些力量。
你有想過身邊各種現代化產物是怎麼來的嗎?大家一早起來會到「廁所」拿「牙刷」刷牙,用「自來水」漱口。出了門,開「汽車」上班,在「馬路」上抱怨塞車。午餐吃「牛肉」湯,下午又吃「巧克力」解饞。晚上久違的和三五好友去「運動」。這些早習以為常的事物,對咱們老祖宗的生活中可都很稀有。
「飛向宇宙,浩瀚無垠!」相信大家對巴斯光年的這句台詞都很熟悉。許多人可說是跟著皮克斯動畫長大的。從《玩具總動員》、《天外奇蹟》到《可可夜總會》,每次出手都是經典。你是否會好奇,皮克斯是如何保持創意,不斷高品質產出的呢?
最近在PTT書版和一些閱讀社團上,看到很多大神分享他們的2021書單。突然發現我沒寫過這樣的年度選書文,於是乎便興起一寫的念頭。
現在要抓住眼球可說前所未有地困難。在FB,每分鐘有30萬則動態發表;在IG,每天有9500萬張照片發布;在Youtube,每分鐘有超過500小時影音上傳。你是否也苦於精心製作的內容無法被人看見呢?或許今天談的這本《鉤引行銷》可以給你一些想法。 【3秒注意力的時代】 【鉤引點】 產品/服務 【總結】
如果有個投資「達人」告訴你,有種方法能讓你無腦投入就賺錢,那十之八九是詐欺。但今天要介紹的這本《一年投資5分鐘》,卻是本貨真價實能帶你免看盤、不選股,一年只花5分鐘就能「躺著賺」的投資好書。
2019年至今的肺炎疫情,可說徹底改變的人與人,甚至人與自已的互動關係。這本《疫情釀的酒》是書粥老闆高耀威,邀了九位不同領域的工作者和十九位獨立書店老闆所共同書寫。去年台灣突升三級,寶島被不安情緒壟罩,這本書便是想藉這些書店主與創作人在生活中的反思,為社會帶來一些力量。
你有想過身邊各種現代化產物是怎麼來的嗎?大家一早起來會到「廁所」拿「牙刷」刷牙,用「自來水」漱口。出了門,開「汽車」上班,在「馬路」上抱怨塞車。午餐吃「牛肉」湯,下午又吃「巧克力」解饞。晚上久違的和三五好友去「運動」。這些早習以為常的事物,對咱們老祖宗的生活中可都很稀有。
「飛向宇宙,浩瀚無垠!」相信大家對巴斯光年的這句台詞都很熟悉。許多人可說是跟著皮克斯動畫長大的。從《玩具總動員》、《天外奇蹟》到《可可夜總會》,每次出手都是經典。你是否會好奇,皮克斯是如何保持創意,不斷高品質產出的呢?
最近在PTT書版和一些閱讀社團上,看到很多大神分享他們的2021書單。突然發現我沒寫過這樣的年度選書文,於是乎便興起一寫的念頭。
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
各位伙伴早安,上回分享如何圖解具體資訊 今天來談談抽象的概念、理論等訊息要如何圖解吧~ 這也是我覺得是視覺筆記最有價值且可以發揮的地方   相比具體資訊,抽象資訊不但沒有標準答案(就算有,也不代表每個人的理解相同),因此具像化的難度與意義就更高了,而用畫圖表達抽象概念有三個主要目的,依據目的
Thumbnail
視覺層級並不侷限於平面設計,在用戶體驗及介面上更是一個重要的核心之一。視覺層級除了讓畫面的視覺編排更加精緻好看,更重要的功能是能讓畫面有效地被組織,讓觀者更容易理解。
在數位時代,資訊的呈現形式愈來愈重要。無論是紙本書籍還是數位內容,一個好的目錄設計和視覺設計能夠大大提升讀者的閱讀體驗,吸引更多人關注和閱讀內容。本文將探討如何透過目錄設計與視覺設計,打造引人入勝的內容呈現。
Thumbnail
在資訊爆炸的時代,如何快速抓住別人的眼光一直是一門非常難的學問。這本書主要是介紹了Axios新媒體五年就達到估值50億美金的心法與技巧,內容非常精煉,適合文字工作者,演說家以及中階主管等需要大量溝通表達的人閱讀。
Thumbnail
這篇文章介紹了以溫和、輕鬆的方式專注於目標的重要性,並提到如何透過觀想和視覺化使目標成為現實。文章中還包含了一些心靈提升的作者獨特見解和經驗分享。在文章的末尾,作者還提到了自己的社交媒體資訊,並呼籲讀者點讚和追蹤。
Thumbnail
收錄圖解力教練邱奕霖精選100本書的視覺筆記作品,讓你可以從中 1、了解經典四種視覺筆記版型 2、認識視覺筆記關鍵要素 3、瀏覽好書精華
Thumbnail
排版視覺調整的重要性及基本原則 在印刷排版的藝術中,視覺調整是一項不可或缺的技術。它的核心在於如何讓每一行文字更加協調、美觀,同時確保整體版面的和諧。這種調整可以分為兩類:「段落視覺調整」和「單行視覺調整」。段落視覺調整專注於整個段落的文字排列,而單行視覺調整則聚焦於單獨一行的調整。兩者各有特點,
Thumbnail
六、圖像式思考、圖像式演說很好用 跟提筆寫作一樣,演說前要立大綱,只是,這大綱是用文字敘述還是以圖像呈現? 對於我們一般人而言,一幅圖像能記得的內容,絕對比一篇文字多。把要講述的大綱用一幅幅圖像記在腦海裡,還可以在心理圖像中配上關鍵詞,就能讓人侃侃而談。依照心理圖像的放大縮小、自動生成遠、中、近
Thumbnail
資訊圖表是一種將數據以視覺化形式呈現的工具,但在創建和解讀資訊圖表時,需要保持批判性和謹慎性。本文介紹了幾個常見的資料視覺化錯誤,包括起始值未設定成零、利用坐標軸混淆視聽、僅提供部分區段的資訊等。文章提醒製圖者應該如何謹慎設計圖表,並鼓勵讀者聰明解讀圖表。
Thumbnail
文案設計是一種重要的視覺傳達技巧,透過文字、圖形、色彩等元素的搭配,傳達出品牌或產品的訊息。其中,色彩是文案設計中不可或缺的元素,它可以影響人們的視覺感受、情緒和心理。學會利用色彩在文案設計中,可以讓你的設計更加吸引人,一眼就被看見。以下將介紹7種常見顏色在文案設計中的魔力,以及它們適合用在哪裡
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
各位伙伴早安,上回分享如何圖解具體資訊 今天來談談抽象的概念、理論等訊息要如何圖解吧~ 這也是我覺得是視覺筆記最有價值且可以發揮的地方   相比具體資訊,抽象資訊不但沒有標準答案(就算有,也不代表每個人的理解相同),因此具像化的難度與意義就更高了,而用畫圖表達抽象概念有三個主要目的,依據目的
Thumbnail
視覺層級並不侷限於平面設計,在用戶體驗及介面上更是一個重要的核心之一。視覺層級除了讓畫面的視覺編排更加精緻好看,更重要的功能是能讓畫面有效地被組織,讓觀者更容易理解。
在數位時代,資訊的呈現形式愈來愈重要。無論是紙本書籍還是數位內容,一個好的目錄設計和視覺設計能夠大大提升讀者的閱讀體驗,吸引更多人關注和閱讀內容。本文將探討如何透過目錄設計與視覺設計,打造引人入勝的內容呈現。
Thumbnail
在資訊爆炸的時代,如何快速抓住別人的眼光一直是一門非常難的學問。這本書主要是介紹了Axios新媒體五年就達到估值50億美金的心法與技巧,內容非常精煉,適合文字工作者,演說家以及中階主管等需要大量溝通表達的人閱讀。
Thumbnail
這篇文章介紹了以溫和、輕鬆的方式專注於目標的重要性,並提到如何透過觀想和視覺化使目標成為現實。文章中還包含了一些心靈提升的作者獨特見解和經驗分享。在文章的末尾,作者還提到了自己的社交媒體資訊,並呼籲讀者點讚和追蹤。
Thumbnail
收錄圖解力教練邱奕霖精選100本書的視覺筆記作品,讓你可以從中 1、了解經典四種視覺筆記版型 2、認識視覺筆記關鍵要素 3、瀏覽好書精華
Thumbnail
排版視覺調整的重要性及基本原則 在印刷排版的藝術中,視覺調整是一項不可或缺的技術。它的核心在於如何讓每一行文字更加協調、美觀,同時確保整體版面的和諧。這種調整可以分為兩類:「段落視覺調整」和「單行視覺調整」。段落視覺調整專注於整個段落的文字排列,而單行視覺調整則聚焦於單獨一行的調整。兩者各有特點,
Thumbnail
六、圖像式思考、圖像式演說很好用 跟提筆寫作一樣,演說前要立大綱,只是,這大綱是用文字敘述還是以圖像呈現? 對於我們一般人而言,一幅圖像能記得的內容,絕對比一篇文字多。把要講述的大綱用一幅幅圖像記在腦海裡,還可以在心理圖像中配上關鍵詞,就能讓人侃侃而談。依照心理圖像的放大縮小、自動生成遠、中、近
Thumbnail
資訊圖表是一種將數據以視覺化形式呈現的工具,但在創建和解讀資訊圖表時,需要保持批判性和謹慎性。本文介紹了幾個常見的資料視覺化錯誤,包括起始值未設定成零、利用坐標軸混淆視聽、僅提供部分區段的資訊等。文章提醒製圖者應該如何謹慎設計圖表,並鼓勵讀者聰明解讀圖表。
Thumbnail
文案設計是一種重要的視覺傳達技巧,透過文字、圖形、色彩等元素的搭配,傳達出品牌或產品的訊息。其中,色彩是文案設計中不可或缺的元素,它可以影響人們的視覺感受、情緒和心理。學會利用色彩在文案設計中,可以讓你的設計更加吸引人,一眼就被看見。以下將介紹7種常見顏色在文案設計中的魔力,以及它們適合用在哪裡