PPT架构图,怎么设计才好看?


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


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

美化架构图的具体方法

案例实操



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


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


PPT架构图,怎么设计才好看?(图1)


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


PPT架构图,怎么设计才好看?(图2)


也就是说,想设计好架构图,你就得知道:


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

线条有哪些设计方式?

架构图的展开方向有哪些?

背景该怎么设计才不单调?


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


·

·

·

·

·

·

·

·

·

·

·

·

·


卧槽,真的很复杂图片


啊不然你以为客户是那么好舔的吗图片?



▎美化架构图的具体方法


1)架构图的模块


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


PPT架构图,怎么设计才好看?(图3)


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


包围式模块


所谓的包围式模块,指的就是用一个形状(矩形、圆形、圆角矩形等等)将模块里的内容都包裹起来:


PPT架构图,怎么设计才好看?(图4)


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


PPT架构图,怎么设计才好看?(图5)


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


PPT架构图,怎么设计才好看?(图6)


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


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


PPT架构图,怎么设计才好看?(图7)


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


PPT架构图,怎么设计才好看?(图8)


图标哪里来的?


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


PPT架构图,怎么设计才好看?(图9)


开放式模块


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


PPT架构图,怎么设计才好看?(图10)


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


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


PPT架构图,怎么设计才好看?(图11)


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


PPT架构图,怎么设计才好看?(图12)


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


PPT架构图,怎么设计才好看?(图13)


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


PPT架构图,怎么设计才好看?(图14)

PPT架构图,怎么设计才好看?(图15)


2)架构图的线条


架构图中的线条分为两种,一种是曲线,一种是直线:


PPT架构图,怎么设计才好看?(图16)


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


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


PPT架构图,怎么设计才好看?(图17)


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


PPT架构图,怎么设计才好看?(图18)



PPT架构图,怎么设计才好看?(图19)

PPT架构图,怎么设计才好看?(图20)


3)架构图的展开方向


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


PPT架构图,怎么设计才好看?(图21)


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


PPT架构图,怎么设计才好看?(图22)


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


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


PPT架构图,怎么设计才好看?(图23)


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


PPT架构图,怎么设计才好看?(图24)


4)架构图的背景


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


PPT架构图,怎么设计才好看?(图25)

PPT架构图,怎么设计才好看?(图26)


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


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


PPT架构图,怎么设计才好看?(图27)

PPT架构图,怎么设计才好看?(图28)


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



▎案例实操


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


1)案例一


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


PPT架构图,怎么设计才好看?(图29)


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


PPT架构图,怎么设计才好看?(图30)


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


PPT架构图,怎么设计才好看?(图31)


怎么腾出空间?


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


PPT架构图,怎么设计才好看?(图32)


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


PPT架构图,怎么设计才好看?(图33)


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


PPT架构图,怎么设计才好看?(图34)

PPT架构图,怎么设计才好看?(图35)

什么叫四两拨千斤,这就是!!


2)案例二


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


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


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


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


PPT架构图,怎么设计才好看?(图36)


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


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


PPT架构图,怎么设计才好看?(图37)


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


PPT架构图,怎么设计才好看?(图38)


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


PPT架构图,怎么设计才好看?(图39)


PPT架构图,怎么设计才好看?(图40)


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


PPT架构图,怎么设计才好看?(图41)


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


PPT架构图,怎么设计才好看?(图42)


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


PPT架构图,怎么设计才好看?(图43)


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



▎总结


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


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

2)再思考这些元素能有哪些美化方法;

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

转至公众号:跟我学个P


PPT基础教程 PPT美化教程