雜訊OUT!立即奏效『圖文搭配術』

更新 發佈閱讀 4 分鐘
如何將圖文訊息作適切搭配,減少雜訊干擾?

這是不少想學習視覺筆記的朋友詢問我的問題,根據我自己的經驗與坊間資訊圖解相關書籍,尤其推薦奕酉老師的《20道資料視覺化難題全解析》一書,我想分享四個我自己的觀點。

https://www.books.com.tw/products/0010891140

不過一開始,先給大家看看我最初視覺筆記的模樣


raw-image

後來經過多年,我的視覺筆記變成這個樣子!


raw-image

仔細一看!你觀察到有什麼差別嗎?先給大家一分鐘試著找出五種差異點。


  • 裏頭除了使用的工具不同(紙本筆記vs平板數位筆記)外,在資訊層次上過往的筆記顯得模糊不清楚,而後來的筆記可以讓你一目了然看見標題、次標題、結論,原因是為什麼?因為我故意!
  • 在筆記的顏色中,你會觀察到以前的筆記有五種顏色,後來的筆記只剩藍、黑(左上角logo不算),如何只用兩色又不顯得單調,後面說明。
  • 資訊架構在過去頂多是分塊+線條串聯,後面的筆記多了金字塔、流程、文氏圖。
  • 過去的筆記中的圖像,你會發現有的塗黑、有的只有線條,但在後來的筆記中,所有圖像統一只有輪廓線條不塗黑,保持一致乾淨好懂。


這四點的差異,是我多年的摸索、閱讀、實踐、修希望能帶給你一些幫助,不僅僅適用於視覺筆記,於視覺筆記,像是簡報、簡章、海報、報告等資訊傳播,都有賴這些方法來降低雜訊突顯重點,以有效達成溝通傳播的目的。

raw-image


重點四招分別是:

一、層次,簡單來說就是能否讓閱讀者一看就知道先看什麼,再看什麼內容,怎麼達成以上效果,可運用圖文大小、框架、粗細線條、標號123、箭頭等方式,避免閱讀者不知從何看起,這是降低雜訊的第一步。

二、架構,整篇的筆記、視覺呈現的主要架構是什麼?如果一張圖裡有流程又有金字塔的階層,還有矩陣分析、魚骨圖等,相信看起來一起眼花撩亂迷失在圖解框架之中,因此決定一個主要架構是降低雜訊的第二步。

三、一致,無論你是使用電腦簡報軟體還是手繪筆記,避免照片、圖片的使用,是最快速降低雜訊的方法,因為照片裡的訊息量往往很多,但通常我們只是想使用其中某部分的內容來呈現,卻反而容易造成閱讀者關注到其他照片訊息的風險,因此建議使用I-CON圖示,並統一一致風格,比如彩色還是單色,塗黑實心還是輪廓空心,手繪也是,如果一下子火柴人一下子星星人,一下子漫畫Q版人像,我想閱讀起來一定會非常的吃力。

四、 顏色,最後一步顏色的應用,其實可以達成以上三步驟的效果。

  • 透過顏色差異建立「資訊類別」+顏色深淺呈現「資訊層次」,這兩招十分好

用。

  • 在資訊圖解呈現時,無論電腦或手繪,顏色使用盡量不要超過三種,並決定一

個主要色調。

  • 最後我很喜歡在淺字下加上深色的色塊來突顯,這張在平板繪圖或電腦軟體製

作上相當方便,大家可以試試看喔~


如果你想了解更多,也可以參考這篇文章的影片版

如果想學習更多圖解力在職場的應用,歡迎加入我們圖解力線上讀書會

https://www.canva.com/design/DAE91Rc9zrY/ovSoY7lk3VJh6GmURwWaTQ/view

讀書會報名連結 https://www.surveycake.com/s/RNXvn


留言
avatar-img
留言分享你的想法!
avatar-img
打造你的知識圖解宇宙
11.6K會員
189內容數
「圖像力學院」,是一個推廣【圖解教育】的教育平台,希望幫助大家打破不敢畫圖心魔,啟動用畫圖解決問題的能力,建立圖解習慣. 更多圖解應用學習資源: https://drawwin.kaik.io/courses/drawtowin 圖解力學院: https://drawwin.kaik.io/
2025/03/19
今天,你畫圖了嗎?✏️ 你有沒有過這樣的感覺? 腦海裡有很多想法,但當別人問你時,你卻說不清楚?或者,你試著寫下一堆筆記,結果卻變得更亂 這是因為我們的大腦不是「線性運作」的,單純的文字筆記,反而容易讓我們迷失在資訊海中。 今天,我想和你分享 3 個整理思緒的圖解技巧!
Thumbnail
2025/03/19
今天,你畫圖了嗎?✏️ 你有沒有過這樣的感覺? 腦海裡有很多想法,但當別人問你時,你卻說不清楚?或者,你試著寫下一堆筆記,結果卻變得更亂 這是因為我們的大腦不是「線性運作」的,單純的文字筆記,反而容易讓我們迷失在資訊海中。 今天,我想和你分享 3 個整理思緒的圖解技巧!
Thumbnail
2025/03/03
今天,你畫圖了嗎?✏️ 之前文章聊到「即使不會畫畫,也能用圖解表達想法」。 但你有沒有這樣的感覺?明明學了很多圖解技巧,看了不少範例,結果自己畫出來的圖總是缺少說服力,無法真正傳達重點? 這其實不是技術的問題,而是「沒有掌握圖解的核心結構」。 今天,我想和你分享 3 個讓圖解更有邏輯的小
Thumbnail
2025/03/03
今天,你畫圖了嗎?✏️ 之前文章聊到「即使不會畫畫,也能用圖解表達想法」。 但你有沒有這樣的感覺?明明學了很多圖解技巧,看了不少範例,結果自己畫出來的圖總是缺少說服力,無法真正傳達重點? 這其實不是技術的問題,而是「沒有掌握圖解的核心結構」。 今天,我想和你分享 3 個讓圖解更有邏輯的小
Thumbnail
2025/02/25
今天,你畫圖了嗎?✏️ 前幾天收到幾位小夥伴的回信,分享他們用繪畫帶來的美好時刻。 其中一位小夥伴畫了收聽的podcast圖解筆記,他把筆記分享給節目嘉賓,結果對方超級喜歡,感動得分享到自己的社群中!一舉數得,這是不是超棒呢? 或許你會想:「我又不會畫畫,怎麼可能做到?」 其實,畫圖並不
Thumbnail
2025/02/25
今天,你畫圖了嗎?✏️ 前幾天收到幾位小夥伴的回信,分享他們用繪畫帶來的美好時刻。 其中一位小夥伴畫了收聽的podcast圖解筆記,他把筆記分享給節目嘉賓,結果對方超級喜歡,感動得分享到自己的社群中!一舉數得,這是不是超棒呢? 或許你會想:「我又不會畫畫,怎麼可能做到?」 其實,畫圖並不
Thumbnail
看更多
你可能也想看
Thumbnail
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
Thumbnail
過去大家應該是怎麼做筆記的啊? 是不是用手寫滿滿一大堆字,, 可能你還會用很多種顏色去做分類或者是用螢光筆畫滿了重點, 但是筆記做出來好像都沒有什麼用, 今天介紹的書叫做《塗鴉吧!用視覺模板翻轉人生》, 只要你願意拿起紙跟筆畫下去, 你會發現筆記就是如此好玩實用又有趣。
Thumbnail
過去大家應該是怎麼做筆記的啊? 是不是用手寫滿滿一大堆字,, 可能你還會用很多種顏色去做分類或者是用螢光筆畫滿了重點, 但是筆記做出來好像都沒有什麼用, 今天介紹的書叫做《塗鴉吧!用視覺模板翻轉人生》, 只要你願意拿起紙跟筆畫下去, 你會發現筆記就是如此好玩實用又有趣。
Thumbnail
在中國有位學習夥伴Nicole對我的筆記太有興趣。我是位即課筆記紀錄師,也是知識卡片三星圖卡師。 知識卡片透過簡報軟體將知識萃取出來,梳理結構做出讀者能看懂的視覺化作品。 即課筆記紀錄師,每堂課程下課後,就在學習群組會收到我的「手寫筆記重點紀錄」。 我今天會用簡單的5個部份跟大家分享高效筆記思考術。
Thumbnail
在中國有位學習夥伴Nicole對我的筆記太有興趣。我是位即課筆記紀錄師,也是知識卡片三星圖卡師。 知識卡片透過簡報軟體將知識萃取出來,梳理結構做出讀者能看懂的視覺化作品。 即課筆記紀錄師,每堂課程下課後,就在學習群組會收到我的「手寫筆記重點紀錄」。 我今天會用簡單的5個部份跟大家分享高效筆記思考術。
Thumbnail
卡片盒筆記的格式,沒有標準答案。你會怎麼寫卡片筆記呢?一張卡片筆記,可類歸為三欄:摘要筆記欄、行動結論欄、資料原文欄。它與三層筆記法、HQ&A筆記法,是同一件事。其實隨你想運用哪個大神的筆記法寫摘要,最後有結論式標題、任務型標籤、資料來源,即可。
Thumbnail
卡片盒筆記的格式,沒有標準答案。你會怎麼寫卡片筆記呢?一張卡片筆記,可類歸為三欄:摘要筆記欄、行動結論欄、資料原文欄。它與三層筆記法、HQ&A筆記法,是同一件事。其實隨你想運用哪個大神的筆記法寫摘要,最後有結論式標題、任務型標籤、資料來源,即可。
Thumbnail
如何將圖文訊息作適切搭配,減少雜訊干擾? 這是不少想學習視覺筆記的朋友詢問我的問題,根據我自己的經驗與坊間資訊圖解相關書籍,尤其推薦奕酉老師的《20道資料視覺化難題全解析》一書,我想分享四個我自己的觀點。 https://www.books.com.tw/products/0010891140
Thumbnail
如何將圖文訊息作適切搭配,減少雜訊干擾? 這是不少想學習視覺筆記的朋友詢問我的問題,根據我自己的經驗與坊間資訊圖解相關書籍,尤其推薦奕酉老師的《20道資料視覺化難題全解析》一書,我想分享四個我自己的觀點。 https://www.books.com.tw/products/0010891140
Thumbnail
在之前的文章中,我介紹4步驟整理讀書筆記的方法 - 寫筆記、做卡片、排卡片、存卡片,當我們將讀書筆記寫成一張張獨立的卡片時,不但能夠單獨發表在Facebook、Medium,還能在讀完書後做個大彙總的讀書心得長文。但具體來說怎麼做呢?這篇文章就來說大彙總、寫長文的3步驟:分類、排序、銜接
Thumbnail
在之前的文章中,我介紹4步驟整理讀書筆記的方法 - 寫筆記、做卡片、排卡片、存卡片,當我們將讀書筆記寫成一張張獨立的卡片時,不但能夠單獨發表在Facebook、Medium,還能在讀完書後做個大彙總的讀書心得長文。但具體來說怎麼做呢?這篇文章就來說大彙總、寫長文的3步驟:分類、排序、銜接
Thumbnail
上一篇提到要創造風格化的筆記,會運用到五個視覺元素。但是就像所有的技巧練習一樣,知道這些塗鴉筆記技巧的原則很好,但要讓技巧內化成自己的一部分,還是必須有效的刻意練習。本篇要和大家分享一些塗鴉遊戲的心態、基礎的練習活動,最後利用三個好玩的刻意練習活動來幫助你打造自己的視覺工具箱。
Thumbnail
上一篇提到要創造風格化的筆記,會運用到五個視覺元素。但是就像所有的技巧練習一樣,知道這些塗鴉筆記技巧的原則很好,但要讓技巧內化成自己的一部分,還是必須有效的刻意練習。本篇要和大家分享一些塗鴉遊戲的心態、基礎的練習活動,最後利用三個好玩的刻意練習活動來幫助你打造自己的視覺工具箱。
Thumbnail
觀看別人精美的塗鴉筆記,往往會心生羨慕:「哇!怎麼能夠做出這麼漂亮的筆記?」 其實一幅好的塗鴉筆記,就像一篇好的文章,都是由清楚的架構與元素所組成的,你可以拆解它,並任意把玩與使用。而本篇就是要帶大家認識五大核心設計元素,邀你進入塗鴉筆記的世界裡,像玩積木班地創造個人化的塗鴉筆記。開始一探究竟
Thumbnail
觀看別人精美的塗鴉筆記,往往會心生羨慕:「哇!怎麼能夠做出這麼漂亮的筆記?」 其實一幅好的塗鴉筆記,就像一篇好的文章,都是由清楚的架構與元素所組成的,你可以拆解它,並任意把玩與使用。而本篇就是要帶大家認識五大核心設計元素,邀你進入塗鴉筆記的世界裡,像玩積木班地創造個人化的塗鴉筆記。開始一探究竟
Thumbnail
工作上遇上喋喋不休的同事,你也可能曾經忍不住冒了一句:「說到了重點沒有?」。簡報設計中,如果內文比較多,又因為場合需要,或是老闆要求下不能再簡化,要在同事間突圍而出,你會願意花兩分鐘,造出個人化的螢光筆突顯效果嗎?相反,人人都會的粗體、斜體、下劃線,甚麼情景下該用甚麼的方法?
Thumbnail
工作上遇上喋喋不休的同事,你也可能曾經忍不住冒了一句:「說到了重點沒有?」。簡報設計中,如果內文比較多,又因為場合需要,或是老闆要求下不能再簡化,要在同事間突圍而出,你會願意花兩分鐘,造出個人化的螢光筆突顯效果嗎?相反,人人都會的粗體、斜體、下劃線,甚麼情景下該用甚麼的方法?
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News