那些超复杂的PPT架构图,三步就能轻松搞定!

改稿复盘2年前 (2022)更新 跟我学个P
3,032 0 0

嗨,各位木友们好呀,我是建锋。

过了一个新年,相信大家在春节期间都玩的很嗨皮吧。

现在假期结束了,是时候开始苦逼的装P之旅了 。

在呈现复杂的信息结构时,我们经常会涉及到PPT架构图的制作,但很多人做出来的效果普遍都是这样的 :

那些超复杂的PPT架构图,三步就能轻松搞定!
那些超复杂的PPT架构图,三步就能轻松搞定!

遇到超复杂的架构图时,我是如何去美化设计的?

其实方法很简单,按照下面这“三步走”即可:

  • 主次划分

  • 模块规整

  • 细节优化

▎主次划分

在美化PPT之前,我们一定要区分信息,让信息的逻辑结构更加明显。

那如何区分呢?

我们结合实际案例来说明一下,以下是待修改的原稿 :

那些超复杂的PPT架构图,三步就能轻松搞定!

像这样的一页ppt,内容的层级划分其实是很有问题的。

乍一看会让人以为页面上只有左右两个板块:

那些超复杂的PPT架构图,三步就能轻松搞定!

但仔细阅读过后,你会发现它其实是有上中下三个板块的:

那些超复杂的PPT架构图,三步就能轻松搞定!

确定层级关系后,我们就需要给每个层级的元素设定一套设计标准,即一级板块用什么样式,被包含的二级信息又该用什么样式 :

那些超复杂的PPT架构图,三步就能轻松搞定!

为不同层级使用不同的样式以后,你就能得到如下PPT效果:

那些超复杂的PPT架构图,三步就能轻松搞定!

这就是划分主次的作用,先把内容的层级、层级的样式规范好,架构图的逻辑结构才会清晰。

▎模块规整

完成内容主次关系的梳理后,接下来就是要规整页面的整体布局,也就是让页面看着更整齐。

我们来看一个实际案例 :

那些超复杂的PPT架构图,三步就能轻松搞定!

像这样的页面,内容的主次关系比较明显,读起来没有太大压力。

但这种把不同的内容模块胡乱堆在一起的布局,看着让人很不舒服。

咋整?

方法也很简单,用形状划分好每个模块,整体保持居中即可。

那些超复杂的PPT架构图,三步就能轻松搞定!

这里还要注意一个细节,就是要保持色块横纵之间的间距统一,借助一个普通矩形就能实现了:

那些超复杂的PPT架构图,三步就能轻松搞定!

接下来,我们再继续给内容层级划定设计规范:

那些超复杂的PPT架构图,三步就能轻松搞定!

最后套用到PPT中,完成!

那些超复杂的PPT架构图,三步就能轻松搞定!

比起原稿 ,以上修改后的页面视觉效果是不是更整齐有序了?

那些超复杂的PPT架构图,三步就能轻松搞定!

▎细节优化

两个步骤,其实已经可以满足日常工作的设计需求了。

当然,如果你想让页面效果更炫酷的话,我们可以对细节做进一步的优化,提升设计感。

那些超复杂的PPT架构图,三步就能轻松搞定!

1)添加元素

架构图大都是以文字的形式呈现的,如果都是纯文字内容,页面难免有些单调。

其实我们完全可以为文字添加图标或2.5D素材

那些超复杂的PPT架构图,三步就能轻松搞定!

比如下面这些架构图,就是用了这种美化技巧:

那些超复杂的PPT架构图,三步就能轻松搞定!
那些超复杂的PPT架构图,三步就能轻松搞定!

▲图片来自网络

2)更改元素样式

PPT自带的形状可以满足我们基本的设计需求,但为了页面更有设计感,我们也可以把线条或形状更改成其他素材:

那些超复杂的PPT架构图,三步就能轻松搞定!

OK,加图形以及更改图形的技巧也介绍完了,下面我们通过案例来实操一下。

▎案例实操

先来看看第一个案例 :

那些超复杂的PPT架构图,三步就能轻松搞定!

第一步,划分主次。

这里需要着重强调“分析层”这一个维度,我们可以划分为两个层级:

那些超复杂的PPT架构图,三步就能轻松搞定!

第二步,模块规整。

这一步,我们通过插入深色和浅色的色块来对内容做区分强调:

那些超复杂的PPT架构图,三步就能轻松搞定!

然后统一色块的间距,文本两端对齐:

那些超复杂的PPT架构图,三步就能轻松搞定!

最后,根据内容来定一个配色,既然是技术架构图,使用科技感的蓝绿色准没错。

那些超复杂的PPT架构图,三步就能轻松搞定!

第三步,细节优化。

这里我们为内容较少的板块添加图标,更改箭头的样式。

那些超复杂的PPT架构图,三步就能轻松搞定!

为了让页面更加有层次感,我这里插入一个渐变的梯形和线条网格衬底,效果如下  :

那些超复杂的PPT架构图,三步就能轻松搞定!

怎样,是不是很帅!

再来看看第二个案例:

 

那些超复杂的PPT架构图,三步就能轻松搞定!

 

照旧,三步走。

首先,我们梳理一下内容的逻辑和主次。

这一页的阅读顺序不符常理,我们调整一下顺序 :

那些超复杂的PPT架构图,三步就能轻松搞定!

然后,使用色块规整各模块的内容。

那些超复杂的PPT架构图,三步就能轻松搞定!

再根据内容主题进行配色:

那些超复杂的PPT架构图,三步就能轻松搞定!

最后一步,细节优化,为内容添加icon或者形状,丰富页面;更改箭头样式,提升设计感。

那些超复杂的PPT架构图,三步就能轻松搞定!

如果你想要页面科技感更加强烈一点,也可以使用下面这种科技感边框来代替形状。

那些超复杂的PPT架构图,三步就能轻松搞定!

或者使用2.5D元素,做出这种立体感满满的效果:

那些超复杂的PPT架构图,三步就能轻松搞定!

那些超复杂的PPT架构图,三步就能轻松搞定!

你学会了吗?

▎总结

以上就是我优化逻辑架构图的一些方法,我们再来回顾一下:

  • 主次划分,让逻辑更清晰

  • 模块规整,让视觉更有秩序

  • 细节优化,提升设计感

照旧,本文用到的案例源文件我已经打包好了:

那些超复杂的PPT架构图,三步就能轻松搞定!

直接在公众号“跟我学个P里回复关键词【架构图】,即可无套路获取下载链接。

如果本文对你有启发的话,还请不吝赐【】哈!

我是建锋,咱们下期见!

——
公众号:跟我学个P
原文链接:那些超复杂的PPT架构图,三步就能轻松搞定!

© 版权声明

相关文章