「拦腰式」在PPT设计的高级运用 —— PPT版式课01

进阶提高3年前 (2021)更新 一六视觉
2,020 0 1

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

hello大家好,我是二木,

 

打今儿起,起个新栏目叫「PPT版式课」,

顾名思义,希望通过这样的形式帮助大家理解并运用PPT常用的版式,并以此延申出更丰富的视觉效果,

 

说起PPT版式啊,你可能下意识的会想到这样的图:

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

上下滚动查看更多

 

但你有没有发现,看过那么多PPT版式图,我压根不会用啊!

 

例如采用这种非常常规的居中排版👇

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

有些人可能会做成这样👇

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

但某些人,却可以做成这样👇

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

是的没错,这里说的某个人就是我自己,

 

不过这不是重点,重点是它们都是同样的版式布局,但出来的设计感却完全不一样,所以说学会版式并不代表设计就能很牛皮了,

 

那老子不学呗!

 

那肯定不得行,虽然说学了PPT版式并不能让你的设计无敌吊炸天,但是!

 

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

引用一组网图来看同样的内容,不同的版式效果:

「拦腰式」在PPT设计的高级运用 —— PPT版式课01「拦腰式」在PPT设计的高级运用 —— PPT版式课01「拦腰式」在PPT设计的高级运用 —— PPT版式课01

左右滑动查看更多

不用给我广告费,毕竟我就是搬运一下图(源自花瓣)

 

但可想而知,版式的学习对PPT设计究竟有多~~重要,铺垫这么多,该进入正题了,

今天要唠嗑的版式叫👇

 

拦腰式布局

 

啥子意思捏?像下面这样一张PPT产品页面,

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

排版干净整洁,产品高清无码,简直完美!

这时候往产品腰中间来个色块,衬托那么一下下,

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

哦吼!简直就是人世间最完美的设计!作为爱动脑筋的三好学生,不得不摸胸自问一下,为什么拦个腰就好看很多???

(旁白:摸胸自问 原成语 “扪心自问”)

 

记笔记的时候来了,拦腰式排版的好处有几点👇

 

 

1,增添层次感,

类似千层饼,元素之间的叠加会产生层级区分,于是就容易能通过画面分辨出,哪些在画面上面,哪些是在下面。

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

 

2,提升饱满度

说专业一点,又可以说是提升图版率,你再看看原图,

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

我滴乖乖,真的简约至极,画面空白的有点过分了,

 

 

3,增强关联性

运用拦腰式布局的内容,可以增强在“腰上”内容彼此之间的关联性,

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

可能这些设计解读对大家来说有些深奥了,不如结合案例,将拦腰式布局,更多有趣实用的技巧唠叨一下。

 

实操环节Part 01.

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

首先按照对内容的理解优化文案排版,

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

接着,引入拦腰式布局,

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

为了契合科技、勇士等关键词的调性,我们调整腰成倾斜形式,塑造出运动感。

 

并且在底下添加背景图,丰富背景(背景图做虚化处理,不影响主体)

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

再趁版面不注意的时候,三下五除二加一些不仔细看压根看不到的装饰元素。(丰富细节)

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

我真是个机灵鬼啊,最后科技风PPT万能素材:光效,安排上👇

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

完了完了!你们肯定会觉得这样变化这么小的改稿看起来不过瘾,

 

看来,

是时候展现真正的技术了!

 

开抄!(借鉴)

 

拦腰式除了上面那些版式,还有其他的延申效果值得我们借鉴学习👇

 

借鉴01:

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

开抄!(借鉴左右人物+居中排版)

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

借鉴02:

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

继续开抄:

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

人物左右排版,拦腰只拦下半部分

 

借鉴03:

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

再搞一张:

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

怎么样,拦腰式的运用还是很丰富的对吗?

 

如果你实在还不理解拦腰式的妙处,再来看个之前做的BP案例(内容已修改)👇

 

实操环节Part 02.

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

如果是常规手段的设计,我们可能会做成这样:

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

又或者看到一张宽配图,会下意识的想做成大图背景形式的:

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

这两者各有各的特色,那如果引用拦腰式可以怎么做呢?

 

第一步:图标美化(其实我就是上图复制下来)

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

第二步:添加拦腰色块

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

第三步:调整优化

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

第四步:优化细节

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

以上,就是第二个案例,过瘾了吧?

如果还不行,再来几个升级版的,深色底模式之下我们还可以这样调整:

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

腰左侧空一部分

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

拦下面的腰

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

拦右侧的腰

 

怎么样,设计排版很有意思吧!

不知你发现没有,不管怎么变化,拦腰色块总会与配图叠加在一起。

 

引用好友天奇的一个观点:「 PPT中的元素可称为“变量” 」

字体可以多种选择,

背景图也可以,

形状也可以选方的圆的,

 

在保证设计规则不变动的情况下改变这些变量,随机组合,你也能做出更多有趣的设计!

 

不知不觉,本文案例图都做了二十多页👇👇👇

 

「拦腰式」在PPT设计的高级运用 —— PPT版式课01

 

案例源文件

想要下载源文件学习的同学,在后台回复关键词「 拦腰 」即可领取

 

版式更多来说是一种框架,具体设计效果如何还是以参数为主。

就好像两个人都是180cm个子的骨架,长得美丑是由长相决定的,个子只是一部分,像我这样的,矮一点也阻挡不了我的sai气。

 

 

这是「PPT版式课」系列的第一篇,但凡有点学习帮助,都别忘了点赞分享支持,

 

不然我下一期就不写了!!!哼!

 

——
公众号:一六视觉
原文链接:「拦腰式」在PPT设计的高级运用 —— PPT版式课01

© 版权声明

相关文章