超复杂的PPT架构图，怎么做才好看？

嗨，各位木友们好呀，我是小木。

在做企业介绍、技术架构等主题的PPT时，我们往往会用到架构图。

对很多人来说可能不那么常见，但每次遇到都很头疼，容易做的很乱，影响信息传达：

其实架构图虽然内容很繁琐，但掌握诀窍后，做好就并不难。

只需掌握这两个步骤就 可以了 ：

梳理信息层级大家应该懂。

而所谓 递减式设计 是指：通过元素 显眼度的递减 来塑造内容层级，比如颜色深浅、元素大小等等。

现在不懂也没事，接下来通过几组案例的修改来辅助大家理解~

▎ 案例1- 组织架构图

组织架构图，说白了就是企业成员职位等级的划分。

我们经常会看到这样颜色完全一致或差别不大的组织架构图，第一眼不易分清职位的高低：

而优秀的组织架构图应该做到层级清晰，不用读具体的文字都能一眼看出层级：

具体要怎么操作呢？我们可以看一个案例修改。

原稿页面信息排版又空又零散，并且架构图的层级设计也不清晰：

我们先 梳理信息层级 ，首先对顶部大段文字进行梳理：

将梳理后的内容放到底部加个渐变色矩形：

这样梳理后的信息阅读更方便，也给架构图的排版腾出了空间。

接着梳理架构图的信息层级，可以看出这里有3个等级：

我们根据梳理好的层级进行 递减式设计 。

比如可以用三个由深到浅的色块来表达原稿三个层级的递减：

将所有信息都处理好后排版放在色块中：

接着再用线条将信息连接起来，页面的设计就完成了！

这里面有些与众不同的线条是怎么做的呢？其实就是用PPT自带的大括号形状和几个圆组成的：

▎ 案例2-常规架构图

原稿是常见的内容多、层级多的架构图。由于配色不统一以及排版散乱，导致阅读体验很差：

优化的第一步，先梳理架构图的内容层级：

在梳理好内容的层级后， 我们可以用深浅不同的颜色来表达这些信息的主次层级关系：

这样信息的对比更清晰，阅读体验明显提升：

接着要优化信息的模块布局。

原稿之所以太过混乱，主要还是信息没有对齐，模块大小不一致造成的。

所以，在确保色块整体视觉平衡的同时，也要确保色块的间距和对齐：

经过以上两个步骤后，架构图整体看起来是不是舒服多了：

做到这一步已经是一个很不错的架构图页了，阅读体验流畅。

如果想进一步优化视觉，可以再给单调的关键词添加icon或者图片，丰富视觉：

到这里页面就设计完成了，锦上添花了有木有：

▎ 案例3- 多内容架构图页

这页PPT的内容比较多，页面的配色很混乱，而且架构图里面有些内容是以长句的形式呈现的：

优化前先来看看原稿信息，整体内容分为两个部分。

左边的信息，去掉花哨的效果，梳理好信息主次，图标统一换成扁平化风格：