用 Xmind 四步做出豎屏導(dǎo)圖！超簡單！

打開網(wǎng)易新聞 查看精彩圖片

提到豎屏導(dǎo)圖，相信大家應(yīng)該都不陌生。比起傳統(tǒng)的思維導(dǎo)圖，豎屏導(dǎo)圖好看、清晰，而且更方便在手機上閱讀，很適合用于讀書筆記、知識卡片、個人復(fù)盤與時間規(guī)劃等。

雖然這種圖看起來復(fù)雜，但其實技巧并不高階，新手也完全可以嘗試。今天，醬醬手把手教大家如何用 Xmind 輕松做出豎屏導(dǎo)圖。

01

豎屏導(dǎo)圖的邏輯

思維導(dǎo)圖具有嚴格的總分關(guān)系邏輯，中心主題是整張圖的核心所在，從中心向四周發(fā)散，每個分支主題都與其強關(guān)聯(lián)。

豎屏導(dǎo)圖雖然與此有所不同，但也具有很高的靈活性，可以把中心主題和分支主題拆分開來。每個分支相互間可以有邏輯關(guān)聯(lián)，也可以只是信息的陳列。在導(dǎo)圖的結(jié)構(gòu)方面，可以混用各種結(jié)構(gòu)，例如下圖所示的結(jié)構(gòu)，也靈活運用自由主題和聯(lián)系來表達復(fù)雜的邏輯和想法。

02

怎么用 Xmind 畫豎屏導(dǎo)圖

豎屏導(dǎo)圖沒有嚴格的形式與結(jié)構(gòu)的要求，可以利用 Xmind 的靈活性來進行內(nèi)容的呈現(xiàn)。接下來，醬醬介紹三種繪制豎屏導(dǎo)圖的方法。

方法一：使用時間軸與樹型表格結(jié)構(gòu)

利用 Xmind 現(xiàn)有的結(jié)構(gòu)來制作豎屏導(dǎo)圖是最容易上手的。例如下面這種好看又清晰的豎屏圖，就是從「時間軸結(jié)構(gòu)」變身來的，非常適合新手，兩步就可以搞定。你只需要將原有的思維導(dǎo)圖變成時間軸，或者新建一個時間軸，然后在樣式中將結(jié)構(gòu)切換成垂直結(jié)構(gòu)，即可快速實現(xiàn)豎屏圖。

打開網(wǎng)易新聞 查看精彩圖片

格式面板 ? 結(jié)構(gòu)「時間軸」? 方向「垂直」

簡單易上手的還有「樹型表格」，只需要將結(jié)構(gòu)切換為樹型表格即可。這種豎屏導(dǎo)圖類似 Excel 表格，對于有交叉的知識點十分適合。

打開網(wǎng)易新聞 查看精彩圖片

格式面板 ? 結(jié)構(gòu)「樹型表格」

方法二：隱藏中心主題與分支線條

我們更常見的這種豎版圖，是通過隱藏中心主題和分支線條來創(chuàng)建的，一般可以用于知識卡片與讀書筆記。雖然看起來很復(fù)雜，但只要掌握了技巧，就很容易輕松上手。

第一步，選擇向右的邏輯圖結(jié)構(gòu)；第二步，隱藏中心主題與分支線條，選擇同級主題對齊；最后，在頂部雙擊界面新建一個自由主題作為標題。這樣，一張豎屏圖就出爐了。

打開網(wǎng)易新聞 查看精彩圖片

方法三： 利用自由主題擴充內(nèi)容

上面兩種方式都可以借助 Xmind 現(xiàn)有的結(jié)構(gòu)來完成的，比較容易上手，但是具有局限性。這時候我們可以借助自由主題來擴充內(nèi)容。在 Xmind 里，自由主題是很神奇的存在，它不受結(jié)構(gòu)約束，你可以在任意地方創(chuàng)建一個自由主題。每個自由主題可以使用不同的結(jié)構(gòu)，你可以根據(jù)內(nèi)容來選擇合適的結(jié)構(gòu)。

在繪制豎版圖的時候，我們可以把自由主題當(dāng)成俄羅斯方塊，哪里需要疊哪里，用來做內(nèi)容的堆疊。像下面的豎屏圖，都需要借助自由主題做出來。

接下來，醬醬邀請設(shè)計師來還原非常受大家喜歡的《卡片筆記寫作法》豎版圖，在還原過程中還會分享怎么美化豎版圖的技巧，一起往下看??

▼點擊展開豎屏圖▼

03

手把手還原一張豎屏導(dǎo)圖

上面這張圖看似復(fù)雜，其實簡單四步就 可以搞定。

Step 1 : 選擇合適結(jié)構(gòu)，梳理文章內(nèi)容

首先，新建一個主題，把結(jié)構(gòu)變成「邏輯圖」，然后雙擊加入一個自由主題，選擇插入這本書的封面圖。接下來，我們可以按照以下結(jié)構(gòu)來梳理這本書的內(nèi)容：「標題-作者/副標題-前言-章節(jié)-小點-內(nèi)容-總結(jié)/個人水印」，大家也可以根據(jù)書自身的結(jié)構(gòu)進行微調(diào)和更改。

Step 2 : 開始魔法

把內(nèi)容梳理完之后，思維導(dǎo)圖的初步框架就形成了，此時這張圖看不出明確的層級關(guān)系，不知道重點在哪。這時候我們可以通過字號、字重、主題樣式與顏色來區(qū)分各個主題的重要程度。在變身之前，我們可以先取消樣式欄中的「彩虹分支」，這樣可以保證接下來的排版不會被智能配色影響到。同時，勾選??格式面板中的「靈活自由主題」與「主題層疊」。

排版的過程也是標記重要級的過程，比如書的標題通常屬于一級重要程度，需要在原有的基礎(chǔ)上增強視覺呈現(xiàn)，可以通過「更改形狀 ? 添加外框 ? 選擇手繪填充 ? 更改字重字號」來進行調(diào)整。

打開網(wǎng)易新聞 查看精彩圖片

“副標題和作者信息”在第二層，論重要程度小于大標題。我們可以點擊「取消填充」，并保持各個信息的樣式統(tǒng)一。

打開網(wǎng)易新聞 查看精彩圖片

“前言”部分也需要做出獨特樣式，以便與章節(jié)正文區(qū)分開來。我們可以通過以下步驟進行調(diào)整：統(tǒng)一寬度 ?降低不透明度 ?增加邊框。

打開網(wǎng)易新聞 查看精彩圖片

對于章節(jié)標題與內(nèi)容部分，我們同樣需要按照字體與樣式進行層級區(qū)分。這里可以通過「對章節(jié)標題進行字重字號加大?更改填充樣式?對內(nèi)容部分進行小字號縮小統(tǒng)一」進行調(diào)整。只要對這一塊區(qū)域進行好調(diào)整，其他章節(jié)就可以照葫蘆畫瓢了。

Step 3 : 美化導(dǎo)圖配色

很多人在調(diào)整豎屏導(dǎo)圖的配色時經(jīng)常感覺很頭疼，不知道從何下手。其實 Xmind 的智能配色已經(jīng)給大家搭配好了多種好看的配色方案，只要一鍵就可以擁有好看的配色。

打開網(wǎng)易新聞 查看精彩圖片

如果你想要自定義配色，可以就近取材，先吸取書籍封面的顏色，然后按照主色占80%、輔助色15%、點綴色5%依次排列，排列好后再根據(jù)重要級程度與個人喜好填充進去。

打開網(wǎng)易新聞 查看精彩圖片

如果只確定了主色，不知道輔助色和點綴色怎么選，也可以試試這2種設(shè)計師常用的配色思路。

第一種是相似色配色法，相似色是在色輪上相鄰的三色或四色的顏色組合。先確定好一種主色，比如書里吸出來的藍色，有了主色后，生成一個色輪，取相鄰顏色就可以。

如果你想要一鍵切換配色，還可以通過新增自定義配色方案來快速搞定配色。你只需要先將色輪生成的顏色填充在主題框中，點擊樣式面板中的?，即可新建配色方案。你可以通過吸色工具吸取六種相近色以生成配色方案，智能算法會根據(jù)這六種顏色生成六種適合不同場景的配色方案。

打開網(wǎng)易新聞 查看精彩圖片

第二種是單色配色法，可以通過調(diào)整明度和純度，來區(qū)分重要級。我們可以選中喜歡的顏色，直接在填充面板調(diào)整。

打開網(wǎng)易新聞 查看精彩圖片

Step 4 : 巧用 Map Shot 設(shè)置外框

在做完基本的美化調(diào)整后，一張好看清晰的豎版圖就做出來啦。這時候可以用 Xmind 的Map Shot 功能導(dǎo)出，可以清晰完整地把豎版圖截下來，還可以給圖加顏色或陰影的邊框。

打開網(wǎng)易新聞 查看精彩圖片

效果如下圖所示，整一個頂呱呱。

▼點擊展開豎屏圖▼

如果你想看視頻版的教程，可以戳下方豎版圖視頻進行觀看

還想看更高階的雜志風(fēng)豎版圖怎么做嗎？這里也有關(guān)于雜志風(fēng)豎版圖高階玩法的視頻～

打開網(wǎng)易新聞 查看精彩圖片