复制链接成功
返回博客首页

如何用 Xmind 制作竖屏导图?

如何用 Xmind 制作竖屏导图?

hi!各位导图爱好者大家好,我是齐小米~上一期向大家分享了如何用竖屏思维导图做阅读输出,很荣幸我的导图受到大家的喜爱,也收到很多小伙伴的提问,问题包括但不限于:

  • 竖屏思维导图是怎样做的?
  • 你使用的是 XMind 中的哪种结构?
  • 如何能做出这样具有可观性的导图的?
  • 你只用 XMind 就可以实现吗?

那这一期就分享关于竖屏思维导图的具体制作方法,以解答众多竖屏思维导图爱好者的疑问,并希望能给大家的导图制作带来更多的启发,实现更多可能性!

image

01 竖屏思维导图是如何制作的?

1. 利用 XMind 2020 中的现有结构进行变身

XMind 2020 中现有 16 种结构如下,其中逻辑图向右、树状图向右、时间轴向下和矩阵是我常用的竖屏思维导图的结构,对这三种结构进行变身,即可获得一张竖屏思维导图。

image

(1)逻辑图(向右)结构变身

如下图示,是一张常用的逻辑图(向右)的结构,将它变为竖屏导图只需两步——

image

第一步:将中心主题+线条隐藏

image

第二步:在内容的最上方双击界面新建一个自由主题为标题,宽度设置为和主内容宽度一致

image

也可以选中最上面的主题,工具栏执行【插入-主题(之前)】,在最上方插入一个主题。这样插入后的主题是和下面的内容为一体,方便整体移动。

image

这样就把逻辑图变成了竖屏导图的结构啦!我们曾经做过的很多导图,都可以通过这种方式转变成竖屏图。

image

例如,这张导图的结构就是通过这种方式变身而成的。

image

这种结构比较适用于整体比较有逻辑性,知识层级为 2-3 级的内容。

(2)树状图(向右)结构变身

第二种比较常用的导图结构是树状图(向右)的结构,通过它也可以进行竖屏导图的变身。

image

树状图的变身可以和逻辑图达到相似的效果,先把中心主题和分支线条隐藏掉,然后在上方加入自由主题,或者在最上面的主题前面加入一个主题。

image

image

最终可以得到如下的效果。

image

这样的导图结构比较适用于依次递进的内容结构,比如步骤解析(第一步、第二步、第三步),或者并列的几项内容和具体的解析。

但是输出整体的图片来看会发现,整个画面相对来说会略微分散,而且由于一级主题的线条隐藏掉,导致每一个主题之间的关系没有联系起来,和标题之间也没有连接,因而,对于树状图可以采用更为进阶的方式。如下:

①中心主题隐藏,但线条不隐藏,添加自由主题做为主标题

image

②这样得出的效果会发现左下方有过多留白,导致画面整体不够协调,因此可以最后加一个主题,用来写总结性的话语或者相关内容来源/制图人等。

image

此外,这里二级主题的文字较少的时候,我们看画面是没问题的,但当二级主题文字过多时会发现,树状图的一个特点也是劣势的是,下一级的线条对应的是上一级主题的中心位置,所以就会导致左下方的留白过多。如下面的方式:

image

对于这一问题,我们依旧借用自由主题,来把三级主题的内容分支线统一挪到前面。步骤如下:

1)新建一个自由主题备用 2)把原有的三级内容拷贝,粘贴到自由主题中留存 3)原三级主题填充取消,文字删除,线条隐藏 4)把自由主题设置为“树状图(向右)”,标题填充取消、文字删除 5)自由主题挪到二级主题下方合适位置

image

这样树状图(向右)的结构就可以变身为更为紧密的竖屏导图啦!

image

例如我在“和潇洒姐写作 100 天”的课程导图中,所有的导图版式都是利用这一结构来完成的:

image

(3)时间轴(向下)和矩阵结构

时间轴(向下)和矩阵结构这两种正常制作,就能够制作出竖屏的形式,因此也非常适合做竖屏导图。

时间轴的结构比较适用于按照时间顺序演进的知识点以及步骤类的内容。以时间轴为主结构,分支结构采用逻辑向右或者树状向右,可以让整体设计更具有可观性。如下图的结构即是时间轴+树状向右的结合。

image

矩阵结构如同 excel 的表格,对于有交叉的知识点十分适合。例如:

image

这部分内容不详细赘述啦,制作过程中无需过多技巧的操作,大家可以在实践中进行摸索。

2.利用自由主题+联系线发挥更多的可能性

以上的内容都是借助 XMind 现有的结构来完成,操作起来比较便利,但缺点是具有局限性。在实际的导图制作过程中,我更喜欢采用自由主题进行设计。把 XMind 的界面当做一个画布,在画布上通过自由主题和联系线等进行“作画”,“创作”出更符合知识逻辑的导图展示。

(1)合理利用“联系线”将界面进行分区

①弓字型/路线型

弓字型或者路线型的导图结构能够使界面整体看起来简洁、清晰,并且很适用于前后有连接或者递进关系的逻辑表达。以逻辑图(向右)的思维导图为例进行变身,具体步骤如下:

1)所有二级主题选中,拎出来,中心主题隐藏掉 2)二级主题相隔选中,设为逻辑图(向左) 3)将相邻两个二级主题联系起来,联系线改为“Z字线” 4)其他同理

image

5)调整具体内容,最上方加主标题即可。

image

例如:我做过的这张《未来学校》的导图即是这种结构

image

②框线型

XMind 2020 自带“外框”的功能,在很多场合都可以应用它把知识内容框起来,以展示成一个个小知识点的集合。比如这张樊登老师的《读懂一本书》的部分导图。

image

我把一大章节的内容,总结成 4 个要点,每个要点下又有不同的小点,这样通过外框的分区,能够更加清晰的掌握内容,也比单纯靠分支节省空间。这种外框的制作方式是:以上 4 项都各是一个自由主题的二级和三级,只不过我把一级的填充颜色和分支线条隐藏掉了。

image

这种外框的利用在我的实践中应用的非常多,但它的一个劣势是适用范围依旧受限,对于内部知识点并非所属同一自由主题下的,则不适用外框。因此我平时还会用自由主题+联系线的方式来进行外框的设计。

关于框线型的导图,被问到最多的就是这张《大脑健身房》的导图了,这张导图是由众多的自由主题和联系线组成的,关于自由主题在下一部分讲,这里先来说一下联系线组成的框线。

image

具体的制作步骤是:

1)添加 4 个自由主题,作为长方形的四个角 2)利用 XMind 会员版对齐的功能,将他们依次对齐 3)文字删除,形状调整为圆形或者菱形 4)建立联系线,并统一调整为直线,改变起点终点样式、线条样式和颜色 5)四个角落可以通过调整字号的方式缩小

image

通过这种方式可以在任何形式下、对任何内容进行外框的设置,应用场景和范围十分广泛,也可以仅用两个自由主题相互连接的方式来作为分割线条使用(比如本文末《上瘾》导图的标题)。

(2)合理使用“自由主题”将内容进行展示

此外,除了利用自由主题+联系线进行外框的设计外,知识点的逻辑依旧可以用自由主题来进行展示,比如上面提到的《大脑健身房》的导图,几乎都是由一个个自由主题来进行设计,并通过联系线的方式进行连接起来的!

image

再比如这张《感官品牌》的导图,中间的圆盘部分也是通过 XMind 的自由主题+联系线的方式完成的

image

所以,通过以上的方式,就会发现,在 XMind 中我们可以发挥无限的天马行空的想象力,在画布中施展技能,每一张导图可以是思维的展示,也可以是一副精美的画作!

02 制作竖屏思维导图的一些 Tips

关于制作竖屏思维导图,有一些小技巧,也一并分享给大家,以期帮助你们在制作过程中少走一点弯路。

1.宽度统一,字号合适

XMind 2020 中,对于单个主题的宽度最长为 1024,但以保证我们制作出的导图以及导图上的文字在手机屏幕上看能够清晰可观,建议大家制作导图时,整个界面的宽度设置为 650 左右,对应字号正文内容字号 18,标题可以适当加大 2-4 字号。这样输出后的导图,刚好符合手机屏幕观看。此外,在制作导图时,同级主题的宽度、字号、颜色统一,能够让整张导图更加具有系统性。

2.主题层级控制在 3 级内

由于竖屏导图是右上至下的观看习惯,所以建议在制作导图的过程中,横向级别尽量不要超过 3 级。横向级别过多,一方面会导致界面混乱,达不到竖屏导图的效果,另一方面,超过 3 级也不利于观看者的阅读和逻辑的梳理。

如若实在有内容过多,需要第四级的内容来展示,可以采用如下方式:

①一级标题,可以设置为竖排展示。

image

【选中主题-宽度设为 1 】即可竖排展示

②第四级标题可以放进第三级标题的下方,以特殊颜色/标记/字号/字体来区分

image

3.勾选“灵活自由主题”和“主题层叠”

应用自由主题进行制作时请勾选“灵活自由主题”和“主题层叠”,如果不勾选,你在制作的时候就会发现,自由主题常常会合并到中心主题的某一分支中去啦!

image

03 其他工具配合

最后,解答一下关于很多小伙伴提问的,除了使用 XMind 2020 以外,我还使用其他工具吗?

是的,我还使用,但一定是每一个新手小白都很容易操作的工具,不要担心!

1.看图工具——裁切功能

这是每个电脑中都必有的工具,而几乎任何任何一个看图工具都有裁切的功能,它是帮助我们裁切掉 XMind 2020 自动导出后多余的白边的。

image

2.美化装饰——PPT

此外,我会使用 PPT 来进行二次美化,比如加边框、图片、装饰等。这里将不详细赘述啦!

image

那本期关于如何用 XMind 2020 制作竖屏思维导图的分享就到这里啦!希望对大家有帮助~

愿你我都能在导图中获得成长,在 XMind 中发现更多可能性!

免费下载Xmind
免费下载Xmind