“高颜值”创意脑图，现学就会！

用户：“好看的创意脑图教程还有吗，再给我来一打”
 

这次我们推出“别人家的思维导图”第二弹，主要分享下面这种数据报告类型的思维导图的制作技巧。

 

 

- 作品来自导图社区@巧克力丽丽 -

接下来，一起 enjoy~

 

一、搭建导图框架

今天这张导图的框架，其实和我们上次分享的作品一样，都是采用“垂直时间线”结构；至于其他的细节，比如主题外框形状、主题边距、线条类型等，也与此前的操作大同小异。因此这里就不再赘述。

看过教程但忘记操作细节的小伙伴，待会可以去温习下 ▶创意脑图手册 vol.01

二、绘制数据图表

整张导图的数据图表可以分为四类：纯色柱状图、双色调渐变柱状图、百分比彩色柱状图、正负柱状图

1）纯色填充-纯色柱状图

选中目标主题，删除主题中默认的“子主题”字样，在右侧展开的「主题格式」面板，点击「形状-形状填充」，然后选择合适的颜色进行填充；

颜色填充完毕后，根据已有数据，在主题中添加合适数量的空格，即可实现柱形主题的长度调整。

 

• 注意事项：

为了让数据可视化尽可能合理，在使用空格键调整柱形主题的长度之前，最好先给每个指标建立一个大概的换算标准，比如“✘数值=1空格” 。

举个例子，当人均使用时长这个指标分别有13.6、12.8、20.5、22.3、19.6、18.5、5.4、5.2这几个数值，我们就可以以最低的5.2为基准，选择“5.2=7空格”，然后依次推算出其他数值对应的空格数（不用太精确）。

 

• 建议事项：

如果想要提升导图的美观度，可以搭配下面这个纯色配色网站使用：

coolors.co：拥有非常简单美观的配色界面，在点击配色按钮之后，你只需按空格键就会随机展示不同的配色方案；也可以修改或者锁定一个或多个色块，然后继续按空格键，直到有你满意的配色为止。

 

确定配色方案后，可以点击颜色代码直接复制到 MindMaster 的调色板里；

 

或者用MindMaster的「屏幕拾色器」功能进行快速配色：

 

2）渐变填充-双色调渐变柱状图

选中目标主题，在右侧展开的「主题格式」面板，点击「形状-形状填充-更多选项」，在弹出的「填充」面板中选择「渐变填充」，支持调整渐变类型、方向、角度、光圈等参数，其中「渐变光圈」的使用是重点。

「渐变光圈」默认在编辑器首尾有刻度光标，选中刻度光标调整颜色，即可制作出双色调渐变的柱状图。

 

• 建议事项：

如果不太清楚哪种渐变色比较好看，可以搭配以下面这个渐变色配色网站使用：

WebGradients：这个网站收录了不少好看的渐变色，点击即可进行大图预览。每种渐变色都会标明渐变的颜色范围。

 

确定配色方案后，同样可以复制颜色代码到MindMaster的调色板里，或者借助「屏幕拾色器」功能进行快速配色。

 

3）渐变填充-百分比彩色柱状图

除了通过修改「渐变光圈」的首尾颜色来定义新渐变，我们还可以向渐变添加中间色，在两种以上的颜色间创建混合（在渐变编辑器任意位置双击鼠标，生成新的刻度光标后，即可添加中间色）。

 

如果说前面的渐变还属于正常操作，下面来点不一样的：

在原来的双色渐变光圈中添加2种中间色（这两种中间色对应原来的双色调），然后把这两种中间色对应的刻度光标移到同一位置，就会出现一个主题中出现两种颜色泾渭分明的视效，如下图所示：

 

重复利用上面的技巧，我们就可以制作出下面这种百分比彩色柱状图：

 

• 注意事项：

将两种颜色的刻度光标拉到同一位置时，要注意颜色的上下位置是否正确。

 

4）渐变填充-正负柱状图

正负柱状图的原理和百分比彩色柱状图一样，只不过两种颜色的位置交替发生了变化：

 

具体可以参考下方的详解示例图：

 

• 注意事项：

负值柱状图的颜色填充（非黑色）位于渐变编辑器中点的左边；

正值柱状图的颜色填充（非黑色）位于渐变编辑器中点的右边。

---

“别人家的思维导图”分享就到这里啦，大家可以用上这些小技巧，去制作你们的专属创意脑图。小M在导图社区欢迎你们的到来~