PPT架构图设计

先来看这页PPT,该如何美化呢?

这其实就是标准的技术架构图,对于这类的PPT,都有哪些优化思路呢?回答这个问题之前,先来了解一下架构图。

所谓架构图,包含两个方面,一个是架构点,一个是连接线。而架构图就是用连接线把多个架构点连起来的一种图示关系。

当我们提到要对架构图进行优化时,其实就是对这种图示关系进行优化,这里分为3个方面。

1、架构点图形样式一致

对于同一个技术架构图来说,为了降低别人理解架构图的难度,架构点的图形样式尽量一致。

举一个实际的例子,比如下面这张,每个连接点的图形样式是一致的。

2、架构图主线保持清晰

不管多么复杂的架构图,肯定有一个非常清晰的逻辑关系,这就是架构图的主线,尽量用一种显眼的方式将其呈现出来。

比如下面这个案例,主线非常清晰,就是从左到右的逻辑关系。

在很多实际案例中,还会围绕着主线有一定分岔,我们叫它副线。比如下面这个拓扑图,实线的部分是主线,虚线的部分就是副线。

3、架构图层级关系分明

前面说了,因为一个架构图有主线和副线之分,所以在视觉上尽量也有所区分。一般来说,可以用这3种方式进行层级划分。

比如下面这个例子,为了区分不同层级,它使用了实心和线框两种层级。

这就是架构图优化的3个方面。下面通过两个案例来具体的说一下。

案例一

就拿开头提到的案例来说。

首先,明确架构图的主线,这个图示比较简单也非常清晰,就是两侧推向中间。

接下来,优化架构点的呈现方式,因为目前的架构图色彩过于杂乱,层次不清晰。一方面对两侧的技术架构进行优化,减少色彩的数量,保持简洁。

另一方面,对中心的技术模块进行优化。

然后,添加相应的箭头呈现出其主线的逻辑关系。

最后,添加相应的小图标,并将左右两侧的颜色修改进行对比即可。

案例二

这是一张非常复杂的架构图,不同架构点之间的连接关系也很混乱。

其实不管它到底有多乱,只需要找到主线和副线即可。

接下来,因为这一张架构图要呈现的逻辑关系是基于主要业务来拓展衍生业务,所以可以将其设计成为一张业务生态图的样式。

换成深色背景,再多添加几个圆圈来增强生态感,效果更加明显。

这里简单说下,这个圆环是怎么绘制的,它利用的就是形状的渐变填充完成的。

最后,要做的只是把内容填充在相应的位置即可,另外一定要注意层级分明和主线清晰。

不管看到什么样的架构图,先梳理出它的逻辑主线,然后利用一些设计方式将其层级划分出来,这就是优化结构图的手法。当然,如果你能有一些创意的呈现形式,会是不错的加分项。