思維導(dǎo)圖是思維可視化的利器，我們用它來(lái)輔助思考，同時(shí)也用它來(lái)展示思維。當(dāng)一張思維導(dǎo)圖被分享時(shí)，它的可讀性即受到考驗(yàn)。今天我們就從軟件功能應(yīng)用的角度和大家聊一聊如何用 XMind: ZEN 繪制高顏值導(dǎo)圖。

// 設(shè)計(jì)的四個(gè)原則 //

在進(jìn)入軟件具體操作前，想先和大家分享下 The Non-Designer’s Design Book 中四個(gè)非常簡(jiǎn)單易學(xué)的設(shè)計(jì)原則。這四個(gè)原則是設(shè)計(jì)中最基礎(chǔ)也最簡(jiǎn)單的原則。遵循了這四個(gè)原則，就可以讓你更快速、有效、直觀(guān)地呈現(xiàn)關(guān)鍵信息。

圖來(lái)自 Edman

1/ 親近 Proximity

設(shè)計(jì)喜歡將相關(guān)的元素組織在一起，和思維導(dǎo)圖中的分類(lèi)思想類(lèi)似，對(duì)于相似/同類(lèi)的想法，我們也喜歡進(jìn)行同類(lèi)項(xiàng)的合并和分組。這樣不僅讓你能更有條理地組織你的想法，也能達(dá)到結(jié)構(gòu)層次的清晰。

分類(lèi)和概括一直都是思維導(dǎo)圖的底層邏輯之一，不管是先總后分，還是先分后總，運(yùn)用 MEEC 原則（互相窮盡、互不重疊）把相同的東西進(jìn)行分類(lèi)和組織，并用概要和外框進(jìn)行總結(jié)和強(qiáng)調(diào)，可以讓你整張圖更簡(jiǎn)潔有重點(diǎn)。

2/ 對(duì)比 Contrast

對(duì)于信息的主次和不同重點(diǎn)的呈現(xiàn)，我們可以通過(guò)某些屬性的對(duì)比，比如：顏色、形狀、大小、長(zhǎng)度、字體、粗細(xì)、明暗等來(lái)增強(qiáng)整體的視覺(jué)效果。

在 XMind: ZEN 中你可以通過(guò)改變主題的形狀、顏色、邊框、寬度、文本大小等樣式來(lái)進(jìn)行主題的調(diào)整。可以通過(guò)改變其中一樣，或者幾樣的組合來(lái)進(jìn)行不同內(nèi)容的強(qiáng)調(diào)和區(qū)分。差異化能讓你的整張導(dǎo)圖變得更豐富，做到有主次，有區(qū)分。

3/ 重復(fù) Repetition

設(shè)計(jì)中有些元素會(huì)不斷重復(fù)出現(xiàn)以達(dá)到洗腦和統(tǒng)一的效果。這邊我們想強(qiáng)調(diào)的是，有時(shí)候重復(fù)的內(nèi)容需要保持統(tǒng)一，以增強(qiáng)內(nèi)容的和連貫性和一致性。在制作導(dǎo)圖的過(guò)程中，同級(jí)別和同類(lèi)的主題間需要保持樣式的一致，才不會(huì)打破整體導(dǎo)圖的平衡。

4/ 對(duì)齊 Aligment

設(shè)計(jì)中元素總是會(huì)按照一定基準(zhǔn)排列起來(lái)，因?yàn)?strong>對(duì)齊會(huì)顯得更有條理，有秩序感，更容易形成視覺(jué)關(guān)聯(lián)。如果你的思維導(dǎo)圖中存在較多的自由主題，將他們按照一定的秩序進(jìn)行對(duì)齊排列會(huì)讓整張導(dǎo)圖的可讀性大大提高。

//什么是好看的導(dǎo)圖 //

在了解了這四個(gè)設(shè)計(jì)原則后，我們先來(lái)看一張手繪思維導(dǎo)圖。

圖來(lái)自 Mango

這是一張可讀性和顏值都非常高的手繪思維導(dǎo)圖，它做到了結(jié)構(gòu)美（層級(jí)清晰、結(jié)構(gòu)均衡、重點(diǎn)突出）、色彩美（配色協(xié)調(diào)）、線(xiàn)條美（靈動(dòng)流暢），還有圖形美（圖像恰到好處，非常生動(dòng)）。

如果能做到以上這幾點(diǎn)，不只是手繪，用軟件也能畫(huà)出高顏值的導(dǎo)圖。接下來(lái)我們就從結(jié)構(gòu)、色彩、圖像等幾個(gè)角度來(lái)聊聊如何用 XMind: ZEN 繪制高顏值的導(dǎo)圖。

// 結(jié)構(gòu) //

結(jié)構(gòu)是一張思維導(dǎo)圖的骨干，體現(xiàn)了你思考的邏輯。清晰的結(jié)構(gòu)和突出的重點(diǎn)突出能極大提高思維導(dǎo)圖的可讀性。

關(guān)于如何梳理邏輯，強(qiáng)烈推薦閱讀之前的推文  精讀筆記 | 一文讀透《金字塔原理》，今天我們主要從顏值的角度來(lái)談?wù)劷Y(jié)構(gòu)。

1/靈活選擇軟件內(nèi)自帶的思維結(jié)構(gòu)

XMind: ZEN 在軟件內(nèi)提供了各種思維結(jié)構(gòu)，你可以根據(jù)自己的思維邏輯，選擇特定的結(jié)構(gòu)來(lái)進(jìn)行思維的發(fā)散和整理。

☆ 平衡圖：思維導(dǎo)圖最基礎(chǔ)的結(jié)構(gòu)，可用來(lái)發(fā)散和縱深思考

▼

平衡圖

☆  邏輯圖：表達(dá)總分關(guān)系或分總關(guān)系等

▼

邏輯圖

☆  時(shí)間軸：表示事件順序或者事情的先后邏輯

▼

時(shí)間軸

☆  組織結(jié)構(gòu)圖：可以做組織層次的人員構(gòu)成或金字塔結(jié)構(gòu)

▼

組織結(jié)構(gòu)圖

☆  魚(yú)骨圖：比較清晰地表達(dá)因果關(guān)系

▼

魚(yú)骨圖

☆  矩陣圖：可以用來(lái)做項(xiàng)目的任務(wù)管理或個(gè)人計(jì)劃

▼

矩陣圖

2/ 不同思維結(jié)構(gòu)可以進(jìn)行混搭

當(dāng)你的思維和內(nèi)容足夠豐富和復(fù)雜時(shí)，可以考慮混用不同的結(jié)構(gòu)來(lái)綜合表達(dá)你的邏輯。因?yàn)槊恳粡堄?XMind 制作的導(dǎo)圖都可以結(jié)合多種不同的結(jié)構(gòu)形式，每一個(gè)分支都可以是一個(gè)不同的結(jié)構(gòu)。你可以結(jié)合各種縱向的、橫向的思維方式，來(lái)表達(dá)你腦中的復(fù)雜想法。

 使用方法：選中分支主題，在樣式中選擇結(jié)構(gòu)即可。

3/ 開(kāi)啟自動(dòng)平衡布局

當(dāng)你在運(yùn)用平衡圖進(jìn)行思維的發(fā)散時(shí)，可以開(kāi)啟「自動(dòng)平衡布局」來(lái)讓整體的內(nèi)容分布更均衡。

 使用方法：點(diǎn)擊導(dǎo)圖空白處，在「畫(huà)布」中的高級(jí)布局選項(xiàng)中勾選「自動(dòng)平衡布局」。

4/ 對(duì)齊你的自由主題

XMind: ZEN 中自由主題打破了軟件提供的結(jié)構(gòu)的限制，你可以在任何位置進(jìn)行添加。但正如設(shè)計(jì)四原則中的對(duì)齊原則中所描述的，對(duì)齊會(huì)顯得更有條理，有秩序感，更容易形成視覺(jué)關(guān)聯(lián)。

 使用方法：選中需要對(duì)齊的自由主題，鼠標(biāo)右鍵喚出「自由主題對(duì)齊」選擇對(duì)齊方式即可。

// 色彩 //

顏色是非常重要的視覺(jué)呈現(xiàn)方式，你可以用不同的顏色來(lái)區(qū)分不同的主題和信息。豐富的色彩可以給大腦帶來(lái)刺激，留下更深刻的印象。而合理的配色能讓整張導(dǎo)圖向好看更近一步。

1/  選擇軟件自帶的模板

XMind: ZEN 自帶的模板本身就具有極高的顏值，懶得在圖片美化和考慮配色花功夫的童鞋直接使用模板就可以做出很漂亮的導(dǎo)圖。

比如圖庫(kù)中的這張導(dǎo)圖，結(jié)構(gòu)清晰，非常簡(jiǎn)潔優(yōu)雅。

2/  開(kāi)啟彩虹分支

當(dāng)你想對(duì)導(dǎo)圖進(jìn)行色彩的美化，又不想在配色上花費(fèi)太多時(shí)間時(shí)，可以直接在畫(huà)布的高級(jí)線(xiàn)形中開(kāi)啟「彩虹分支」。

3/ 均衡的配色

除了用 XMind: ZEN 的彩虹分支外，還可以靈活運(yùn)用 XMind: ZEN 的顏色面板來(lái)進(jìn)行顏色的自定義。你可以參考好看的配色，用取色器來(lái)進(jìn)行顏色的調(diào)整。

在進(jìn)行顏色的設(shè)置時(shí)，可以通過(guò)降低顏色的飽和度來(lái)達(dá)到視覺(jué)上的舒適度。

配色推薦懶人的配色網(wǎng)站 Color Hunt

4/ 將樣式同步到所有的主題

當(dāng)你修改了主題的顏色或其他樣式，可以將樣式更新到所有同級(jí)的主題，或更新至所有的子主題，快速地進(jìn)行樣式的同步。

此外，還可以用「拷貝樣式」和「黏貼樣式」來(lái)進(jìn)行樣式的同步。

// 圖像 //

圖像是思維導(dǎo)圖中很重要的一部分，和只有干巴巴文字的導(dǎo)圖相比，一張形象生動(dòng)的思維導(dǎo)圖更能刺激大腦產(chǎn)生聯(lián)系，從而幫助記憶。當(dāng)你的思維導(dǎo)圖承載了更多記憶的功能時(shí)，不妨嘗試著用圖像去豐富它。

1/  插入軟件自帶的貼紙和標(biāo)記

XMind: ZEN 自帶的貼紙已經(jīng)可以滿(mǎn)足你大部分使用場(chǎng)景。

你還可以用標(biāo)記來(lái)分配任務(wù)，進(jìn)行高效的項(xiàng)目管理。這邊可以查看我們之前的推文 拒絕瞎忙，一招教你搞定高效的項(xiàng)目管理。

2/  插入外網(wǎng)圖標(biāo)

當(dāng)本地的圖標(biāo)不夠用時(shí)，可以借助其他免費(fèi)的圖標(biāo)網(wǎng)站。

推薦幾個(gè)：

iconfont 

Noun Project

Iconstore

3/  插入圖片

在插入圖片的時(shí)候，可以盡量選取風(fēng)格較類(lèi)似的圖片來(lái)達(dá)到風(fēng)格的統(tǒng)一。

4/ 插入 GIF 動(dòng)圖

關(guān)于插入 GIF 動(dòng)圖的教程，可以查看我們之前的推文 會(huì)動(dòng)的思維導(dǎo)圖簡(jiǎn)直酷到?jīng)]朋友，了解一下。