常見圖像筆記法的差異?

更新 發佈閱讀 4 分鐘

說到視覺筆記,最常聽到大家會有以下的疑問

『視覺筆記跟心智圖有什麼不一樣?』

『視覺筆記是資訊圖解嗎?跟插圖的差別?』

『視覺筆記就是心智圖嗎?』

 

首先要感謝心智圖界的許多前輩老師們努力的推廣

在許多校園師生,甚至是家長都普遍認識並開始運用心智圖來幫助學習

而我與心智圖的緣分,是從大學一年接觸到Xmind軟體開始,

我畫了整整四年的心智圖筆記,無論是學校上課還是課外閱讀

不過因為本身字醜(懶得寫太多字),加上自己喜歡畫圖的緣故,

一直在找尋著有沒有更適合自己的筆記方法,

所幸在2015年我找到了!

我的啟蒙書《直覺式塗鴉筆記》!


翻書一看驚為天人,真是顛覆我對筆記的想像

裡頭收錄來自不同筆記師的作品,天馬行空的創意,搭配各有特色的風格展現

從此「塗鴉筆記」成為我的首選,但也一路摸索著在資訊邏輯與圖像感性間的平衡,因此後來看了圖解思考、資訊圖解書籍,也再重溫心智圖、思維導圖等課程,於是乎如果要簡單做個筆記,我想用這張圖來表達我的想法。


我以常見的四種類型來跟大家介紹,分別是視覺筆記、心智圖、資訊圖表、思維導圖,簡單科普一下這四類的起源。

【視覺筆記】,又名塗鴉筆記,由麥克‧羅德Mike Rohde開始於2003年在個人網站上分享其構思及創作的過程、設計範本和插畫。

後來我自己整合了坊間視覺筆記、圖解思考等面向的應用知識,設計出「視覺模板筆記法」,歡迎有興趣的伙伴可以參考我的著作【塗鴉吧!用視覺模板翻轉人生】。


【心智圖】,又名Mind map由英國的托尼·博贊(托尼·布詹)於1970年代提出的一種輔助思考工具。


【資訊圖表】

1786年,身為政治經濟學家及工程師的William Playfair在他出版第一本數據圖集中,為了表示18世紀英國的經濟狀況,他使用了統計圖表,當中包括棒形圖、線形圖、面積圖和直方圖。


思維導圖,又稱Thinking map,是美國人Dr.David hyerle(大衛.海勒),在1988年開發的一種幫助學習的語言工具,是用來進行構建知識、發散思維、提高學習能力的一種可視化工具。

 

不過老實說,這四者間的界線如今已變得模糊,像是我個人會用心智圖的觀念去做資訊分類,透過視覺筆記思考時,也常用思維導圖八大思維圖像去做資訊的整理,在筆記繪製的架構上,也會呼應資訊圖表的視覺動線(由上而下、由左至右、格式塔理論等),所以這篇文章最大的目的,我想是拆解四大工具的各面向,讓你能夠選擇並整合出適合你需求的筆記形式。

 

如果要我說明彼此的區別,我會貪心地定義視覺筆記囊括了思考、紀錄與引導三個面向,也因此範圍是四者最大,包含了心智圖、資訊圖表、思維導圖,差別只在於是否需特過電腦軟體來作呈現,不過前提的草圖、架構設計,我覺得都是視覺筆記可以完成的。

 

所以,

在日常日記中化個小圖表達心情紀錄,是視覺筆記

小組溝通討論,在白紙上用文氏圖討論專案核心,是視覺筆記

看完一本書,用平板畫了張圖分享,是視覺筆記

參與一場論壇,用圖像記錄當下的討論並引導對話,是大型視覺筆記

在課本上畫圖幫助學習記憶,是視覺筆記

親子對話時,用簡單的心跳圖來回顧年假旅遊心得,是視覺筆記

 

視覺筆記,我期待不只是一項『筆記工具』,而是啟動「圖像思維」應用的技術


因此在2023年,我提出了「圖解」=用圖像解決問題的技術,這個概念,也是成立「圖解力學院」的初衷,希望每個人都能學會這個終身受用的超能力^^

 

畢竟有人偏好手寫紙本或是平板,有些伙伴喜歡用電腦軟體製作筆記,回想過往自己接觸過大大小小許多筆記法,包含16格筆記法、康乃爾筆記、94快筆記、九宮格筆記、麥肯錫零秒思考、心智圖等等,『唯有確實解決問題獲得樂趣,才能持續』是我最大的感觸,因為往往是了一兩種筆記法,就因為框架的限制、沒有樂趣或是不好用而中斷,偏偏筆記的效果,正是『持續』才能看見,因此特別鼓勵大家,今年好好地整合創造屬於你的獨家筆記法吧!


更多視覺化資訊,歡迎訂閱電子報喔~

https://draw-academy.ck.page/profile

每個人的第一堂圖解課:30天打造圖解力全攻略

輸入折扣碼drawtowin,再折500元喔


留言
avatar-img
打造你的知識圖解宇宙
14.1K會員
213內容數
「圖像力學院」,是一個推廣【圖解教育】的教育平台,希望幫助大家打破不敢畫圖心魔,啟動用畫圖解決問題的能力,建立圖解習慣. 更多圖解應用學習資源: 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
收錄圖解力教練邱奕霖精選100本書的視覺筆記作品,讓你可以從中 1、了解經典四種視覺筆記版型 2、認識視覺筆記關鍵要素 3、瀏覽好書精華
Thumbnail
收錄圖解力教練邱奕霖精選100本書的視覺筆記作品,讓你可以從中 1、了解經典四種視覺筆記版型 2、認識視覺筆記關鍵要素 3、瀏覽好書精華
Thumbnail
各位伙伴早安,上回分享如何圖解具體資訊 今天來談談抽象的概念、理論等訊息要如何圖解吧~ 這也是我覺得是視覺筆記最有價值且可以發揮的地方   相比具體資訊,抽象資訊不但沒有標準答案(就算有,也不代表每個人的理解相同),因此具像化的難度與意義就更高了,而用畫圖表達抽象概念有三個主要目的,依據目的
Thumbnail
各位伙伴早安,上回分享如何圖解具體資訊 今天來談談抽象的概念、理論等訊息要如何圖解吧~ 這也是我覺得是視覺筆記最有價值且可以發揮的地方   相比具體資訊,抽象資訊不但沒有標準答案(就算有,也不代表每個人的理解相同),因此具像化的難度與意義就更高了,而用畫圖表達抽象概念有三個主要目的,依據目的
Thumbnail
說到視覺筆記,最常聽到大家會有以下的疑問 『視覺筆記跟心智圖有什麼不一樣?』 『視覺筆記是資訊圖解嗎?跟插圖的差別?』 『視覺筆記就是心智圖嗎?』   首先要感謝心智圖界的許多前輩老師們努力的推廣 在許多校園師生,甚至是家長都普遍認識並開始運用心智圖來幫助學習 而我與心智圖的緣分,是從
Thumbnail
說到視覺筆記,最常聽到大家會有以下的疑問 『視覺筆記跟心智圖有什麼不一樣?』 『視覺筆記是資訊圖解嗎?跟插圖的差別?』 『視覺筆記就是心智圖嗎?』   首先要感謝心智圖界的許多前輩老師們努力的推廣 在許多校園師生,甚至是家長都普遍認識並開始運用心智圖來幫助學習 而我與心智圖的緣分,是從
Thumbnail
寫作的力量:超越影像與畫作的深度表達 在現代社會,照片和畫作作為視覺藝術的代表,常被用來紀錄和傳達特定瞬間的美好或情感。 每一張照片和每一幅畫作都是藝術家眼中的世界呈現。 它們以靜態的方式捕捉了短暫的瞬間,讓觀者能夠在無需言語的情況下感受到其內涵與情感。
Thumbnail
寫作的力量:超越影像與畫作的深度表達 在現代社會,照片和畫作作為視覺藝術的代表,常被用來紀錄和傳達特定瞬間的美好或情感。 每一張照片和每一幅畫作都是藝術家眼中的世界呈現。 它們以靜態的方式捕捉了短暫的瞬間,讓觀者能夠在無需言語的情況下感受到其內涵與情感。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
幕布是一個劍走偏鋒的筆記軟體,將傳統文字筆記轉化為高效直觀的心智導圖,具有層級筆記、心智圖轉換、社群分享等特色。幕布擁有多種文字樣式編輯、圖片插入等基本功能,並提供多種筆記模板。浩瀚的內容豐富且具備多種功能,是知識管理和創造的優秀工具。
Thumbnail
幕布是一個劍走偏鋒的筆記軟體,將傳統文字筆記轉化為高效直觀的心智導圖,具有層級筆記、心智圖轉換、社群分享等特色。幕布擁有多種文字樣式編輯、圖片插入等基本功能,並提供多種筆記模板。浩瀚的內容豐富且具備多種功能,是知識管理和創造的優秀工具。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
在學習描寫文的過程中,將思維視覺化是一個重要的教學策略。通過使用AI生成圖片功能,教師能夠幫助學生將抽象的描述轉化為具體的圖像。
Thumbnail
在學習描寫文的過程中,將思維視覺化是一個重要的教學策略。通過使用AI生成圖片功能,教師能夠幫助學生將抽象的描述轉化為具體的圖像。
Thumbnail
今天想和大家分享的,是如何用畫畫來表達概念 這裡的概念我把它擴大為「資訊」好了, 在我們平常所接觸到的資訊,我常常把它分為兩大類 『具體』和『抽象』 具體的部分,簡單來說就是你看得見,無論是親眼所見、上網找得到圖片都算 通常也具有所謂的『標準答案』,比如說你要表達一顆蘋果,至少形狀不會畫出
Thumbnail
今天想和大家分享的,是如何用畫畫來表達概念 這裡的概念我把它擴大為「資訊」好了, 在我們平常所接觸到的資訊,我常常把它分為兩大類 『具體』和『抽象』 具體的部分,簡單來說就是你看得見,無論是親眼所見、上網找得到圖片都算 通常也具有所謂的『標準答案』,比如說你要表達一顆蘋果,至少形狀不會畫出
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News