PPT架构图，怎么设计才好看？

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

前天深夜，我刚爬上床准备睡觉，一个老客户突然找我，说他的客户嫌他这页架构图PPT不够炫酷，希望我能救救急。

众所周知，“舔狗一无所有，但舔客户应有尽有”，所以我毅然起床帮他修改出了以下几个版本：

客户收到以后，满意地对我把头点。

如果你觉得我改得勉强还行，并且想学一下，方便以后用来舔你的客户，那你可以听听我的修改思路，就是发达以后别忘了我这位舔友就行。

• 我是怎么想到可以这样美化架构图的？
  

• 美化架构图的具体方法
  

• 案例实操

▎我是怎么想到可以这样美化架构图的？

先用你的卡姿兰血轮眼观察一下架构图的结构，你会发现所有的架构图其实都是由两种元素组成的：模块+线条。

除了这两种元素以外，架构图的展开方向、背景设计，也是影响架构图最终观感的重要因素。

也就是说，想设计好架构图，你就得知道：

• 架构图里的模块有哪些设计方式？

• 线条有哪些设计方式？

• 架构图的展开方向有哪些？

• 背景该怎么设计才不单调？

别看好像很复杂的样子，先听完我的分析，然后你就会发现，

·

·

·

·

·

·

·

·

·

·

·

·

·

卧槽，真的很复杂

啊不然你以为客户是那么好舔的吗？

▎美化架构图的具体方法

1）架构图的模块

模块可以有两种设计方法，一种是包围式，一种是开放式。

一般人应该都没听过以上这两个专业名词，哪怕你是设计科班出身的也不例外，因为这俩名词都是我瞎编的。

• 包围式模块

所谓的包围式模块，指的就是用一个形状（矩形、圆形、圆角矩形等等）将模块里的内容都包裹起来：

需要注意的是，形状里的内容，一定要跟形状的边缘之间保持适当间距，否则就会让模块内部显得十分拥挤，并导致整个框架图都显得很臃肿：

另外，“太过传统、没有新意”也是这种包围式设计的硬伤，这也是「我客户的客户觉得我客户那个架构图不够炫酷」的原因。

不过不慌，要想抢救的话，方法有很多。

比如，你可以试着把部分模块的颜色设置为跟背景色接近的颜色，再为之添加阴影，这样的模块看起来会更有质感：

你也可以在模块里放图标，甚至还可以直接把模块换成图标，或是换成其他特殊形状：

图标哪里来的？

直接去islide.cc这个网址，下载安装一个PPT插件【iSlide】即可，里面有个【图标库】，图标的数量可能比你的腿毛还要多。

• 开放式模块

开放式模块，其实就是指去掉形状，只保留形状里的内容：

这种模块设计看起来更简洁，而且也更节省空间，同时它的可设计性也不比包围式的差。

比如你可以在文字底部添加炫酷的底座素材：

像这些底座素材，你可以在公众号“跟我学个P”里回复【底座】获取，这都是我在两年前花了几百大洋专门找人用PPT纯手工绘制的原创素材：

当然，嫌底座用起来麻烦的话，你也可以只给文字加点线条或是色块等“轻量级”的装饰物，装饰效果也不会太差：

最后，无论你喜欢包围式还是开放式模块，在同一个架构图里，你都应该尽量保持每个模块之间的格式大致统一，否则架构图整体看起来就会显得很凌乱：

2）架构图的线条

架构图中的线条分为两种，一种是曲线，一种是直线：

直线的框架效果就是用普通的直线拼接出来的（插入线条的时候按住【shift】键，就可以插入直线了）。

而曲线效果，则是用PPT里自带的【弧形】线条，或是【左/右中括号】形状跟普通直线拼接而成的：

在曲线或直线框架的基础上，我们可以为线条设置【渐变线】效果，或是添加【端点】，从而做出以下这些框架效果：

▼

3）架构图的展开方向

所谓的展开方向，就是指架构图不仅可以从上往下展开，还可以像下面这样，从中间到两边、从左往右展开：

如果你完全不担心英年早秃的问题，那你甚至还可以使用稍微复杂那么一丢丢的三维式设计，让架构图沿着对角线展开：

需要注意的是，架构图的展开方向是不能随便选的，你得根据实际情况来操作。

比如，下面这个框架图里的模块数量本来就比较多，如果你还用从上往下的方式来排版的话，就会导致两侧空间很拥挤，上下空间却宽得能容下一个你：

如果我们能改用从中间向四周的展开方式，就能最大化利用空间，缓解这种拥挤的问题：

4）架构图的背景

一般来说，当我们的架构图结构比较简单的时候，直接放在普通背景上就容易显得单调：

像这种时候，你就可以用一个“容器”来装载架构图，它可以减少图表周围的留白面积。

我个人用得比较多的容器素材一般都是普通的圆形、圆角矩形、以及网页素材：

像上面这些素材，看我教程比较多的木友应该都快看吐了，但这不能怪我，因为它们实在太好用了呀。

▎案例实操

OK，讲完上面这一大坨理论，咱们就来实操一下，看看我介绍的这些技巧到底行不行。

1）案例一

兽先，这是一页有着4层级别的架构图PPT：

我们可以看到为了排下第三级里的8个模块，原作者尽可能压缩了右侧模块的宽度，并将文字竖着排版，这就导致了它们与其他模块之间的格式不统一，不够美观：

也就是说，咱们应该先腾出空间，这样才能把“竖向模块”拉长为更符合正常人阅读习惯的“横向模块”。

怎么腾出空间？

很简单，把架构图的展开方向改为从中间向两边即可，图表雏形就这么改出来了：

如果你要求比较低的话，像下面这样把模块换成圆角矩形，再加点阴影效果，图表看起来就能显得很有质感了：

要是嫌四周太空的话，你还可以加个容器，以及一点点轻量的装饰物：

什么叫四两拨千斤，这就是！！

2）案例二

像上面那个较为简单的设计风格，对于很多品味凶残的领导来说是绝对无法接受的。

因此，我建议大家在面对这类领导或客户时，还是多用点花里胡哨的美化技巧，比如加图标、换曲线之类的，这样能大大减少客户借机发飙的风险。

我继续改个凶残的例子给大伙儿看看。

以下这张架构图就来自一位凶残的客户，目前已有多位设计师因为没改好而惨遭他捆绑滴蜡：

作为一名比斑马线还要直的直男，我是不可能给他这个滴蜡的机会的。

反手先给文字加个图标，再加个填充了渐变色的圆形，一个炫酷的模块就做好了：

接着再插入一根PPT自带的【左右中括号】线条，并为线条设置【渐变线】效果，进而做出这种被掰弯了的框架线条：

模块跟线条一结合，当场就能把客户帅到不！能！自！理！

▼

要是他还站得起来的话，那就去掉渐变圆形，换成底座素材：

再把这个用了底座素材的版本甩他脸上：

还不满意的话，那就直接弃用框架图！用其他同样能表达结构关系的图表代替！

如果连这样都逃不开滴蜡警告，那可能是你命中注定有这么一劫，要么认命，要么就跟客户同归于尽算了。

▎总结

美化架构图的内容就算是讲完了，如果你足够机智，你该注意的其实不应该单纯是我美化架构图的具体方法，而应该是我美化图表时的思路：

1）先分析图表的结构，看清楚哪些元素的变化会对图表的观感造成影响；

2）再思考这些元素能有哪些美化方法；

3）将这些不同风格的元素组合到一起，即可为同一个图表美化出多种风格。

OK，按照国际惯例，在公众号“跟我学个P”里回复【架构图】，即可获取本文用到的所有PPT案例源文件，凶残的你愿意再为我点个【在看】那就更好了~

最后，今天发的第二篇文章是我制作的第一个视频，不怕被骚到的欢迎关注我的视频号~