那些超复杂的PPT架构图,三步就能轻松搞定! |
您所在的位置:网站首页 › ps做分层立体结构图 › 那些超复杂的PPT架构图,三步就能轻松搞定! |
嗨,各位木友们好呀,我是建锋。 过了一个新年,相信大家在春节期间都玩的很嗨皮吧。 现在假期结束了,是时候开始苦逼的装P之旅了 。 在呈现复杂的信息结构时,我们经常会涉及到PPT架构图的制作,但很多人做出来的效果普遍都是这样的 : ![]() ![]() 遇到超复杂的架构图时,我是如何去美化设计的? 其实方法很简单,按照下面这“三步走”即可: 主次划分 模块规整 细节优化 ▎主次划分 在美化PPT之前,我们一定要区分信息,让信息的逻辑结构更加明显。 那如何区分呢? 我们结合实际案例来说明一下,以下是待修改的原稿 : 像这样的一页ppt,内容的层级划分其实是很有问题的。 乍一看会让人以为页面上只有左右两个板块: 但仔细阅读过后,你会发现它其实是有上中下三个板块的: 确定层级关系后,我们就需要给每个层级的元素设定一套设计标准,即一级板块用什么样式,被包含的二级信息又该用什么样式 : 为不同层级使用不同的样式以后,你就能得到如下PPT效果: 这就是划分主次的作用,先把内容的层级、层级的样式规范好,架构图的逻辑结构才会清晰。 ▎模块规整 完成内容主次关系的梳理后,接下来就是要规整页面的整体布局,也就是让页面看着更整齐。 我们来看一个实际案例 : 像这样的页面,内容的主次关系比较明显,读起来没有太大压力。 但这种把不同的内容模块胡乱堆在一起的布局,看着让人很不舒服。 咋整? 方法也很简单,用形状划分好每个模块,整体保持居中即可。 这里还要注意一个细节,就是要保持色块横纵之间的间距统一,借助一个普通矩形就能实现了: 接下来,我们再继续给内容层级划定设计规范: 最后套用到PPT中,完成! 比起原稿 ,以上修改后的页面视觉效果是不是更整齐有序了? ▎细节优化 两个步骤,其实已经可以满足日常工作的设计需求了。 当然,如果你想让页面效果更炫酷的话,我们可以对细节做进一步的优化,提升设计感。 1)添加元素 架构图大都是以文字的形式呈现的,如果都是纯文字内容,页面难免有些单调。 其实我们完全可以为文字添加图标或2.5D素材: 比如下面这些架构图,就是用了这种美化技巧: ![]() ![]() ▲图片来自网络 2)更改元素样式 PPT自带的形状可以满足我们基本的设计需求,但为了页面更有设计感,我们也可以把线条或形状更改成其他素材: OK,加图形以及更改图形的技巧也介绍完了,下面我们通过案例来实操一下。 ▎案例实操 先来看看第一个案例 : 第一步,划分主次。 这里需要着重强调“分析层”这一个维度,我们可以划分为两个层级: 第二步,模块规整。 这一步,我们通过插入深色和浅色的色块来对内容做区分强调: 然后统一色块的间距,文本两端对齐: 最后,根据内容来定一个配色,既然是技术架构图,使用科技感的蓝绿色准没错。 第三步,细节优化。 这里我们为内容较少的板块添加图标,更改箭头的样式。 为了让页面更加有层次感,我这里插入一个渐变的梯形和线条网格衬底,效果如下 : 怎样,是不是很帅! 再来看看第二个案例:
照旧,三步走。 首先,我们梳理一下内容的逻辑和主次。 这一页的阅读顺序不符常理,我们调整一下顺序 : 然后,使用色块规整各模块的内容。 再根据内容主题进行配色: 最后一步,细节优化,为内容添加icon或者形状,丰富页面;更改箭头样式,提升设计感。 如果你想要页面科技感更加强烈一点,也可以使用下面这种科技感边框来代替形状。 或者使用2.5D元素,做出这种立体感满满的效果: ![]() 你学会了吗? ▎总结 以上就是我优化逻辑架构图的一些方法,我们再来回顾一下: 主次划分,让逻辑更清晰 模块规整,让视觉更有秩序 细节优化,提升设计感 照旧,本文用到的案例源文件我已经打包好了: 直接在公众号“跟我学个P”里回复关键词【架构图】,即可无套路获取下载链接。 如果本文对你有启发的话,还请不吝赐【赞】哈! 我是建锋,咱们下期见! ——公众号:跟我学个P原文链接:那些超复杂的PPT架构图,三步就能轻松搞定! |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |