菜单...

2019年8月30日

如何创建一幅美丽的思维导图——原则、示例和技巧

Loading...

思维导图是一种可视化思维工具。我们用它来可视化我们的想法并获取整体图景。当思维导图变得复杂时,思维导图的可读性对观众来说是一个巨大的挑战。

虽然如果您仅为自己制作思维导图是没有问题的,但您的观众可能不会这么认为。

今天我们将论述如何使用 XMind 2020 中的功能来绘制美丽的思维导图。

Mind map with a central idea branching into three related concepts on a dark background.

## 创建思维导图示例的原则

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

Infographic illustrating design principles: Contrast, Repetition, Alignment, Proximity, with definitions and visual examples.

1/ 贴近 - 将相关项目分组在同一组内

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

Multiple blue circles and squares on the left, arranged in a scattered pattern, transitioning to a vertical line of blue shapes on the right.

MECE 原则(互相排除,集体穷尽)是检查您是否以最佳方式分类和组织的良好框架。

2/ 对齐 - 组织不同的图表

地图上的每个元素应始终与某个基准线对齐。通过对齐,无论信息多么复杂,整个图表都能更好地组织起来并带有更好的视觉关联。如果您的思维导图中有更多自由样式的图表,将它们按一定顺序对齐将极大地提高整个地图的可读性。

Blue rectangular shapes arranged vertically and horizontally on a white background.

相关功能:对齐浮动主题

3/ 对比 - 在同一组内突出显示

为了在主要和次要层次之间进行区分,我们可以使用颜色、形状、大小、长度、字体、厚度和亮度等某些属性的对比。区分使您的整张地图在意义上更加丰富。

Two colored circles on the left labeled

相关功能:快速样式

4/ 重复 - 在整个地图中施加一致性

设计中的重复元素有助于实现统一,并加强观众对地图的理解。该原则帮助我们连接其他三个原则。您需要从上到下设计和规划整个地图中的模式。一旦确立,保持在整个表格中。

我们经常发现思维导图可能会变得凌乱,尤其是在思维制图者将几个导图合并成一个时。并不是说合并地图是错误的,而是它会破坏设计模式中的一致性。

Abstract arrangement of blue and light blue circles in various sizes on a white background.

相关功能:快速样式

一个思维导图示例

牢记四个设计原则,我们来看一个手绘的思维导图,看看它的优点和缺点。

Mind map titled

它做得好的方面

它很好地处理了贴近、对齐和重复。

这个地图使用经典的对齐方式:居中对齐。它将战略地图置于顶部,附加部分置于底部。

就重复而言,战略部分在分支形状、文字颜色和文本大小上显示出一致性。橙色突出了读者的关键主题。

分支颜色调色板展示了重复(饱和度和亮度)和对比(色调)。这张手绘思维导图展示了良好的可读性。

需要改进的地方

文本之间的尺寸对比不足以创建清晰的视觉和信息层次。而蓝色在两个不同分支上的重复使用可能误导读者将它们关联起来。

总的来说,这是一个优质的思维导图。

接下来,我们将深入探讨 XMind 的功能,这些功能可以“美化”我们的图表。

贴近和对齐 - 结构与布局

结构是思维导图的骨架,反映了您的思维逻辑。清晰的结构和突出的重点可以显著提高思维导图的可读性。

然而,我们不会在接下来的指南中详细揭示逻辑部分。我们强烈推荐您查看金字塔原则进行逻辑训练。

今天我们将重点关注结构的可视化部分。

1/ 选择合适的结构

XMind 2020在软件中提供了多种思维结构。但不同结构各有利弊。

☆ 平衡导图:思维导图的最基本结构,有助于您集思广益。但由于信息被扩散开来,读者不容易紧跟逻辑顺序。

Mind map illustrating basic tool usages in XMind, including visual, topic, additional, sheet, and assistance tools.

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

Mind map illustrating methods to improve decision-making skills, including avoiding impulsivity, holistic research, and structural thinking.

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

Flowchart outlining steps to reduce worry, featuring prompts for evaluating predictions and reflections on past experiences.

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

Organizational chart showing John Doe as President, with departments for Marketing, Sales, Accounting, and HR.

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

Flowchart illustrating user needs for collaboration tools and integration, highlighting various reasons for wanting integration.

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

Table outlining S.W.O.T. analysis with categories for Internal and External strengths, weaknesses, opportunities, and threats.

2/ 其他提示

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

Mind map titled

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

Mind map illustrating various XMind tool usages with labeled branches for Visual, Topic, Assistance, and Additional Tools.

使用方法:点击地图的空白区域或中心主题,然后选择“导图”部分,并在“高级布局”选项中勾选“自动平衡布局”复选框。

对齐浮动主题。ZEN 中的自由对齐打破了软件提供的结构限制。但我们应始终牢记要组织对齐,以获得更好的视觉关联。

Flowchart of a marketing funnel with stages: Awareness, Acquisition, Activation, Revenue, Retention, and Referral.

使用方法:选择您要对齐的主题,右键点击并选择“对齐浮动主题”以选择对齐方式。

对比与重复 - 颜色

颜色是视觉呈现的重要元素。您可以使用不同的颜色来区分不同的主题和信息。丰富的色彩可以刺激大脑并留下更深的印象。合理的配色方案可以使整个地图看起来更好。

1/ 从内置样式开始

模板。模板库让您无需在元素之间匹配颜色。最懒惰和安全的选择是直接从模板开始。

Selection of mind map templates displayed in a software interface, featuring various styles like Snowbrush, Classic, and Business.

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

A mind map layout detailing content strategy, subscriber types, and software usage with highlighted questions and styling options displayed.

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

Mind map displaying XMind tool usages with categories like Visual Tool, Topic Tool, Additional Tool, and Assistance Tool.

图像

2/ 创建您的调色板

匹配调色板。在 XMind 中使用颜色选择器存储所需的颜色。

Flowchart elements labeled Acquisition, Activation, Revenue, and Retention with a color picker tool on the side.

图像

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

Infographic explaining the meanings of different colors: red, orange, yellow, green, blue, cyan, purple, and magenta.

图像

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

Grid of color palettes showcasing various color combinations with likes displayed below each palette.

图像

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

Mind map titled

图像

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

Mind map outlining blog topics with a context menu showing options like Cut, Copy, Paste, and Delete.

图像

重复 - 图像的统一性

图像是思维导图的重要组成部分。与枯燥的文字相比,生动的思维导图可以刺激大脑进行连接。

当您的思维导图包含更多信息时,请尝试丰富它的图像。但请记住,选择风格相似的图像以实现设计统一。

Mind map of a shopping list with categories: Snacks, Afternoon Tea, Digital Devices, Groceries, and Stationery.

图像

1/ 内置贴纸和标记

XMind 2020 的贴纸已经适用于您的大多数使用场景。

A mind map titled

图像

您还可以使用标记来分配任务以进行高效项目管理。

2/ 设计师提供的图标

当本地图标不够时,您可以使用其他免费图标资源。

Grid of colorful icons featuring monsters, clothing items, people in bubbles, and food illustrations.

图像

推荐几个:FlaticonNoun Project,以及Iconstore

3/ 插入 GIF 动画

我们有关于插入 GIF 动画的教程,如果您想为您的思维导图添加动画,请查看。我们强烈推荐GIPHYReddit以获取一些有趣的GIF。Animaticon也是一个很好的选择,如果您想要一套动画图标。

Diagram illustrating Japanese syllabary with various rows and a flag of Japan.

图像

更多关于美丽思维导图示例的建议

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

更多文章

Xmind logo - mind map and brainstorming tool

功能

解决方案

资源

Xmind logo - mind map and brainstorming tool
Xmind logo - mind map and brainstorming tool
Xmind logo - mind map and brainstorming tool