2019年8月30日
如何创建一幅美丽的思维导图——原则、示例和技巧
思维导图是一种可视化思维工具。我们用它来可视化我们的想法并获取整体图景。当思维导图变得复杂时,思维导图的可读性对观众来说是一个巨大的挑战。
虽然如果您仅为自己制作思维导图是没有问题的,但您的观众可能不会这么认为。
今天我们将论述如何使用 XMind 2020 中的功能来绘制美丽的思维导图。

## 创建思维导图示例的原则
在深入了解功能之前,我们可以首先看看《非设计师的设计书》中的四个主要原则。这四个原则是设计中最基本的。通过思考这四个原则,您可以更快速、有效和直观地展示关键信息。

1/ 贴近 - 将相关项目分组在同一组内
将相关元素组织在一起。对于相似或相关的想法,我们可以通过分组或合并(边界、总结、创建父节点、应用相同样式等)来组织它们。贴近原则不仅有助于您的展示,还可以迫使您实现最清晰的组织。

MECE 原则(互相排除,集体穷尽)是检查您是否以最佳方式分类和组织的良好框架。
2/ 对齐 - 组织不同的图表
地图上的每个元素应始终与某个基准线对齐。通过对齐,无论信息多么复杂,整个图表都能更好地组织起来并带有更好的视觉关联。如果您的思维导图中有更多自由样式的图表,将它们按一定顺序对齐将极大地提高整个地图的可读性。

相关功能:对齐浮动主题
3/ 对比 - 在同一组内突出显示
为了在主要和次要层次之间进行区分,我们可以使用颜色、形状、大小、长度、字体、厚度和亮度等某些属性的对比。区分使您的整张地图在意义上更加丰富。

相关功能:快速样式
4/ 重复 - 在整个地图中施加一致性
设计中的重复元素有助于实现统一,并加强观众对地图的理解。该原则帮助我们连接其他三个原则。您需要从上到下设计和规划整个地图中的模式。一旦确立,保持在整个表格中。
我们经常发现思维导图可能会变得凌乱,尤其是在思维制图者将几个导图合并成一个时。并不是说合并地图是错误的,而是它会破坏设计模式中的一致性。

相关功能:快速样式
一个思维导图示例
牢记四个设计原则,我们来看一个手绘的思维导图,看看它的优点和缺点。

它做得好的方面
它很好地处理了贴近、对齐和重复。
这个地图使用经典的对齐方式:居中对齐。它将战略地图置于顶部,附加部分置于底部。
就重复而言,战略部分在分支形状、文字颜色和文本大小上显示出一致性。橙色突出了读者的关键主题。
分支颜色调色板展示了重复(饱和度和亮度)和对比(色调)。这张手绘思维导图展示了良好的可读性。
需要改进的地方
文本之间的尺寸对比不足以创建清晰的视觉和信息层次。而蓝色在两个不同分支上的重复使用可能误导读者将它们关联起来。
总的来说,这是一个优质的思维导图。
接下来,我们将深入探讨 XMind 的功能,这些功能可以“美化”我们的图表。
贴近和对齐 - 结构与布局
结构是思维导图的骨架,反映了您的思维逻辑。清晰的结构和突出的重点可以显著提高思维导图的可读性。
然而,我们不会在接下来的指南中详细揭示逻辑部分。我们强烈推荐您查看金字塔原则进行逻辑训练。
今天我们将重点关注结构的可视化部分。
1/ 选择合适的结构
XMind 2020在软件中提供了多种思维结构。但不同结构各有利弊。
☆ 平衡导图:思维导图的最基本结构,有助于您集思广益。但由于信息被扩散开来,读者不容易紧跟逻辑顺序。

☆ 逻辑图:严格来说,逻辑图仅指展示正规逻辑的图表。但在 XMind 中,它更像是单向的思维导图。它帮助人们遵循思维的逻辑顺序。然而,当您扩展您的想法时,图表可能会变得非常长。不过,如果您在移动设备上阅读导图,这可能是一个加分项。

☆ 时间轴:指示事件或程序顺序的图表。

☆ 组织结构图:最适合展示金字塔结构层次的图表。

☆ 鱼骨图:更明确的因果表达。下面是一个例子,展示如何使用鱼骨在5层级拆解一个问题。您也可以添加更多元素来拆解,但在这种情况下要超过三个层级就很难了。因为鱼骨可能会让阅读变得困难。鱼骨的另一个缺点是难以连接分支间的关系。您可以在这里了解更多关于鱼骨图的信息并下载模板。

☆ 矩阵:为展示多对多关系而生的图表,包括看板、产品线比较和SWOT分析。它非常强大,因为它是多维的。如果您想了解我们如何创建下面的 SWOT 和周计划表,您可以查看有关 XMind 矩阵的深入指南。您可以下载各种矩阵模板。虽然这个图表功能强大,但使用起来比其他图表更复杂。

2/ 其他提示
混合结构。混合不同结构是处理复杂逻辑的理想解决方案。地图中的每个分支可以切换为不同的结构。您可以组合各种图表进行垂直和水平延展,以引导读者的注意力。

自动平衡导图。当您使用平衡图进行思维多元化时,您可以启用“自动平衡导图”来平衡布局。

使用方法:点击地图的空白区域或中心主题,然后选择“导图”部分,并在“高级布局”选项中勾选“自动平衡布局”复选框。
对齐浮动主题。ZEN 中的自由对齐打破了软件提供的结构限制。但我们应始终牢记要组织对齐,以获得更好的视觉关联。

使用方法:选择您要对齐的主题,右键点击并选择“对齐浮动主题”以选择对齐方式。
对比与重复 - 颜色
颜色是视觉呈现的重要元素。您可以使用不同的颜色来区分不同的主题和信息。丰富的色彩可以刺激大脑并留下更深的印象。合理的配色方案可以使整个地图看起来更好。
1/ 从内置样式开始
模板。模板库让您无需在元素之间匹配颜色。最懒惰和安全的选择是直接从模板开始。

快速样式。如果您想在主题中增加一些对比,您可以尝试快速样式来突出特别主题。

多分支颜色。一键应用于所有分支。多分支颜色确保您有序地对比色彩。点击地图的中心主题或空白区域。然后,您可以在“导图”面板中勾选“多分支颜色”。

图像
2/ 创建您的调色板
匹配调色板。在 XMind 中使用颜色选择器存储所需的颜色。

图像
如果您对管理鲜艳色彩不太有信心,请始终选择低饱和度颜色。它们彼此友好且和谐相处。

图像
有关更多颜色匹配的想法,我们推荐Color Hunt。懒人的好消息 :D!

图像
应用样式。调整完成后,您可以更新样式到所有同级主题。

图像
此外,您可以使用“复制样式”和“粘贴样式”来复制样式。

图像
重复 - 图像的统一性
图像是思维导图的重要组成部分。与枯燥的文字相比,生动的思维导图可以刺激大脑进行连接。
当您的思维导图包含更多信息时,请尝试丰富它的图像。但请记住,选择风格相似的图像以实现设计统一。

图像
1/ 内置贴纸和标记
XMind 2020 的贴纸已经适用于您的大多数使用场景。

图像
您还可以使用标记来分配任务以进行高效项目管理。
2/ 设计师提供的图标
当本地图标不够时,您可以使用其他免费图标资源。

图像
推荐几个:Flaticon,Noun Project,以及Iconstore
3/ 插入 GIF 动画
我们有关于插入 GIF 动画的教程,如果您想为您的思维导图添加动画,请查看。我们强烈推荐GIPHY和Reddit以获取一些有趣的GIF。Animaticon也是一个很好的选择,如果您想要一套动画图标。

图像
更多关于美丽思维导图示例的建议
以上只是有关思维导图设计的一些原则和建议。您使用哪些工具来设计思维导图?在@xmind分享给我们吧!