专栏名称: 秋叶PPT
你爱学习,爱动手,爱分享?关注我们就对了!PPT、Excel、Word、职场成长,每天早上三分钟,碎片时间学起来!
目录
相关文章推荐
秋叶PPT  ·  这么多Excel ... ·  昨天  
曹将  ·  最近的一个感悟 ·  2 天前  
秋叶PPT  ·  无印良品的PPT长这样,看完我惊了~ ·  6 天前  
51好读  ›  专栏  ›  秋叶PPT

为了教你做好PPT的架构图,我把百度阿里都搜遍了!

秋叶PPT  · 公众号  · PPT  · 2024-10-15 08:17

正文


作者:杰森说 | ID:jiesenshuo
编辑:小叮


架构图,清晰明了的逻辑和流程思路,看起来一目了然。但架构图又相当复杂,一不小心就翻车。

今天就来说说,「架构图」。

你见过的架构图是不是都是这样的 ↓


跟公司里的组织架构图相比,这类的架构图具有专业性与复杂性,所以一不小心做翻车也是大概率的情况。

基本上这类架构图都是由专业的设计人员经过专业软件绘制而成,但设计人员怎么也想不到你会直接复制粘贴用在 PPT 里,所以,丑是可以理解的。

这些常见的架构图都有哪些问题呢?


以上图百度的结果为例,辣眼的原因主要有三个:

  • 随意的文字:文字位置摆放随意,没有对齐和重点;


  • 混乱的颜色:颜色过多,色彩丑陋,让人眼花缭乱;


  • 过多的形状:渐变、阴影、三维,不同的特效混搭,页面杂乱。


当我们面对这样的架构图,该如何美化呢?

曾经我也很疑惑,直到我翻遍了诸多大厂的案例发现两个字——「简约」

看看下面的案例,比如华为的架构图:



阿里:



百度:



亚马逊:


简约就是好,复杂易犯错!

无一例外,这些架构图都有着以下三大特点:

⭐整齐清晰的文字

内容文字整齐如一。不同层级的文字具有明显的对比,阅读清晰,层级结构看起来呈现的非常直观。

⭐简约的配色

配色上都遵循基础色,黑白灰,加一种强调色组成,这个强调色可以是单色,也可以是渐变色。

通过强调色,为页面增添一丝色彩,或者强调某一重要的内容。而在文字的颜色选择上,都是以浅底黑/灰字,深底白字为主。

⭐基础的形状

装饰上,多用基础形状,比如矩形、线框、箭头等。风格统一,避免各种渐变、三维效果、厚重阴影效果的混搭。

下面,就以百度上一张架构图为例,手把手教你如何美化一页架构图。👇


第一步,还原页面框架。

既然是架构图首先要梳理的就是框架。

需要我们抛弃原先的所有设计,根据原图,用色块临摹出内容区域,还原出内容框架。


这里用最简单的矩形就可以,不过需要注意的是,要牢记「对齐」原则,色块之间排列整齐。

第二步,根据框架,填入相应的文字内容。

填入内容的同时,注意不同层级文字之间的「对比」,通过字号、粗细进行划分。


第三步,进行可视化设计。

不会可视化?不要紧!我们可以去模仿优秀的案例,比如阿里的风格。


这样,一个清晰明朗的解决方案架构图就完成了。

文字型架构图会了,那图片图形类的架构图又要怎么做呢?

除了以文字为主的架构图,另外还有一种以图形、图片为主的架构图也很常见。


这种架构图的不可替换性比较强,比如上图中存在的主机、交换机、服务器、工作站等都是比较专业的元素,一般不能将其去掉或者换成简单的小图标。

这时候,最好的办法就是通过关键词查找,对素材进行取舍替换。

(部分文字懒得打)

这样,就完成了一个架构图的华丽变身。

在看一个以形状为主要内容的架构图案例:


按照前面说的内容,我们先把它进行区块划分:


很显然,这是四个各司其职的架构,我们各个击破。

从结构上来看,两边的排版可以一致,上下的排版可以一致。

因此这时候要做的就是将单一模块标准化。


正如上图的那样,原架构图外层是圆角矩形,内层是直角矩形,我们统一做成圆角之后,视觉上就舒服多了。

同样的,针对单一模块区域的主标题,也需要做一个标准化处理。


到此,一个完整区域部分的架构图优化也就做好了标准化处理,

按此方法我们直接运用到其他区域上,哪怕不修改原稿中的箭头逻辑,也顺眼清晰很多。


怎么样是不是还不错?

但白背景稍显单调,我们适当给它带点颜色背景修饰一下看看。


经过三个案例的架构图修改,对于架构图你是不是也有了点头绪呢?

如果你也想又快又好搞定高颜值 PPT,想学更多牛 X 的 PPT 小技巧,那么一定要来《秋叶 PPT 3 天实战集训营》,我们手把手教你~


而且!只要你是公众号的读者,原价 99 元的课程,今天限时免费!


名师带学+助教答疑+实操练习
直播+录播+图文教程…
名额有限,先到先得!
👇





点击下方卡片关注【秋叶PPT】
发送关键词【6】
获取更多优质学习账号