2019年8月30日
如何製作精美的心智圖 - 原則、範例和技巧
Avinash Priya
思維導圖是一種視覺思維工具。我們使用它來可視化我們的想法並獲得整體概覽。當思維導圖變得複雜時，思維導圖的可讀性對觀眾來說是非常具有挑戰性的。
雖然如果你只是為自己製作思維導圖是可以的，但你的觀眾可能不會有同樣的想法。
今天我們將說明如何使用 XMind 2020 中的功能繪製美麗的思維導圖。
## 創建思維導圖範例的原則
在深入研究功能之前，我們可以先看看《非設計師的設計書》中的四個主要原則。這四個原則是設計中最基本的。通過仔細思考這四個原則，你可以更快速、有效和直觀地呈現關鍵信息。
1/ 接近性 - 將相關項目分組在同一組內
將相關元素組織在一起。對於相似或相關的想法，我們可以通過分組或合併（邊界、摘要、創建父節點、應用相同樣式等）來組織它們。接近性原則不僅有助於你的演示文稿，而且能夠讓您達到最清晰的組織。
MECE 原則（相互排斥，集體窮盡）是一個很好的框架，用於檢查您是否以最佳方式進行分類和組織。
2/ 對齊 - 組織不同的圖表
地圖上的每一個元素都應始終對齊至某個基準。有了對齊，無論信息有多複雜，整個圖表都會有更好的視覺關聯。如果您的思維導圖中有更多自由風格的圖表，按某種順序排列它們將大大改善整個地圖的可讀性。
相關功能：對齊浮動主題
3/ 對比 - 強調在同一組內
為了區分主要和次要級別，我們可以使用某些屬性的對比，例如顏色、形狀、大小、長度、字體、粗細和亮度。區分使您的整個地圖在意義上更加豐富。
相關功能：快速樣式
4/ 重複 - 在整個地圖中保持一致
設計中的重複元素有助於實現統一並加強觀眾對地圖的理解。這個原則幫助我們將其他三個原則連接起來。你需要從上到下設計和規劃地圖中的模式。一旦確定，就要在整張紙上保持一致。
我們經常發現思維導圖可能會變得混亂，如果思維導圖製作者將幾個導圖合併為一個。並不是因為合併導圖是錯誤的，而是它會打破設計模式的一致性。
相關功能：快速樣式
一個思維導圖範例
心中有了四個設計原則，讓我們看看一個手繪的思維導圖，看看它做得好的地方和不好的地方。
它做得好的地方
它很好地照顧了接近性、對齊和重複。
這張地圖使用了經典的對齊方式：居中對齊。它將策略圖放在頂部，而附加部分放在底部。
就重複而言，策略部分在分支形狀、文字顏色和文字大小方面顯示出一致性。橙色用於突出顯示讀者的重要話題。
分支的顏色方案顯示了重複（飽和度和亮度）以及對比（色調）。這張手繪思維導圖展示了良好的可讀性。
需要改進的地方
文字大小的對比不足以創建清晰的視覺和信息層次。兩個不同分支中藍色的重複使用可能會誤導讀者將它們關聯。
總的來說，它是一個高品質的思維導圖。
接下來，我們將深入研究 XMind 中“美化”我們圖表的功能。
接近性和對齊 - 結構和布局
結構是思維導圖的支柱，反映了您的思維邏輯。清晰的結構和卓越的焦點可以顯著提高思維導圖的可讀性。
然而，我們在接下來的指南中不會詳細展開邏輯部分。我們強烈建議您查看金字塔原則以進行邏輯訓練。
今天我們注重結構的可視化部分。
1/ 選擇正確的結構
XMind 2020 在軟件中提供了多種思維結構。但不同的結構各有優缺點。
☆ 均衡導圖：思維導圖的最基本結構，幫助您集思廣益。然而，由於信息分散，讀者不易緊密跟蹤邏輯序列。
☆ 邏輯圖表：狹義上講，邏輯圖表僅指顯示正式邏輯的圖表。但在 XMind 中，它更像是單面思維導圖。它幫助人們就想法的邏輯序列進行思考。然而，當您拓展想法時，圖表可能會變得相當長。這對於手機閱讀地圖來說是一個加分點。
☆ 時間線：一種顯示事件或程序順序的圖表。
☆ 組織結構圖：一種最適合顯示金字塔結構層次的圖表。
☆ 魚骨圖：更明確的因果關係表達方式。下面是一個例子，使用魚骨圖在 5 個層次上剖析一個問題。您也可以加入更多元素進行剖析，但是在這種情況下很難有超過三個層次。因為魚骨圖變得很難閱讀。魚骨圖的另一個缺點是難以連接分支之間的關係。您可以在這裡了解更多關於魚骨圖並下載模板。
☆ 矩陣：一種誕生於展示多對多關係的圖表，包括看板、產品系列對比和 SWOT 分析。它非常強大，因為它是多維的。如果您想了解我們如何創建下面的 SWOT 和每周計劃，您可以在這裡查看關於 XMind 矩陣的深入指南。您可以在裡面下載各種矩陣模板。雖然這個圖表很強大，但使用起來比其他圖表更棘手。
2/ 其他提示
混合結構。混合不同的結構是解決複雜邏輯的理想方法。地圖中的每個分支都可以轉換為不同的結構。您可以組合各種垂直和水平展開的圖表，來引導讀者的注意力。
自動平衡圖。當您使用平衡圖表來豐富您的思維時，可以啟動“自動平衡圖”以平衡布局。
如何使用：點擊地圖的空白區域或中心主題，然後選擇“地圖”部分，並勾選“高級布局”選項中的“自動平衡布局”。
對齊浮動主題。Z工作中的自由對齊突破了軟件提供的結構的限制。但我們應始終記住組織對齊以獲得更好的視覺關聯。
如何使用：選擇您想對齊的主題，右擊選擇“對齊浮動主題”以選擇對齊方向。
對比和重複 - 顏色
顏色是視覺呈現中的關鍵元素。您可以使用不同的顏色來區分不同的主題和信息。豐富的顏色可以刺激大腦並留下更深刻的印象。合理的色彩搭配可以讓整個地圖看起來更好。
1/ 從內建樣式開始
模板。模板庫使您不必為元素之間的色彩匹配而煩心。懶惰且較安全的選擇是直接從模板開始。
快速樣式。如果您想在主題內部添加一些對比，可以嘗試使用快速樣式來突出特別的主題。
多分支顏色。單擊即可為所有分支。多分支顏色確保您有序地對比顏色。單擊地圖中心主題或空白區域，然後在“地圖”面板中勾選“多分支顏色”。
圖像
2/ 創建您的色彩方案
匹配色彩方案。使用 XMind 中的吸色工具存儲所需的顏色。
圖像
如果您對管理鮮亮顏色不太自信，總是使用低飽和度顏色。它們彼此容易相處並保持和諧。
圖像
更多色彩搭配創意，我們推薦Color Hunt。懶人好消息 :D！
圖像
應用樣式。完成調整後，您可以將樣式更新到所有相同級別主題。
圖像
此外，您可以使用“複製樣式”和“粘貼樣式”來重複樣式。
圖像
重複 - 圖像的統一
圖像是思維導圖的重要部分。與枯燥的文字相比，一幅生動的思維導圖可以激發大腦建立聯系。
當您的思維導圖包含更多信息時，嘗試用圖像來豐富它。但是請記住選擇風格相似的圖像來實現設計統一。
圖像
1/ 內建貼紙和標記
XMind 2020 的貼紙已經可以滿足您的大多數需求。
圖像
您也可以使用標記來分配任務以進行高效項目管理。
2/ 設計師提供的圖標
當本地圖標不夠時，您可以使用其他免費圖標資源。
圖像
推薦一些：Flaticon, Noun Project, 和Iconstore
3/ 插入 GIF 動畫
我們有關於插入 GIF 動畫的教程, 想要為您的思維導圖添加動畫，請查看。 我們強烈推薦GIPHY和Reddit 以獲取一些有趣的 GIF。Animaticon也是一個很好的選擇，為您提供一套動畫圖標。
圖像
更多美麗思維導圖範例技巧
以上只是一些設計思維導圖的原則和技巧。您使用哪些工具來設計思維導圖？在@xmind上與我們分享！
