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

更新於 2024/01/11發佈於 2023/06/26閱讀時間約 10 分鐘

嘿！大家好！大家知道 Notion 嗎？

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

@digi.productivity｜30秒讓你擁有視覺化圖表

01 呼叫公式

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

01 呼叫公式

02 輸入對應語法

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

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 實際操作｜① 探索關聯

② 組織知識

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

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

04 實際操作｜② 組織知識

③ 規劃任務

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

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

04 實際操作｜③ 規劃任務

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

☸ 窩DEMAA

｜FB｜IG｜Tiktok｜Matter｜Popdaily｜

為什麼會看到廣告

窩 World Notion 的 Small Talk

窩 World

251會員

102內容數

在多工處理已是日常的世代，具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具，就能夠優化工作型態及學習模式，讓生活逐步精緻化。基於此信念，窩 World 包含的 Notion 的 Small Talk 以及數位生產力，將重點說明 Notion 的使用及數位工具的分享，讓大家能視個人需求建立專屬的知識地圖。

留言0

查看全部

發表第一個留言支持創作者！

窩 World 的其他內容

操作教學｜教你如何在 Notion 繪製甘特圖

Notion 是一個功能強大且多功能的協作工具，透過在 Notion 使用 Mermaid 語法繪製甘特圖，可以有效地視覺化學習進度和目標完成情況，從而提升工作效率和學習成果的管理。現在，我們將開始學習在 Notion 上繪製甘特圖，以組織學習進度並促進團隊之間的協作。立即踏上這個專業的學習旅程吧！

#專案 #學習 #甘特圖

操作教學｜教你如何在 Notion 繪製時間軸

Notion 是一個強大的協作工具，除了筆記和任務管理外，它還提供視覺化資料的功能。在快節奏的工作環境中，有效的時間管理和工作安排至關重要。本章將介紹如何在 Notion 上運用 Mermaid 語法來繪製時間軸，這將為你提供一個清晰、組織良好的視覺化工具，協助你更好地管理工作，確保都能按計劃進行。

#專案 #專案管理 #時間管理