进阶教程｜你必须掌握的思维导图配色指南Xmind思维导图中文博客官网

色彩，在思维导图上是一种锦上添花的元素，除了让画面看起来更加赏心悦目，它也是反映思维发散性和层次性的重要指示。

今天就教大家如何用漂亮的色彩搭配来装点自己的思维导图。

关键词：色相，饱和度，亮度

在开始学习配色之前，先来了解一个有关色彩的基础小常识，这会更加有利于配色学习的进阶，或是更好地欣赏、借鉴和临摹专业的配色。

提到颜色，常见色相、饱和度和亮度这三个词，然而大部分人却不尽知其意，这次就带领大家一次了解透彻。

颜色是具有象征意义的。

关键词：层级结构

为思维导图配色有什么特别的技巧？

先来看看XMind设计师的高效tips：

接下来给大家推荐两个配色小方法：

以XMind思维导图自带模板为例。

导图主题为「资产负债表」，与商业关联较大，因此选用代表冷静可靠的蓝色为主色调。

图中的背景、中心主题、分支主题、线条和文字共有4种颜色。除白色文字外，其余3种颜色均是以蓝色为主色，同时调节饱和度与亮度得到的配色。

（上：中心主题色；左下：分支主题色；右下：背景色）

可以看到3个色调均是围绕215度上下。

同一色相的不同饱和度与亮度，来体现画面的张弛有度，从而反映出思维的不同层次。

如果了解以上知识可以初窥配色的门径，那么掌握接下来这个方法则能够直接飞升大师段位。

首先推荐两款配色工具：

ColorHunt：小清新、现成

ColorHunt是一个配色方案收集网站，每日更新，风格偏向小清新。你可以直接在这里找到现成的配色方案。

但是根据「颜色是为了增强内容表达而存在」的原则，应该首先思考主题的内涵和颜色的意义，再通过工具寻找灵感。

Palettable：从零开始搭建

如果完全没有想法，甚至无法确定第一个颜色，可以打开Palettable，从第一个颜色开始，通过「喜欢」和「不喜欢」决定是否接受随机生成的颜色，连续确定五次之后就能得到一个配色方案。

在以上网站，你都可以直接找到配色方案上相应的颜色码。直接将这串字符输入颜色板，即可在思维导图的对应部分得到想要的颜色。

如果在制作导图配色时，遇到一张没有现成颜色码的色卡，或只是一张配色精美的纯图片怎么办？

不用慌，取色器也为你准备好了。

选中需要改变颜色的部分（如中心主题），点击「填充」-右下角色环按钮-滴管按钮，即可吸取想要的颜色，填充到思维导图的相应位置。

颜色是能够引发情绪的。

例如红色的画面容易激发兴致，吸引注意力，它会令人感到警觉或兴奋；而蓝色正相反，它属于冷色调，代表着柔和平静；橙色则浓郁，充满活力……

一张图中要是存在过多的色彩，会使我们的情绪波动很大，从而感到疲惫，导致注意力的分散。

高效配色tips

1、少用颜色

2、降低颜色的饱和度。本质上就是减少色彩的原色，然后使用灰色来代替它，这样会使颜色视觉效果更柔和，也更百搭。

面对配色，其实酱酱也是一名非专业选手，因此本期教程的实战篇特别邀请到了XMind设计师为一份（现学现卖的）作品倾情指导，为大家展示理论知识如何与实践相结合。

以下是练习作品展示：

（图片来自Pinterest）

虽然自我感觉良好，但也有较大进步的空间。请来了XMind设计师帮忙改进：