操作教學|教你如何在 Notion 繪製心智圖

更新於 發佈於 閱讀時間約 11 分鐘
© 窩DEMAA

© 窩DEMAA

嘿!大家好!大家知道 Notion 嗎?

Notion 是一個功能強大且多用途的協作工具,除了幫助你管理筆記和任務外,它還提供了視覺化資料的能力。在這篇文章中,我將向你介紹如何在 Notion 上使用 Mermaid 語法來繪製心智圖。心智圖是一種有效的工具,能夠幫助我們組織思維、理清思路,以及視覺化資訊,方便你在 Notion 上優雅地呈現你的思路,提升你的工作效率和知識整理能力吧!

01 呼叫公式

使用 Notion 快捷鍵 ( / ) 呼叫指令,在斜線後輸入 code 開啟公式指令。
01 呼叫公式

01 呼叫公式


02 輸入對應語法

在 code 語法的編輯頁面,滑鼠移至左上方,選擇使用 code 語法是 Mermaid,以及所要呈現的方式為 Split。
02 輸入對應語法

02 輸入對應語法

Mermaid 語法完成的呈現方式除了剛剛分享的 Split,用於即時預覽編寫的程式碼是否正確外,還有另外兩款,分別是 Code 及 Preview。點選 Code 模式,便只會單獨存在你所撰寫的 Mermaid 語法;點選 Preview 模式,便只會呈現出圓餅圖的畫面。

如果你對 Mermaid 語法的三種呈現方式,以及何時應該使用它們還不熟悉,以下是我們提供的使用情境,你可以參考它們在 Split、Code 和 Preview 中的適用性:

  • Split
    如果你想要直接編寫 Mermaid 語法並即時查看結果,Split 模式是很適合的。你可以在上側的編輯器中輸入 Mermaid 語法,下側的預覽窗格將即時顯示圖形結果。
  • Code
    如果你更喜歡在一個專用的編輯器中編寫 Mermaid 語法,並且希望有更大的編輯區域和更豐富的程式編輯功能,那麼你可以切換到 Code 模式。在這個模式下,你可以在一個全螢幕的編輯器中編寫 Mermaid 語法,接續在完成後,透過點擊「Preview」按鈕來預覽圖形結果。
  • Preview
    如果你只關心最終的圖形結果,而不需要直接編寫 Mermaid 語法,那麼 Preview 模式非常適合。在這個模式下,你可以使用預設的圖形編輯工具或匯入已編寫好的 Mermaid 語法檔案,然後即時預覽並進行必要的調整。

當然,無論你選擇使用哪種方式,都可以根據自己的需求和偏好來選擇最適合的 Mermaid 語法呈現方式。這些選項將幫助你更好地編寫、預覽和調整 Mermaid 圖形。


03 心智圖語法

當使用 Mermaid 語法來繪製心智圖時,主題是整個圖的核心,所有其他分支都是從主題延伸出來的,因此,需要先使用 mindmap 關鍵字定義一個心智圖。接續,以下是幾個常見的固定語法,包括定義主題、定義分支和設定節點形狀。這裡將逐步描述每個操作步驟和調整方式:

定義主題

在 Mermaid 語法中,可以使用「root」命令設置心智圖的主題。主題是心智圖的中心節點,表示整個思維結構的起點。以下是定義主題的語法示例:

mindmap
root(主題)

這行指定了心智圖中主題的顯示名稱為「主題」。你可以替換「主題」為你所需的標題文字。

定義分支

在 Mermaid 語法中,可以使用階層來展示與主題相關的子主題或相關概念。以下是定義分支的呈現示例:

mindmap
root(主題)
分支1
分支1.1
分支2
分支2.1
分支2.2
分支3

分支可以有多層次的結構,用於組織思維和信息。你可以使用「半形空白鍵」區分不同類型的分支,將分支放置在適當的位置,形成分支的層次結構。

設定節點形狀

在 Mermaid 語法中,可以使用特定的符號在分支名稱前面定義節點形狀,常見的節點形狀符號包括 ()、(())、)(、))((、[]、{{}} 等,你可以根據需要選擇適合的符號。以下是定義分支的呈現示例:

mindmap
root(主題)
[分支1]
分支1.1
((分支2))
)分支2.1(
))分支2.2((
{{分支3}}

這行指定了心智圖中節點的顯示形狀。你可以替換分支名稱前的符號,選擇其他符號來表示不同的節點形狀。

  • 文字:預設方形。
  • ( 文字 ):橢圓形。
  • (( 文字 )):圓形。
  • ) 文字 (:雲朵形。
  • )) 文字 ((:砰形。
  • [ 文字 ]:矩形。
  • {{ 文字 }}:六邊形。

04 實際操作

① 探索關聯

情境:老闆要求團隊思考影片製作會需要注意的事項,並以心智圖呈現。

%%{init: {'theme':'default'}}%%
mindmap
root((影片製作))
影片製作技巧
影片拍攝技巧
相機操作技巧
場景選擇與佈置
拍攝角度與運鏡技巧
影片剪輯技巧
剪輯軟體操作
剪輯技巧與視覺效果
音效與音樂的配合
影片特效技巧
視覺特效製作
動態圖形與動畫效果
色彩校正與調整
影片燈光運用
燈光設備選擇與操作
燈光配置與燈光效果
光影與氛圍營造技巧
影片故事創作
編劇技巧
故事結構與情節發展
人物設定與角色發展
對話撰寫與劇本架構
影片故事架構
引起觀眾共鳴的開場
衝突與高潮的發展
令人印象深刻的結尾
音效及配樂
音效及配樂選擇
音效搜尋與收集
配樂風格與氛圍選擇
音樂與影像的結合
影片製作器材
影片拍攝器材選擇
相機與鏡頭選擇
音頻設備與麥克風選擇
攝影配件與穩定器選擇
影片後製軟體選擇
剪輯軟體選擇與比較
視覺特效軟體與插件選擇
音效剪輯與混音軟體選擇
影片行銷
目標觀眾分析
行銷策略與宣傳計劃
社交媒體平台的運用
04 實際操作|① 探索關聯

04 實際操作|① 探索關聯

組織知識

情境:老師為了讓大家充分了解何謂「社群媒體」,請小組同學進行腦力激盪,透過心智圖呈現社群媒體的相關內容,包含社交網路、社群媒體行銷、社群媒體管理、社群媒體資訊分析,以及社群媒體趨勢。

%%{init: {'theme':'default'}}%%
mindmap
root((社群媒體))
社交網路
Facebook
Twitter
Instagram
LinkedIn
社群媒體行銷
行銷策略
目標市場定位
宣傳訴求與策略
營銷渠道
搜尋引擎行銷
社交媒體廣告
影片行銷
行銷效果評估
點擊率
轉換率
銷售成效
社群媒體管理
社群經理
工作職責
技能要求
薪資待遇
社群管理工具
Hootsuite
Buffer
Sprout Social
社群媒體資訊分析
資訊收集
監測工具
關鍵字搜尋
資訊分析
數據分析工具
洞察報告撰寫
社群媒體趨勢
熱門話題
時事新聞
娛樂八卦
運動賽事
行業趨勢
技術創新
消費者行為
市場競爭
04 實際操作|② 組織知識

04 實際操作|② 組織知識

規劃任務

情境:在進行任務規劃時,我們可能需要透過軟體工具、人力資源和時間安排來追蹤進度。因此,可以透過心智圖初步思考可能需要的人力和資源,以提高組織能力和有效管理時間。

%%{init: {'theme':'default'}}%%
mindmap
root(任務規劃)
軟體工具
專案管理軟體
協同合作工具
任務追蹤軟體
日曆和排程工具
文檔共享平台
人力資源
專案經理
團隊成員
外部合作夥伴
顧問或專家
支援團隊或助手
時間安排
任務分解和優先順序設定
里程碑和時間節點
任務時間估算
適當的時間分配和排程
監控和調整時間表
04 實際操作|③ 規劃任務

04 實際操作|③ 規劃任務


今天的分享就到這邊啦,期待下一篇的分享,祝福大家都有個美好的一天!喜歡窩DEMAA(OS: 就是取自”我的媽啊“的諧音)的朋友,歡迎按讚追蹤分享,也歡迎加入 數位生產力 IGFB 社團,就能在第一時間收到最新的生產力工具介紹。最後,也別忘記可以通過上述操作步驟,使用 Mermaid 語法來定義主題、定義分支和設定節點形狀,從而根據你的需求進行相應的調整,以便繪製符合你專案要求的心智圖。快 點此 看本篇實際操作的 code,我們下次見!

☸ 窩DEMAA

FBIGTiktokMatterPopdaily

© 窩DEMAA|數位生產力

© 窩DEMAA|數位生產力

留言
avatar-img
留言分享你的想法!
avatar-img
窩 World
604會員
108內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
窩 World 的其他內容
2024/10/31
今天要跟大家分享一款專為 Notion 記帳設計的 2025 Notion Finance Tracker 模板,結合了 Notion 近期產品發表會上推出的 Notion Form 新功能,以及 Notion 中大家最推崇的 Notion Database 功能,讓記帳變得更加簡單高效!
Thumbnail
2024/10/31
今天要跟大家分享一款專為 Notion 記帳設計的 2025 Notion Finance Tracker 模板,結合了 Notion 近期產品發表會上推出的 Notion Form 新功能,以及 Notion 中大家最推崇的 Notion Database 功能,讓記帳變得更加簡單高效!
Thumbnail
2024/10/05
嗨,朋友們!作為一款功能強大的知識管理工具,Heptabase 的白板系統能夠讓你更有條理地整理和視覺化呈現各種資訊,但若你平時工作流主要使用 Notion 作為資料統整的主要平台,希望能把 Heptabase 中的內容存入 Notion 頁面,該怎麼做呢?兩個步驟今天就來分享給你知道。
Thumbnail
2024/10/05
嗨,朋友們!作為一款功能強大的知識管理工具,Heptabase 的白板系統能夠讓你更有條理地整理和視覺化呈現各種資訊,但若你平時工作流主要使用 Notion 作為資料統整的主要平台,希望能把 Heptabase 中的內容存入 Notion 頁面,該怎麼做呢?兩個步驟今天就來分享給你知道。
Thumbnail
2024/07/31
在幾乎人人都有手機的時代,相簿裡會有許多生活的紀錄,但很少有人會回頭整理,導致許多知識都被忽略。因此,今天要跟大家分享一款很棒的 AI 工具,專為解決這個問題而生 — Photes.io。它能將我們日常生活的照片、螢幕截圖,以及圖像轉化為筆記,並直接匯出到 Notion 中,大大提升我們的生產力。
Thumbnail
2024/07/31
在幾乎人人都有手機的時代,相簿裡會有許多生活的紀錄,但很少有人會回頭整理,導致許多知識都被忽略。因此,今天要跟大家分享一款很棒的 AI 工具,專為解決這個問題而生 — Photes.io。它能將我們日常生活的照片、螢幕截圖,以及圖像轉化為筆記,並直接匯出到 Notion 中,大大提升我們的生產力。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
各位有在玩Notion嗎? Notion是一款能有效強化創作生產力的筆記軟體,也是全方位的自我管理系統。多功能的模板可以在電腦、平板或是手機使用。 對於我這多重興趣重度患者來說,Notion延伸了我的腦容量,讓我的創作小宇宙變得更有系統!目前我用Notion規劃工作進度,整理平時收集的靈感。
Thumbnail
各位有在玩Notion嗎? Notion是一款能有效強化創作生產力的筆記軟體,也是全方位的自我管理系統。多功能的模板可以在電腦、平板或是手機使用。 對於我這多重興趣重度患者來說,Notion延伸了我的腦容量,讓我的創作小宇宙變得更有系統!目前我用Notion規劃工作進度,整理平時收集的靈感。
Thumbnail
Notion 是一個功能強大且多功能的協作工具。你可以透過在 Notion 上使用 Mermaid 語法繪製心智圖,有效地進行腦力激盪,組織知識、探索關聯,促進創意思維,並規劃任務。此外,你還可以使用心智圖來綜覽和瞭解細節,讓你更清晰地理解和思考相關的連結。現在,快來掌握繪製心智圖的技巧吧!
Thumbnail
Notion 是一個功能強大且多功能的協作工具。你可以透過在 Notion 上使用 Mermaid 語法繪製心智圖,有效地進行腦力激盪,組織知識、探索關聯,促進創意思維,並規劃任務。此外,你還可以使用心智圖來綜覽和瞭解細節,讓你更清晰地理解和思考相關的連結。現在,快來掌握繪製心智圖的技巧吧!
Thumbnail
Notion 是一個強大的協作工具,除了筆記和任務管理外,它還提供視覺化資料的功能。在快節奏的工作環境中,有效的時間管理和工作安排至關重要。本章將介紹如何在 Notion 上運用 Mermaid 語法來繪製時間軸,這將為你提供一個清晰、組織良好的視覺化工具,協助你更好地管理工作,確保都能按計劃進行。
Thumbnail
Notion 是一個強大的協作工具,除了筆記和任務管理外,它還提供視覺化資料的功能。在快節奏的工作環境中,有效的時間管理和工作安排至關重要。本章將介紹如何在 Notion 上運用 Mermaid 語法來繪製時間軸,這將為你提供一個清晰、組織良好的視覺化工具,協助你更好地管理工作,確保都能按計劃進行。
Thumbnail
Notion 是一個強大且多功能的協作工具,不僅可以用於筆記和任務管理,還能幫助你視覺化資料。本章將教你如何在 Notion 上使用 Mermaid 語法繪製圓餅圖,以呈現美觀又易於理解的視覺化內容。不管是要展示預算分配、時間規劃還是進行任務分配,Notion 的圓餅圖功能都能滿足你的需求。
Thumbnail
Notion 是一個強大且多功能的協作工具,不僅可以用於筆記和任務管理,還能幫助你視覺化資料。本章將教你如何在 Notion 上使用 Mermaid 語法繪製圓餅圖,以呈現美觀又易於理解的視覺化內容。不管是要展示預算分配、時間規劃還是進行任務分配,Notion 的圓餅圖功能都能滿足你的需求。
Thumbnail
  心智圖是一種可視化的思維工具,透過分層的樹狀結構,幫助我們將複雜的概念和信息整理成簡單易懂的圖像。而程式邏輯則是指在程式設計中,用來解決特定問題或執行特定任務的一系列規則和步驟。心智圖與程式邏輯雖然表現形式和應用場景不同,但兩者之間存在著密切的關係。
Thumbnail
  心智圖是一種可視化的思維工具,透過分層的樹狀結構,幫助我們將複雜的概念和信息整理成簡單易懂的圖像。而程式邏輯則是指在程式設計中,用來解決特定問題或執行特定任務的一系列規則和步驟。心智圖與程式邏輯雖然表現形式和應用場景不同,但兩者之間存在著密切的關係。
Thumbnail
網路時代加上疫情崛起,等於按下了社會「數位化」的加速鍵。 為因應生活型態改變,數位工具也如雨後春筍般冒出。除了大家最熟悉的 Google 協作工具,也有思維導向的 Miro、Figma、Whimsical…等,還有專案管理的 Trello、Notion…等。 到底該怎麼選擇數位工具,又該怎麼學習呢?
Thumbnail
網路時代加上疫情崛起,等於按下了社會「數位化」的加速鍵。 為因應生活型態改變,數位工具也如雨後春筍般冒出。除了大家最熟悉的 Google 協作工具,也有思維導向的 Miro、Figma、Whimsical…等,還有專案管理的 Trello、Notion…等。 到底該怎麼選擇數位工具,又該怎麼學習呢?
Thumbnail
关于 Notion 的使用教程,在 Notion 相关社区已经有不少精品内容。这篇文章中,无意于探讨过于高级的技术,而是为准备使用 Notion 以及 相关的 FlowUs 用户提供一个详实、全面的使用教程。 本文会不定期更新。 数字花园:Notion 优质资源汇总) 使用反思 辅助工具·软件联动
Thumbnail
关于 Notion 的使用教程,在 Notion 相关社区已经有不少精品内容。这篇文章中,无意于探讨过于高级的技术,而是为准备使用 Notion 以及 相关的 FlowUs 用户提供一个详实、全面的使用教程。 本文会不定期更新。 数字花园:Notion 优质资源汇总) 使用反思 辅助工具·软件联动
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News