什么是思维导图（非常详细）

思维导图，又称脑图、树枝图，是一种图像式思考的辅助工具，使用起来较为简单，却很有效。它还是一种将思维形象化的方法，通过放射状的发散形式将思路变得更有条理和更深入。

思维导图的作用

在原型设计的初期，如果设计师不具备系统的思考框架，设计出的产品原型就可能缺少操作流程、页面、控件，或者是相关人员没考虑好用户的需求及网页设计的目的，使得整个网页在用户体验方面有短板。在开始设计产品原型前，使用思维导图可以很好地解决这些问题。

思维导图对于产品原型设计有以下作用。

1) 优化大脑，提高沟通效率

人的大脑就像计算机的 C 盘，装的东西多了，就会卡顿。把一些资料存放在其他硬盘，能让计算机运行得更快。对于大脑来说也是如此，该用笔记下来的就记下来，不要让大脑太累了，让大脑做它真正该做的事。

设计师每天要做的事情很多，要记的事情也很多。在开发网站之前，如果能用思维导图把想法画出来，不但能减少很多与开发团队沟通的问题，而且能使开发工作更高效。

2) 防止记忆或沟通方面的遗漏

人的记忆有限，不可能记住所有的事情。设计制作网页时会有很多的功能点，设计师不可能全部记住。设计师可以根据网站的战略、商业模式等把想要实现的功能在思维导图中逐一罗列出来，这样在与开发团队沟通时就不会出现遗漏了。

3) 让思路变得有条理

当所有任务都清晰地展示在眼前，对该做的事情也有所了解后，设计师就会发现，其实开发一个网站也没有那么难，逐个去解决问题和完成任务就可以了。这样设计师不管是与开发团队还是与外部的供应商、经销商、用户或其他合作伙伴进行沟通，心里都会有底，而且非常有条理，先制作什么、后制作什么的思路也会很清晰。

所以，如果想要开发一个网站或 App 项目，首先使用思维导图软件把自己脑海里的思路全部“画”出来，这时可能会发现很多之前没有考虑到的点。

思维导图的基本类型

思维导图的基本类型有圆圈图、气泡图、树状图、桥形图、括号图和鱼骨图 6 种，还有很多类型是由基本类型延伸得到的，例如气泡图可以延伸为双气泡图。

1) 圆圈图

圆圈图由不同大小的圆圈组合而成，位于中间部分的圆圈是中心主题，一般会大一点，四周的圆圈是分支主题，稍微小一点，使用圆圈图可以培养想象力以及联想力，如下图所示。

2) 气泡图

气泡图包括单气泡图和双气泡图：

• 单气泡图由很多圆圈围绕中心主题所建立；
• 双气泡图由两个气泡思维导图组合而成，中间的部分是两个思维导图重合的部分，也就是总结内容时两个关键词都具备的特性，如下图所示。

3) 树状图

树状图就如同一棵大树，该类型的思维导图主要适用于对知识点进行归纳，可以在后期使用的时候清晰地展现要点，如下图所示。

4) 桥形图

桥形图是一种类比图，其整体造型和桥梁很像，水平与凸起部分具有相关性，如图 4 所示。

5) 括号图

括号图与树状图的功能相似，也常用于对知识点进行归纳，利用花括号可以对不同的主题进行详细讲解，如下图所示。

6) 鱼骨图

鱼骨图也是思维导图的一种，只是鱼骨图多用于讲解某件事情或者是解决问题的方法。不同于其他思维导图围绕中心主题进行搭建，鱼骨图主要按照先后顺序分析事物的发展状况以及内在逻辑，如下图所示。

思维导图软件介绍

目前流行的思维导图软件有很多，比较常用的有 MindMeister、XMind 和 MindManager，接下来分别介绍这 3 款软件。

1) MindMeister

MindMeister 是一款典型的思维导图软件，功能非常完善。作为一款在线头脑风暴应用软件，MindMeister 以协作为设计理念，能实时更新，可跨地点、多设备共享思维，在团队共创方面表现突出。

用户可以打开 MindMeister 的官方网站，如下图所示。用户注册并登录后，即可开始绘制思维导图。

2) XMind

XMind 是一款非常易用的软件，用户通过 XMind 可以随时开展头脑风暴，它能帮助用户快速厘清思路。

XMind 绘制的思维导图、鱼骨图、二维图、树状图、逻辑图、组织结构图等以结构化的方式展示具体的内容。用户在用 XMind 绘制图形的时候，可以时刻保持头脑清醒，随时把握计划或任务的全局。XMind 可以帮助用户在学习和工作中提高效率。

用户可以在 XMind 和 XMind ZEN 两个版本中选择。XMind ZEN 是在 XMind 基础上重新设计的版本，不但具备 XMind 全面的思维导图功能，还有重新设计的界面和交互方式。

下图所示为 XMind ZEN 的工作界面。