hello大家好,我是二木,
打今儿起,起个新栏目叫「PPT版式课」,
顾名思义,希望通过这样的形式帮助大家理解并运用PPT常用的版式,并以此延申出更丰富的视觉效果,
说起PPT版式啊,你可能下意识的会想到这样的图:
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-21d3ef235f0fa96ee704b098528a0d2b.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
上下滚动查看更多
但你有没有发现,看过那么多PPT版式图,我压根不会用啊!
例如采用这种非常常规的居中排版👇
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-ca36062a75b191616a22046cd4955c0a.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
有些人可能会做成这样👇
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-22136cc9afefdf0b6377a6cd56b88eff.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
但某些人,却可以做成这样👇
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-d6020164edbe3ff0d079f476cdf966a0.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
是的没错,这里说的某个人就是我自己,
不过这不是重点,重点是它们都是同样的版式布局,但出来的设计感却完全不一样,所以说学会版式并不代表设计就能很牛皮了,
那老子不学呗!
那肯定不得行,虽然说学了PPT版式并不能让你的设计无敌吊炸天,但是!
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-1e13251b2c2b7fba381e6f73a03c7082.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
引用一组网图来看同样的内容,不同的版式效果:
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-060e9fc322eb5a84f89a368b7be1bd2a.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-3b145afb26332ea0a0900b6ddb6048b2.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-c5ccf32d3384d33a8e056cc18a9d8683.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
左右滑动查看更多
不用给我广告费,毕竟我就是搬运一下图(源自花瓣)
但可想而知,版式的学习对PPT设计究竟有多~~重要,铺垫这么多,该进入正题了,
今天要唠嗑的版式叫👇
拦腰式布局
啥子意思捏?像下面这样一张PPT产品页面,
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-8cc34ace71328fbb465d2390e1139028.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
排版干净整洁,产品高清无码,简直完美!
这时候往产品腰中间来个色块,衬托那么一下下,
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-3d818db110e984e007ec101b00869da0.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
哦吼!简直就是人世间最完美的设计!作为爱动脑筋的三好学生,不得不摸胸自问一下,为什么拦个腰就好看很多???
(旁白:摸胸自问 原成语 “扪心自问”)
记笔记的时候来了,拦腰式排版的好处有几点👇
1,增添层次感,
类似千层饼,元素之间的叠加会产生层级区分,于是就容易能通过画面分辨出,哪些在画面上面,哪些是在下面。
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-311eb7950fd178fac2d220499e9f0115.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
2,提升饱满度
说专业一点,又可以说是提升图版率,你再看看原图,
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-8cc34ace71328fbb465d2390e1139028.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
我滴乖乖,真的简约至极,画面空白的有点过分了,
3,增强关联性
运用拦腰式布局的内容,可以增强在“腰上”内容彼此之间的关联性,
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-207b5cb487062e68c4c41a26a40ffb09.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-2e2e5e87cfce1f76d6cd5c8a5f044d39.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
可能这些设计解读对大家来说有些深奥了,不如结合案例,将拦腰式布局,更多有趣实用的技巧唠叨一下。
实操环节Part 01.
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-683700caf142402b0d28c45ae1aac91d.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
首先按照对内容的理解优化文案排版,
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-f3d655f247242f6add1fa59c10eec276.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接着,引入拦腰式布局,
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-daa52c9d4525ef5b8865a7b32855fef2.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
为了契合科技、勇士等关键词的调性,我们调整腰成倾斜形式,塑造出运动感。
并且在底下添加背景图,丰富背景(背景图做虚化处理,不影响主体)
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-e88b5417acd822de5e4e99607a5ed04d.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
再趁版面不注意的时候,三下五除二加一些不仔细看压根看不到的装饰元素。(丰富细节)
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-d780482577a5fa80436545945b841a74.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
我真是个机灵鬼啊,最后科技风PPT万能素材:光效,安排上👇
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-ed5debff6cff8d1fa3330724ece4a866.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
完了完了!你们肯定会觉得这样变化这么小的改稿看起来不过瘾,
看来,
是时候展现真正的技术了!
开抄!(借鉴)
拦腰式除了上面那些版式,还有其他的延申效果值得我们借鉴学习👇
借鉴01:
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-a61432fc7cbd3df6866e58776f5ac33e.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
开抄!(借鉴左右人物+居中排版)
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-8e83cca9789aa4d7be96a13b567314a6.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
借鉴02:
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-1b7243504477fc93430fae01963ef9b2.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
继续开抄:
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-c6eae2d77bc52ace5f28cda173947aa7.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
人物左右排版,拦腰只拦下半部分
借鉴03:
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-424e5e77741abcf1e3d3450b636b87e3.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
再搞一张:
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-73c5e3d496278df9892ef45793d63ca3.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
怎么样,拦腰式的运用还是很丰富的对吗?
如果你实在还不理解拦腰式的妙处,再来看个之前做的BP案例(内容已修改)👇
实操环节Part 02.
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-49406c2f3e8c38050458b526fd6e3018.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
如果是常规手段的设计,我们可能会做成这样:
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-90dfec734c53ba42d8f121a0d903bf26.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
又或者看到一张宽配图,会下意识的想做成大图背景形式的:
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-aba60f6426b44c3980292901986e33c5.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这两者各有各的特色,那如果引用拦腰式可以怎么做呢?
第一步:图标美化(其实我就是上图复制下来)
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-454208c126614cccfefe3f0d18b672b0.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
第二步:添加拦腰色块
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-38f38280ba9c59272dd8cd5d95d8c4b2.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
第三步:调整优化
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-9b3f2b8875183840aa985c8b0cb89fc0.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
第四步:优化细节
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-370227f3ca57ff6e1e6ee36c21e1f6c1.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
以上,就是第二个案例,过瘾了吧?
如果还不行,再来几个升级版的,深色底模式之下我们还可以这样调整:
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-98878858c8ef850da2985e795a513184.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
腰左侧空一部分
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-9bb31a91d945a85f37a81ac360148882.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
拦下面的腰
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-ec8639eee058aa3e7426c2b38d06454b.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
拦右侧的腰
怎么样,设计排版很有意思吧!
不知你发现没有,不管怎么变化,拦腰色块总会与配图叠加在一起。
引用好友天奇的一个观点:「 PPT中的元素可称为“变量” 」
字体可以多种选择,
背景图也可以,
形状也可以选方的圆的,
在保证设计规则不变动的情况下改变这些变量,随机组合,你也能做出更多有趣的设计!
不知不觉,本文案例图都做了二十多页👇👇👇
![「拦腰式」在PPT设计的高级运用 —— PPT版式课01](https://tu.aboutppt.com/2021/03/frc-d91fda413e7b254dad2e8d77833c9c60.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
案例源文件
想要下载源文件学习的同学,在后台回复关键词「 拦腰 」即可领取
版式更多来说是一种框架,具体设计效果如何还是以参数为主。
就好像两个人都是180cm个子的骨架,长得美丑是由长相决定的,个子只是一部分,像我这样的,矮一点也阻挡不了我的sai气。
这是「PPT版式课」系列的第一篇,但凡有点学习帮助,都别忘了点赞分享支持,
不然我下一期就不写了!!!哼!
——
公众号:一六视觉
原文链接:「拦腰式」在PPT设计的高级运用 —— PPT版式课01