今天分享下如下结构图的制作技巧，这张图原图来自于猫妮星球，如需要可以关注她的知识星球（思维导图妙思屋）。

这图看起来比较复杂，但仔细分解，其实，也没那么难。

思路拆解

从图片上我们可以，该结构由5个部分组成，5个部分基本结构都类似，但细分下其中1,3,5结构一样，2,4结构一样。

不同点在于，圆圈的位置和数量不一样。几个部分的最终通过灰色的圆相切布置。

因此，我们的制图步骤应该是这样的：

1. 建好第一部分的结构。

2.复制两个第一部分结构，布置在3,5的位置

3. 复制第一部分结构，把圆的位置和数量调整好，调整第二部分和第一部分相切

4.复制第二部分，布置在4的位置。

5.调整颜色等

案例

步骤详解

步骤一：建好第一部分结构

首先，把我们的原图放入PPT中（这点很重要，此图结构稍微复杂点，如果用原图做基准，就免去考虑各元素的大小和位置。）

，作为基准，绘制几个同心圆。

步骤1-1

然后绘制文本框形状，并复制多个，通过对齐命令，确保位置对齐。

步骤1-2

最后，用线条连接相关元素，并把所有元素组合成一个部分。

步骤1-3

步骤二： 复制两个第一部分结构，布置在3,5的位置

由于第一步做完的第一部分是基础，因此，细节需要做好，以免后续复制多个后出问题，调整的工作量过大，主要是线的连接需要注意。

步骤2-1

复制两个第一部分结构，放置合适位置，利用对齐命令对齐。

步骤2-2

步骤三： 复制第一部分结构，把圆的位置和数量调整好，调整第二部分和第一部分相切

由于该部分结构基本和第一步类似，有些步骤我略去。

步骤三

步骤四：复制第二部分结构，放置四位置，和三，五圆相切。

步骤四

步骤五：调整颜色

调整颜色可以通过取色器快速完成，其中部分之间连接线颜色通过渐变色实现。

步骤五

本文基本把如何实现开头部分结构的方法介绍了下，由于需要做GIF动画，做过过程中，有些细节不是很重视，但应该不影响具体实现。

总体来说，本文介绍了如下方法：

1. 采用原图做基准，提高作图速度

2.相同结构复制，然后保持对齐

3. 采用取色器进行快速着色。

本文结构ppt模板放在我的星球中，如有兴趣，可以加入，后续会有不断的结构图和导图的内容更新。

知识星球链接

作者简介

- 笔记侠思维导图笔记达人

- 微信：Doit03