常見圖像筆記法的差異?

閱讀時間約 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
7.4K會員
170內容數
「圖像力學院」,是一個推廣【圖解教育】的教育平台,希望幫助大家打破不敢畫圖心魔,啟動用畫圖解決問題的能力,建立圖解習慣. 更多圖解應用學習資源: https://drawwin.kaik.io/courses/drawtowin 圖解力學院: https://drawwin.kaik.io/
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
2023年來到尾聲,今年也默默地寄了百封圖解電子報,開信率平均六成左右,只是點擊率相當低(這是明年的目標),以及有效彙整電子報的內容與朝向付費訂閱的目標邁進,希望有一天能更專注在圖解知識的創作,並建立穩定收入的商業模式,這樣能才避免焦慮啊~><   昨晚結束了今年「圖解力讀書會」導讀的第48本書
在懂得如何將問題分類之後,接下來是要找出關鍵的利害關係人 關於這點,在過去我從事政府的地方產業輔導案中,感受特別深刻 當面對產官學,包含市府承辦、科長、局長,還有自己公司的主管、同仁、老闆等角色,我們可以透過『交換圖』的圖解框架,來具象化彼此間的關係。 但畢竟時間、資源有限,我們始終無法兼顧所
這次趁著講師訓電子報徵稿的活動,讓我花了點時間來回顧自己過往的創作歷程.如果要說創作帶給自己什麼禮物,我想以時間軸來看,會是以下三個時期 一、求學階段的交友武器與自信來源 這個階段【創作】帶給我的禮物,是自信! 怎麼說呢?我自覺自己是個極度內向甚至有些社交恐懼症的人,小學因為家裡搬家的關係,國小六年
1、你是否... 在工作時遇上大大小小專案,你總是依賴自己的感覺或記憶做事嗎? 當新人問你「要企劃一個新營隊要如何做?」時,你在腦中摸索過往的經驗,然後篩選出關鍵步驟並排出順序,最後回覆對方~ 這過程看似還OK,但其實是個超沒效率且容易出錯的方法. 讓我們切換個場景,當我們來到家樂福、全聯等大賣場購
圖解單字課早鳥優惠搶先報 前陣子聽『樊登讀書會』提到稻盛和夫曾說過的一個概念,那就是【心想事成】的關鍵前提,就是『敢想』,唯有能想像出彩色的未來,才有機會實踐事成! 這段話真的是心有戚戚焉,這個月由於確診關係導致工作狀態陷入一小段亂流,然後在社群媒體上看到大家紛紛解鎖了許多人生新成就,一股焦慮感由來
早安,開學日迎來好天氣,真的讓人很開心呢~ 這周想和你分享一系列的旅行視覺筆記文章,在分享前如果你覺得自己比較偏好影音方式學習,歡迎訂閱我的《圖像思維商學院》頻道喔! 那麼我們開始吧! 說到旅行視覺筆記,不知你腦海中浮現的畫面是否是... 那描繪在筆記本上栩栩如生的速寫風景圖畫? 拼貼許多照片、車
2023年來到尾聲,今年也默默地寄了百封圖解電子報,開信率平均六成左右,只是點擊率相當低(這是明年的目標),以及有效彙整電子報的內容與朝向付費訂閱的目標邁進,希望有一天能更專注在圖解知識的創作,並建立穩定收入的商業模式,這樣能才避免焦慮啊~><   昨晚結束了今年「圖解力讀書會」導讀的第48本書
在懂得如何將問題分類之後,接下來是要找出關鍵的利害關係人 關於這點,在過去我從事政府的地方產業輔導案中,感受特別深刻 當面對產官學,包含市府承辦、科長、局長,還有自己公司的主管、同仁、老闆等角色,我們可以透過『交換圖』的圖解框架,來具象化彼此間的關係。 但畢竟時間、資源有限,我們始終無法兼顧所
這次趁著講師訓電子報徵稿的活動,讓我花了點時間來回顧自己過往的創作歷程.如果要說創作帶給自己什麼禮物,我想以時間軸來看,會是以下三個時期 一、求學階段的交友武器與自信來源 這個階段【創作】帶給我的禮物,是自信! 怎麼說呢?我自覺自己是個極度內向甚至有些社交恐懼症的人,小學因為家裡搬家的關係,國小六年
1、你是否... 在工作時遇上大大小小專案,你總是依賴自己的感覺或記憶做事嗎? 當新人問你「要企劃一個新營隊要如何做?」時,你在腦中摸索過往的經驗,然後篩選出關鍵步驟並排出順序,最後回覆對方~ 這過程看似還OK,但其實是個超沒效率且容易出錯的方法. 讓我們切換個場景,當我們來到家樂福、全聯等大賣場購
圖解單字課早鳥優惠搶先報 前陣子聽『樊登讀書會』提到稻盛和夫曾說過的一個概念,那就是【心想事成】的關鍵前提,就是『敢想』,唯有能想像出彩色的未來,才有機會實踐事成! 這段話真的是心有戚戚焉,這個月由於確診關係導致工作狀態陷入一小段亂流,然後在社群媒體上看到大家紛紛解鎖了許多人生新成就,一股焦慮感由來
早安,開學日迎來好天氣,真的讓人很開心呢~ 這周想和你分享一系列的旅行視覺筆記文章,在分享前如果你覺得自己比較偏好影音方式學習,歡迎訂閱我的《圖像思維商學院》頻道喔! 那麼我們開始吧! 說到旅行視覺筆記,不知你腦海中浮現的畫面是否是... 那描繪在筆記本上栩栩如生的速寫風景圖畫? 拼貼許多照片、車
你可能也想看
Google News 追蹤
Thumbnail
前陣子分享了小二燁畫的腦急急轉彎2的心智圖 朋友問我是怎麼教的,孩子竟然小二就會畫心智圖? 我真是不知該如何回答… 因為…我發現我好像沒有教孩子什麼 心智圖的「架構」,是學校老師教的 不過,何以在老師教完後, 多數孩子還是只能復製老師寫在黑板上的內容, 燁卻能夠自行繪製一份出自於他腦袋
Thumbnail
寫完上一篇我個人的圖像學習後,大腦突然冒出了更多東西。 前幾篇提到我要創作時,很重視文思泉湧的「感覺」。但具體說這個「感覺」到底是什麼 ? 對我而言,那是指我的大腦會有一個「畫面」。 當我想到一個主題,我的腦中會有一幅畫。
Thumbnail
很多年前看到關於左右腦學習的差異分享,大意是右腦掌管圖像,若是右腦較為發達的人學習方式是透過圖像記憶,對於畫面有比較高的敏感度,學習的方式是透過圖案或畫面來喚醒細節。而左腦發達的人對於文字及語言較為擅長,學習上會將內容轉為自己能記住的語言或邏輯
你是不是常常覺得面對大量資訊時腦袋一片混亂,不知道該如何整理?你是否希望能夠更有效率地記住和理解複雜的內容?其實,心智圖就是解決這些問題的好幫手!今天,我們將帶你一步步打造出完美的心智圖,並推薦三款超實用的心智圖產生器,讓你輕鬆上手。想知道怎麼做嗎?趕快看下去吧!
Thumbnail
【心智圖有用嗎】     先講結論:有用,但是看要怎麼用。對我來說,心智圖就是在幫忙並且學生們可以觀察和分類重點,幫自己做一份所有人都聽得懂的摘要整理,進而幫助學習的成效。     用學生可以了解的語言 解釋他們不懂的事物,讓他們先能接受。所以要用他們日常的東西切入,舉例來說,我和同學們討論
Thumbnail
筆記不僅僅是信息的簡單搬運,更應該成為我們思考和成長的工具。那麼,什麼樣的內容值得我們記錄?答案是:有啟發性的內容。
Thumbnail
【線上工具】Xmind https://visionjie.com/6353 心智圖又稱邏輯地圖,是種將思維以圖像視覺的方式呈現,由中心向外擴展作樹狀階層式的思考方式,【Xmind】是介介最常用的心智圖工具,有單機版跟網頁版,除了繪製心智圖還有魚骨圖、步驟圖、階層圖等…而且有很多配色組合可以
Thumbnail
這篇文章介紹瞭如何做筆記和思考的方法,包括條列式書寫、回想老師的話、創造邏輯架構等。文章強調了寫筆記如何幫助思考,並提供了一些萬能筆記法的技巧。
Thumbnail
六、圖像式思考、圖像式演說很好用 跟提筆寫作一樣,演說前要立大綱,只是,這大綱是用文字敘述還是以圖像呈現? 對於我們一般人而言,一幅圖像能記得的內容,絕對比一篇文字多。把要講述的大綱用一幅幅圖像記在腦海裡,還可以在心理圖像中配上關鍵詞,就能讓人侃侃而談。依照心理圖像的放大縮小、自動生成遠、中、近
Thumbnail
前陣子分享了小二燁畫的腦急急轉彎2的心智圖 朋友問我是怎麼教的,孩子竟然小二就會畫心智圖? 我真是不知該如何回答… 因為…我發現我好像沒有教孩子什麼 心智圖的「架構」,是學校老師教的 不過,何以在老師教完後, 多數孩子還是只能復製老師寫在黑板上的內容, 燁卻能夠自行繪製一份出自於他腦袋
Thumbnail
寫完上一篇我個人的圖像學習後,大腦突然冒出了更多東西。 前幾篇提到我要創作時,很重視文思泉湧的「感覺」。但具體說這個「感覺」到底是什麼 ? 對我而言,那是指我的大腦會有一個「畫面」。 當我想到一個主題,我的腦中會有一幅畫。
Thumbnail
很多年前看到關於左右腦學習的差異分享,大意是右腦掌管圖像,若是右腦較為發達的人學習方式是透過圖像記憶,對於畫面有比較高的敏感度,學習的方式是透過圖案或畫面來喚醒細節。而左腦發達的人對於文字及語言較為擅長,學習上會將內容轉為自己能記住的語言或邏輯
你是不是常常覺得面對大量資訊時腦袋一片混亂,不知道該如何整理?你是否希望能夠更有效率地記住和理解複雜的內容?其實,心智圖就是解決這些問題的好幫手!今天,我們將帶你一步步打造出完美的心智圖,並推薦三款超實用的心智圖產生器,讓你輕鬆上手。想知道怎麼做嗎?趕快看下去吧!
Thumbnail
【心智圖有用嗎】     先講結論:有用,但是看要怎麼用。對我來說,心智圖就是在幫忙並且學生們可以觀察和分類重點,幫自己做一份所有人都聽得懂的摘要整理,進而幫助學習的成效。     用學生可以了解的語言 解釋他們不懂的事物,讓他們先能接受。所以要用他們日常的東西切入,舉例來說,我和同學們討論
Thumbnail
筆記不僅僅是信息的簡單搬運,更應該成為我們思考和成長的工具。那麼,什麼樣的內容值得我們記錄?答案是:有啟發性的內容。
Thumbnail
【線上工具】Xmind https://visionjie.com/6353 心智圖又稱邏輯地圖,是種將思維以圖像視覺的方式呈現,由中心向外擴展作樹狀階層式的思考方式,【Xmind】是介介最常用的心智圖工具,有單機版跟網頁版,除了繪製心智圖還有魚骨圖、步驟圖、階層圖等…而且有很多配色組合可以
Thumbnail
這篇文章介紹瞭如何做筆記和思考的方法,包括條列式書寫、回想老師的話、創造邏輯架構等。文章強調了寫筆記如何幫助思考,並提供了一些萬能筆記法的技巧。
Thumbnail
六、圖像式思考、圖像式演說很好用 跟提筆寫作一樣,演說前要立大綱,只是,這大綱是用文字敘述還是以圖像呈現? 對於我們一般人而言,一幅圖像能記得的內容,絕對比一篇文字多。把要講述的大綱用一幅幅圖像記在腦海裡,還可以在心理圖像中配上關鍵詞,就能讓人侃侃而談。依照心理圖像的放大縮小、自動生成遠、中、近