思維導圖是思維可視化的利器,我們用它來輔助思考,同時也用它來展示思維。當一張思維導圖被分享時,它的可讀性即受到考驗。今天我們就從軟件功能應用的角度和大家聊一聊如何用 XMind: ZEN 繪制高顏值導圖。
// 設計的四個原則 //
在進入軟件具體操作前,想先和大家分享下 The Non-Designer’s Design Book 中四個非常簡單易學的設計原則。這四個原則是設計中最基礎也最簡單的原則。遵循了這四個原則,就可以讓你更快速、有效、直觀地呈現關鍵信息。
圖來自 Edman
1/ 親近 Proximity
設計喜歡將相關的元素組織在一起,和思維導圖中的分類思想類似,對于相似/同類的想法,我們也喜歡進行同類項的合并和分組。這樣不僅讓你能更有條理地組織你的想法,也能達到結構層次的清晰。
分類和概括一直都是思維導圖的底層邏輯之一,不管是先總后分,還是先分后總,運用 MEEC 原則(互相窮盡、互不重疊)把相同的東西進行分類和組織,并用概要和外框進行總結和強調,可以讓你整張圖更簡潔有重點。
2/ 對比 Contrast
對于信息的主次和不同重點的呈現,我們可以通過某些屬性的對比,比如:顏色、形狀、大小、長度、字體、粗細、明暗等來增強整體的視覺效果。
在 XMind: ZEN 中你可以通過改變主題的形狀、顏色、邊框、寬度、文本大小等樣式來進行主題的調整。可以通過改變其中一樣,或者幾樣的組合來進行不同內容的強調和區分。差異化能讓你的整張導圖變得更豐富,做到有主次,有區分。
3/ 重復 Repetition
設計中有些元素會不斷重復出現以達到洗腦和統一的效果。這邊我們想強調的是,有時候重復的內容需要保持統一,以增強內容的和連貫性和一致性。在制作導圖的過程中,同級別和同類的主題間需要保持樣式的一致,才不會打破整體導圖的平衡。
4/ 對齊 Aligment
設計中元素總是會按照一定基準排列起來,因為對齊會顯得更有條理,有秩序感,更容易形成視覺關聯。如果你的思維導圖中存在較多的自由主題,將他們按照一定的秩序進行對齊排列會讓整張導圖的可讀性大大提高。
//什么是好看的導圖 //
在了解了這四個設計原則后,我們先來看一張手繪思維導圖。
圖來自 Mango
這是一張可讀性和顏值都非常高的手繪思維導圖,它做到了結構美(層級清晰、結構均衡、重點突出)、色彩美(配色協調)、線條美(靈動流暢),還有圖形美(圖像恰到好處,非常生動)。
如果能做到以上這幾點,不只是手繪,用軟件也能畫出高顏值的導圖。接下來我們就從結構、色彩、圖像等幾個角度來聊聊如何用 XMind: ZEN 繪制高顏值的導圖。
// 結構 //
結構是一張思維導圖的骨干,體現了你思考的邏輯。清晰的結構和突出的重點突出能極大提高思維導圖的可讀性。
關于如何梳理邏輯,強烈推薦閱讀之前的推文 精讀筆記 | 一文讀透《金字塔原理》,今天我們主要從顏值的角度來談談結構。
1/靈活選擇軟件內自帶的思維結構
XMind: ZEN 在軟件內提供了各種思維結構,你可以根據自己的思維邏輯,選擇特定的結構來進行思維的發散和整理。
☆ 平衡圖:思維導圖最基礎的結構,可用來發散和縱深思考
▼
平衡圖
☆ 邏輯圖:表達總分關系或分總關系等
▼
邏輯圖
☆ 時間軸:表示事件順序或者事情的先后邏輯
▼
時間軸
☆ 組織結構圖:可以做組織層次的人員構成或金字塔結構
▼
組織結構圖
☆ 魚骨圖:比較清晰地表達因果關系
▼
魚骨圖
☆ 矩陣圖:可以用來做項目的任務管理或個人計劃
▼
矩陣圖
2/ 不同思維結構可以進行混搭
當你的思維和內容足夠豐富和復雜時,可以考慮混用不同的結構來綜合表達你的邏輯。因為每一張用 XMind 制作的導圖都可以結合多種不同的結構形式,每一個分支都可以是一個不同的結構。你可以結合各種縱向的、橫向的思維方式,來表達你腦中的復雜想法。
使用方法:選中分支主題,在樣式中選擇結構即可。
3/ 開啟自動平衡布局
當你在運用平衡圖進行思維的發散時,可以開啟「自動平衡布局」來讓整體的內容分布更均衡。
使用方法:點擊導圖空白處,在「畫布」中的高級布局選項中勾選「自動平衡布局」。
4/ 對齊你的自由主題
XMind: ZEN 中自由主題打破了軟件提供的結構的限制,你可以在任何位置進行添加。但正如設計四原則中的對齊原則中所描述的,對齊會顯得更有條理,有秩序感,更容易形成視覺關聯。
使用方法:選中需要對齊的自由主題,鼠標右鍵喚出「自由主題對齊」選擇對齊方式即可。
// 色彩 //
顏色是非常重要的視覺呈現方式,你可以用不同的顏色來區分不同的主題和信息。豐富的色彩可以給大腦帶來刺激,留下更深刻的印象。而合理的配色能讓整張導圖向好看更近一步。
1/ 選擇軟件自帶的模板
XMind: ZEN 自帶的模板本身就具有極高的顏值,懶得在圖片美化和考慮配色花功夫的童鞋直接使用模板就可以做出很漂亮的導圖。
比如圖庫中的這張導圖,結構清晰,非常簡潔優雅。
2/ 開啟彩虹分支
當你想對導圖進行色彩的美化,又不想在配色上花費太多時間時,可以直接在畫布的高級線形中開啟「彩虹分支」。
3/ 均衡的配色
除了用 XMind: ZEN 的彩虹分支外,還可以靈活運用 XMind: ZEN 的顏色面板來進行顏色的自定義。你可以參考好看的配色,用取色器來進行顏色的調整。
在進行顏色的設置時,可以通過降低顏色的飽和度來達到視覺上的舒適度。
配色推薦懶人的配色網站 Color Hunt
4/ 將樣式同步到所有的主題
當你修改了主題的顏色或其他樣式,可以將樣式更新到所有同級的主題,或更新至所有的子主題,快速地進行樣式的同步。
此外,還可以用「拷貝樣式」和「黏貼樣式」來進行樣式的同步。
// 圖像 //
圖像是思維導圖中很重要的一部分,和只有干巴巴文字的導圖相比,一張形象生動的思維導圖更能刺激大腦產生聯系,從而幫助記憶。當你的思維導圖承載了更多記憶的功能時,不妨嘗試著用圖像去豐富它。
1/ 插入軟件自帶的貼紙和標記
XMind: ZEN 自帶的貼紙已經可以滿足你大部分使用場景。
你還可以用標記來分配任務,進行高效的項目管理。這邊可以查看我們之前的推文 拒絕瞎忙,一招教你搞定高效的項目管理。
2/ 插入外網圖標
當本地的圖標不夠用時,可以借助其他免費的圖標網站。
推薦幾個:
3/ 插入圖片
在插入圖片的時候,可以盡量選取風格較類似的圖片來達到風格的統一。
4/ 插入 GIF 動圖
關于插入 GIF 動圖的教程,可以查看我們之前的推文 會動的思維導圖簡直酷到沒朋友,了解一下。
· 福利時間 ·
如何繪制高顏值導圖
醬醬從軟件操作角度的分享就到這里
歡迎大家在評論區分享你們自己常用的功能/用法
醬醬將選出 3 位送出
XMind: ZEN+移動版 三個月訂閱福利
和還沒上市的高顏值的 XMind 周邊!
此處嚴格保密
* 未來幾天 XMind 團隊將在臺灣舉行團建
醬醬回來后給大家開獎呀