俗话说得好,一入 P 圈深似海。
为了做出同事看了会称赞老板看了就打钱的 PPT,我们迫不得已从各种设计作品中吸灵感:发布会,大厂海报,杂志,画册等等......
真是害害害!
在大部分情况下,我们都是以网易云的横版 Banner 为参考对象,因为横版更接近 PPT 的排版方式。
例如说,参考下面这张网易云 Banner,我们可以模仿出一张独具艺术感的 PPT 封面。
网易云 Banner
模仿的 PPT 页面
从横版海报演变为 PPT 似乎看起来没那么难啊朋友!因为都是横着偏长方形的。
但你没试过把竖版海报设计成横版 PPT 吧?
今天我们要拿大厂的竖版海报做 PPT 设计延伸,为啥非要用竖版延伸,横版 Banner 它不香嘛?
香!但今天我想跟你分享少有人说过的 2 个借鉴思维,解决不会学竖版海报做 PPT 的问题,同时这是非常有用的 2 个 PPT 学习方法论,要认真看哈!
请各位系好别人的安全带,让我们幸福出发!
(获取本文案例源文件的方法:见文末~)
偷瓜法实不相瞒,据我的缜密思考发现,几乎 80%的海报图 & PPT 页都可以用这3 个瓜瓜表示:
▋案例分析
就简单的拿我不咋地也不好看的 PPT 作品之一《下班吧!骚年》来说吧~(拂一下我的九毫米秀发)这 3 个瓜瓜分别表现为:
原图
文瓜(文案):
图瓜(背景):
装饰瓜(装饰):
我绝对是少有把做 PPT 当植物园养成记的人,要想做好一个 P,就得多看 3 个瓜。
文案排版层(文瓜)-背景配图层(图瓜)-装饰元素层(装饰瓜)。
按照这个养成记规律,进入今天第一部分的正题,借鉴网易云竖版海报做 PPT 设计,做出一张牛皮哄哄的 PPT!
亲~一起来分析一下下图,这 3 个瓜分别对应的是哪些区域?
▋文案瓜设计
分析了参考图的 3 个瓜瓜之后,我们以下面的文案为例,开始 PPT 的页面设计:
为了更好地突出主题,加强各层级文字对比,我们先将文案的字体大小和字重调整为下图所示:
插播个小重点!
文案间距的高度取值,看版面以及设计需求。
可以调整为不同的间距组合,但最重要的一点是,不要再随意用间距,要有依据(亲密性原则):
根据有理可据的间距取值,我们还能搭配出不同的组合,比较长的或者比较短的,是不是之前做 PPT 没有留意到这个问题呢?
至此,我们才完成了第一步,文案的编排。
▋背景瓜设计
处理完文案之后呢,咱接着处理第二个瓜瓜:背景瓜。
因为原图是渐变背景,这个就 So easy 啦~
简单 4 步操作:
❶ 右键背景,打开【设置背景格式】,然后将背景填充选项改为【渐变填充】;
❷ 出现渐变光圈后,选第一个光圈,鼠标右键用【取色器】吸海报图左上角的颜色;
❸ 之后用同样的方式选第二个光圈,吸海报图左下的颜色;
❹ 之后最重要的一点:将渐变的【方向】改为第一个【左上到右下】。
至此呢,在咱专业且严谨的设计下,文案层和背景层初步搞定了。
一看这页面,是不是感觉自己也能快速上手做出来哈哈~
▋装饰瓜设计
原图的装饰层有一个插画图。
那怎么办呢?只需借助 PPT 插件神器「iSlide」找个符合主题的插画就 OK,我感觉这个往下投金币的插画就很不错:
接着我们细细品一下画面,应该能感觉到几点问题:
❶ 整个页面竖方向太满,快要沾边了(要给画面空点位置);
❷ 插画有点小,不够醒目啊~(颜色有点暗);
❸ 底下白色块太小(显得像多余的)。
所以我们再做一些调整:
接着,问题来了!
Q:怎么做出原图这种隐隐若现的「折纸字」标题效果呢?
A:给文字加点阴影就好了~
操作步骤:
❶ 复制一份标题文字,字号放大,用【任意多边形】形状,沿着字体边缘画出一个形状,接着填充渐变颜色,操作如下动图:
❷ 选中渐变色块跟标题,一起复制,然后【Ctrl Alt V】粘贴选项中,选择粘贴为图片:
❸ 将变成图片的标题,跟原标题对齐即可。
这种「折纸字」在塑造好看的标题上非常有效果!
▋填补两侧空白
咱依次把竖版海报中的三个瓜搞定之后,基本上就差不多了,但是海报竖改横面临最大一个挑战就是——画面太空。
其实最主要的是要解决转换成 PPT 后两边空白的问题。
展示真正的技术到了,一堆的骚操作一涌而上!
例如运用做海报的「压四角」手法,添加一些修饰元素压一下四边:
学习完之后看此文学习「压四角」的知识点吧!
不会做好看的PPT 怎么办?从网上下载海报,直接偷学!
压四角的主要作用是为了保持版面平衡。
关于如何解决居中排版中两边容易太空的问题,我从一些设计作品中找到了 3 点可供学习的版式!
(小本本抄起来~)
版式是什么意思呢?
你可以大概理解为这些设计作品的大框架,哪怕作品再五花八门,它也是有一定的结构的~
❶ 由内向外发散式背景。
❷ 两边要挟式。
❸ 中心环绕式。
所以回归到我们的模仿上,可以这么去优化两边的空白问题:
例如简单画几个圆,改成渐变填充就能用的花式圆饼风:
又或者是超级有钱金币风:
别管乱不乱主题突出就对了风:
网易云竖版海报&模仿的 PPT
至此,你应该能够发现,在竖版海报到横板 PPT 的演变过程中,我只动了背景层和周边修饰层,基本没动过文案层。
但是切记!是个背景就要有做背景的觉悟,不能像下图这样,抢了主角的戏:
背景层喧宾夺主
不要这么舍不得,觉得这个背景我设计了好久的~不明显一点彰显不了我的设计厉害啊。
然后就各种元素跟配角抢戏一样,导致主角瑟瑟发抖,这样的话只会适得其反。
如果你觉得 PPT 画面太乱了,那就在文案层与背景层中间叠加一个蒙版,绝对的百试百灵。
(蒙版:设置了颜色透明度的形状。)
我想,细心的你一定会吐槽我,我去!这个人讲了一堆,都是有模有样的照着海报抄啊,能不能有点水平啊!
莫得慌!用我的九毫米寸头起誓,怎么可能只教你对着海报抄呢?我再给你分享个非常好用的设计作品拆解方法,男人用了都说好!
前方知识点高能,坐稳了!
我们可以把竖版海报的版式框架,变形后运用到横版 PPT 里来~
听不懂?我们拿张海报做个测试题。
你觉得下面的 3 个版式划分,哪个是正确的呢?
思考一下?
很难选择吗?答案是 3 个都是正确的~
惊不惊喜?
那为什么说 3 个都是正确的呢,这就跟我要分享的第二个干货有关了。
倍镜拆解法其实很简单:
我们是按照从大到小划分版块的,你看这个像不像 PPT 里最简单的上中下版式?
▋2 倍镜拆解
那这时候,我们用的就是 2 倍镜,看的就是最眼前的区域,那你想啊,这样看,能看到更多细节吗,那肯定不行啊。
所以你用 2 倍镜的眼睛看的东西,模仿到 PPT,它大概也就这个样子:
版式示意
不至于特别难看,但就是不精致啊,咋搞?
要不咱换个 4 倍镜看得再多一些,细节一点?
▋4 倍镜拆解
于是我们可以把眼睛放大瞪大,看更细一些的版块框架:
你看!切换到 4 倍镜很明显可以看到版块变多了,这下看的可就不只是这个作品的外框架了,咱还看到了更多的细节!
你看那个腰~那个肉~
您请看~细分的版块越多,这个设计的细节是不是更多了呢?↓
这时候王二狗急冲冲的来一句:
狗木,我知道了,那要是用我刁钻的 8 倍镜是不是连毛孔都看的穿!快夸我!
对头!这位男嘉宾说的没错!我们再试一下用进阶版的 8 倍镜看原作,把原作的毛孔都看穿!
▋8 倍镜拆解
这图的设计细节够多了吧!
所以你看,当我们用不同的倍数镜(拆解的细节程度)去分析一个作品的时候,可用来学习借鉴的设计是不同的。
好了,以上就是给各位吃鸡战友们提个醒:面对优秀作品,你看得越细,能拆出来的东西就越多。
最后,我们对竖版海报转横版 PPT 的知识点,做个总结:
❶ 偷瓜法:文案瓜、背景瓜、装饰瓜。
❷ 解决 PPT 两边太空,我们有 3 个版式:由内向外发散式、两边要挟式、中心环绕式。
1 个注意:
装饰是配角,不能喧宾夺主。
❸ 倍镜拆解法:变形竖版海报的版式框架。
① 2 倍镜:
② 4 倍镜:
③ 8 倍镜:
对作品拆解的颗粒度不同,能借鉴出来的作品也不同。
以上,就是今日份设计经验分享~
点击我头像,私信会回复关键词【网易云】,即可获取案例 68P 的逐字稿源文件:通过这2种方法,哪些看似复杂的涉及是不是变得简单多了,但是也有小伙伴说,就算知道原理但还是做不出来,永远都是脑子会了,手不会。
如果是这样,那你就需要接受PPT的培训啦,只有打好基础,才能快速地做出高级精致的PPT。如果您想提升PPT制作技能,非常推荐您学习这门课程,点击下方的专栏就可以购买啦~
,