大家好，我是Jason！回看之前的文章写了很多实用的东西，但架构图这一part却漏掉了，这次在知乎上看到类似的问题，回答之余也想借此和大家聊聊架构图该怎么拆解优化！
知乎原内容
当我第一次看到这个架构图时也一筹莫展，首先这个颜色的多样性确实会对整个架构图的信息传达带来很大的阻碍。所以先将颜色、字体等统一看看。
这样就清晰很多了，我们也很直观的能区别出内容的相关性
很显然，这是四个各司其职的架构，我们各个击破。从结构上来看，两边的排版可以一致，上下的排版可以一致。因此这时候要做的就是将单一模块标准化。
正如上图的那样，原架构图外层是圆角矩形，内层是直角矩形，我们统一做成圆角之后，视觉上就舒服多了。同样的，针对单一模块区域的主标题，也需要做一个标准化处理。
到此，一个完整区域部分的架构图优化也就做好了标准化处理，按此方法我们直接运用到其他区域上，哪怕不修改原稿中的箭头逻辑，也顺眼清晰很多。
怎么样是不是还不错？但白背景稍显单调，我们适当给它带点颜色背景修饰一下看看。
这样一顿简单操作下来，一张完整的架构图也就算做好了。其实总结一下发现真的蛮简单的。如果试着将文字可视化，如下图可以适当加入一些图标，在不破坏标准化的基础上，再试着优化。（与上图修改的内容几乎一致）
按照这样的思路，继续使用标准化的方法，去给它展开一下，我们可以做成渐变风格的。
并且还能发挥想象，在这个渐变风格的架构图后面加上一个视频背景，顿时这张架构图就涨价了不少。
动态架构图之后又灵光一闪想到了用3D透视矩形,如下图所示如果觉得不够酷，还可以像上面一样给它加个动态背景。
确实没有啥能想得出来的了，就做了一个2.5D风格的立体“模型”，为什么称之为2.5D呢？因为它本来就不是3D…
这个图又是怎么做的呢？其实这完全就是视觉差产生的效果。首先新建两个圆角矩形，调整不同的颜色，相当于一个作为顶一个作为底，并且进行形状格式>三维旋转操作。如下图：
然后调整好两个形状的叠加高度之后，插入两个矩形作为“高”，并利用上下色块进行遮挡即可。（一定要耐心调整瑕疵，最好放大进行操作。）
你没看错，有时候看似很高端的PPT技巧其实真的就是这么简单。经过上面的一通梳理，你对架构图的制作思路有没有新的理解呢？
步骤1：点亮右下角「在看」「赞」并转发朋友圈
步骤2：凭截图后台回复「架构0824」
原文首发公众号：杰森说
以上就是本期的推送，我们下期再见。
如果觉得文章还不错或者对你有帮助，不妨点个「在看」，并在「评论区留言」，咱们唠两句~
——
公众号：杰森说
原文链接：一个案例教你解析架构图PPT，再复杂也不怕！
赣公网安备36100202000190号