上周行动派请来了PPT届的段子手秋叶欧巴做客太空仓频道,燃起了大家的热血,于是太空仓头等舱微信群开始了内部专属分享。第一期嘉宾就是我们的行动派小伙伴—一个被PPT玩了5年的小设计湿,把PPT当PS用,拿PPT做视频耍钟爱于研究PPT动画交互制作的KIT,他为我们带了一次高能攻略分享—PPT怎么动着玩!
笔记整理:@没关系是盒子啊
校稿:KIT本人~(有错别字欢迎在他的公众平台骚扰他!二维码见最后一张PPT!)
首先,行动君先带大家看一个超高能PPT视频,全部由KIT同学用PPT制作完成!你可以不看文章,但你一定要看完这个视频!(仿2013年苹果发布会开场动效视频)
▎设计师KIT分享全记录:
大家好,我是KIT,很多人都会问:我们做PPT应该用什么版本?我这里可以毫不犹豫地给大家推荐使用微软的Office2013版本。
为什么呢?因为有很多人可能还会使用Office2007或者是2003,或者是WPS,但经过一些实践,Office的2013版本体验是比较好的,他具有更加高的稳定性而且具有很多艺术效果,图形拆分并能使用比较主流的插件,这些功能使我们可把PPT它当成AI或是PS制图,更重要的是要是意外关闭程序,它还能自动保存。而今天你们看到的视频也是我用这个版本PPT做出来的
▶PPT为什么要会动?
其实PPT动效领域算是PPT应用比较高级的一个派系了,当PPT能做出动效后,它就能被当成是一个应用项目去对待,我们可以研究他的用户体验,交互感觉,有很多人说,不就是拿几张画在配上话说嘛~有必要那么较真?
我们认为是有的,不是所有的人都能在台上头头是道,找我做PPT的一般都是创业项目的CEO要做路演融资PPT,PPT动效是有效解决了演讲人的表达能力不足的问题,尽可能通过PPT表达观点,要是配合预先准备的演讲稿,这就是一场完美的展示,当然PPT动效主要还是应用在比较重要的场合像项目路演、发布会等重要的项目展示。
PPT的精髓是什么,我认为是“最短的时间,让听者接收更多易懂的信息量”,把你的Point尽快展示出来,这才能算是成功的PPT。
那怎么做到这两点呢,最关键的是:
① 关键信息的提炼。
② 缩短理解成本。
关键信息的提炼,内容上,就是我们常用的列提纲,关键字,这个我就不细讲了。
▶结构提炼
我就讲一个比较特别的——结构提炼,最关键的部分就是排版和视觉诱导,这是一门通过视觉降低理解成本提炼信息的艺术。
说到排版,今天就给大家分享我自己总结出来的网格式排版法。PPT2013右键幻灯片后,会有一个网格和参考线的栏,点击网格就会出现全屏幕的网,点击并移动参考线,就能实现以上的网格式结构。
这就是一个网格式结构,标上的数字就是移动参考线时会显示的数字,移到和上面数字匹配就好,就能显出我们的规范网格。
边缘浅白的部分,我定义为边缘部分,这里不能覆盖主要内容和信息,而是留出来作为边缘呼吸用的,同时这也是个视觉盲区,一般人不会第一眼看到那里,所以一般用来作为页码,注释,角标使用。
深白色部分是备标区,可用于顶部过大角标的越界,就像我做的PPT的左上角的注标,那个就会越过浅白色部分。
黄色区,为即时关注区,看PPT第一眼关注的,就是这个部分,一般用来放十分重要的内容,而黑区是模糊区,要是黄区内容范围过大时可以跨越的部分。所以整体来说,我们会建议把PPT内容放在黑色里面,而黄色部分是关键内容部分,同时有另了网格的小方格作为内容间距参照,会使整个PPT更加整洁大方。
然后就到视觉诱导部分,这是我认为最特别的,视觉诱导氛围视线诱导和色彩诱导。
这里我会应用一下秋叶老师分享时修改的PPT作为例子。
视觉诱导最常用的分为3种,三角形、ZS排版和F型排版,也是我最喜欢用的方式。
像大图中的PPT,第一个图用的就是反F型的排版法。F型排版法的特点,就是大图加文字,看PPT时人的第一反应会是看到大图,然后眼睛会开始找平行关系的文字,这就产生了一种视觉效果,我们可以把关键的图片放到左边或者右边,文字放在平行的隔壁,就能产生一种阅读顺序。
而第二个图,是三角形构图法,三角形构图法的特点,是人的第一焦点,会放在了三角形的顶端,也就是图中活动主题的文字上,然后就会呈现出一种由上而下的阅读顺序直到看完所有内容,再返回到最顶端的大标题,也就是我刚刚网格画的灰白色盲区。
而ZS型的阅读是根据人的读书习惯,从左到右形成的,然而拐角点却成为了我们的第一关注点,所以一般这部分会放图而直线部分放文字。
当然还有常用的扁平式排列,就跟我们iphone手机app的排列一样,我们可以把我们的内容列成块,然后根据网格排列。
大家可以看看下图:
体会一下自己的阅读顺序,大体上这是一个F型构图,色块在左边,所以第一眼会放在色块上,浏览完色块才会看到右边的文字那里,而色块采用了三角形构图,所以大家在浏览色块的时候,第一眼是放在了“成功PPT”上再到下面的两行文字,这就能通过一个平面视觉上产生一个阅读顺序,就不会导致我们必须要跟读报纸一样读ppt,这能使我们的视线根据我们安排的布局浏览,舒服整洁。当然,仅仅通过构图是不够的还有色彩的诱导。
色差诱导上的3个点上,大家先色差诱导上的3个点上,大家先看到的是黄色的点,因为这是阅读习惯,但是 你会发现你的眼睛停留在那里的时间极短,你会瞬间转移到白色点上,并停留比较长的时间再去关注黄点和灰点看到的是黄色的点,因为这是阅读习惯,但是 你会发现你的眼睛停留在那里的时间极短,你会瞬间转移到白色点上,并停留比较长的时间再去关注黄点和灰点。
这就是一个色差导致的视觉移动,大家的眼睛会集中偏向于眼色比较亮的眼色当中,这会让我们的注意力集中在一个色块上,这就是我们的色差诱导,所以大家可以看一下我们微信的页面,你会发现,上下的栏是灰黑色的,中间的聊天人物框是白色的,那大家就能把注意力集中到聊天人物栏中,然后,聊天背景不是纯白色的是有灰度的,那注意力就能集中别人发的白色对话框上,然后才到自己的绿色对话框。
而对比诱导也是同样的道理,对比颜色是一个平行关系,你会平行对待,但颜色的明暗就会影响到眼睛的停留时间,这就会产生一个阅读顺序。 所以让PPT动起来, 其中一个重要的部分,就是通过构图,色彩产生一个阅读顺序,让看PPT的人跟着你的阅读顺序浏览,这就能让信息更加直观可接受。
▶PPT中的动画
好了,说了那么多构图和色彩的东西,是时候来点动画了,也是大家最想听的部分,这些这么流畅的动画是怎么做的,我会分享几个基本的例子:
其实大家做PPT的时候忽视了一件事,就是,其实PPT是有播放的时间轴的,而且动画效果是可以叠加上去的,大家看到的动画窗格,就是我们做视频的时间轴,但是有了时间轴,怎么让效果按时间分配呢?大家请看动画窗格右下边的一个图。
就是持续时间,和延迟时间,还有一个是点击动画窗格那些小方框右键才能看到的从上一项开始 从上一项之后开始,我用一个图表的例子给大家演示,左边是常用的静态图表,右边是我做的图表,是不是完全不一样的用户体验?其实做这样的效果不用30秒钟。
首先我在方向轴下面加了一个方形遮盖,这样就能把长条遮住。
然后 我添加了我们经常能用到的引导线效果,先全选,然后右键会出现图下左下角的部分,点击从上一项开始,那他们就会全部同时开始。
我把持续时间调短,那么他们的动画速度就会变快,然后我点及第二个方块,
再调节延时个0.25,那么第二个方块就会晚0.25秒出现,第三第四个方块我延时的时间分别是0.5、0.75 又更长一点。
这样他们就会产生一个动效的时间差,就会分别使用动效。那就产生了先后弹出但是连贯的效果,如果出来了,不会跳动,这个时候我们点击效果。
选项调高弹跳结束的时间,它就会跳动了。当然,有兴趣的人可以点自动翻转试试~它动画执行一次后会回到原点。
这样我们就搞定了一个好玩的图表,然后就是这个方块的动画延续特效,当你的折线越复杂,效果越好玩
这个有点不一样,我全选后点击右键,从上一项之后开始。
它就会多了一个标线,后面的动画会在前一个动画结束后才开始,忘了跟大家说,这里用到的特效只是平时常用的擦除特效。
这里,又提醒大家一个小知识,就是很多人不知道,其实电脑自带的特效是能选特效属性的,就是在添加动画的隔壁叫效果选项。
不同的特效有不同的效果选项,比如,这个放大的特效有以上效果还有一个就是特效是可以叠加的,这里留给大家回去玩
你点击一个效果,然后再按添加动画,它在原有的动画基础上会再加多一个动画 点击右键同时开始后,就可以实现一边放大,一边淡出的效果,反正这个过程非常好玩,就跟做化学实验一样,
而另外一个特效就是,不要依赖于一个图像的特效,比如以下例子,大家有没有看到右上角的那个圆,他的出现效果明显和左上角的圆出现方法不一样,丰富很多,它是怎么实现的了,其实它是由好几个图形,调节了动画顺序后实现的。
我把他们拆开几个图形播放就成为了以上的效果。通过效果叠加还有效果的先后顺序播放,分别把几个效果放在了几个图形上:
拼起来,就成为大效果,这个思路,做过AE的朋友应该不会陌生,然后,当我们在加点修饰和设计 比如画个老头:
就变成了很帅的图标。然而,它也就是刚刚那个圆的效果做出来的。这个酸奶的效果也广泛应用在原型的图表上。当然, 最后一个效果怎么实现,留给大家摸索,刚刚图表的例子还能实现一个圆的变速运动。
这是专门为这次分享建的微信平台,大家有什么问题可以在上面留言,我会尽快解答你们的:
▎提问环节:
Q1:想问你做PPT都是用快捷键吗?这样效率会不会比较高?
A1:PPT,我没有用快捷键,用的最多的快捷键就是复制粘贴,主要是感觉PPT的快捷键会闪退,所以就不用了,鼠标点得更容易记,所以建议大家买一个好一点的鼠标,因为我鼠标就玩坏几个。我也没有系统学PPT的所有功能,我觉得最好的方法就是用到哪里学到哪里,然后多到处点点,你就会发现,原来有这么多功能,我都是边用边发现新大陆,就去尝试,记下来,然后再去调试。
Q2:如果只是纯粹对PPT感兴趣?那么平常怎么练笔?有主题的练笔?
A2:其实我也是纯粹对PPT有兴趣,我不是读设计出身的,我的专业是电气工程及自动化,但是PPT设计引导我越来越喜欢上设计并从事了这方面的工作,所以我还继续在努力,当你会了设计的基本理论后,你会发现PPT只是实现你心中所想的工具,你心中想的才是艺术。
Q3:动画路径都是自己画吗?
A3:动画的路径是我自己画的,因为PPT归根到底还是设计,所以耐心画路径的人,一定会比更多人做的东西精彩。
Q4:你说你都是自己摸索的,那摸索途中有没有遇到困难,而变得极度焦躁的情况?怎么解决的?
A4:其实因为喜欢这个东西,我倒是没有特别烦躁,想不出来了,我就出去跑步或者买可乐喝(我的坏习惯)不去想,洗个澡回来再慢慢想,灵感憋不出来,就不去憋,想别的更好玩的效果,这是最好的,因为设计的结果不是唯一的。
Q5:我只有2003版本的,有没有必要去重下个2013版本的?
A5:我觉得,2003都是淘汰了,真正想玩PPT,你会发现2013用了就上瘾了,而且用户体验非常好。
Q6:没有一丁点画画基础的同学画路径会不会很艰难?
A6:放心,不会,我也没有设计基础我也画成这样了,路径是慢慢调出来的,你可以下一些图片临摹,但重点是沉得下心。
Q7:关于ppt的色彩搭配问题
A7:配色不要做得太绝, 能用纯黑的就不要纯黑, 用有灰度的黑, 橙色不要太橙, PPT有这个色表最下面的是纯黑, 我喜欢用倒数第二个或者第三个的黑。
Q8: 平常灵感一般来自于哪儿呀?对设计、对PPT等有什么书籍或者别的平台推荐吗?
A8: 平常的设计灵感就是来源于站酷,我是很喜欢逛站酷的人,看到好设计就会保存下来,或者临摹一下,这个可以提高色感构图,当然,临摹只能给自己看,不能当成自己的东西商用。
Q9:之前PPT我做一下都要好久,有的时候改来改去甚至用去一周了。在做PPT的过程中你觉得最难的是设计比较好的模板出来?还是逻辑?版面这些呢?
A9: 做PPT之所以花的时间长是因为你没有自己的风格,我介绍的网格式布局就能省很多不必要的构图,同时,不要太宣兵夺主,内容才是关键,我们只是适当修饰,只要阅读顺序对了,他就是好PPT,然后开始稍作美工,当然,我觉得最好是自己形成一套自己的设计模板,按自己需要调整是最好的。
Q10: 那你做PPT会用很多动画么?似乎太多会累的吧?
A10: 看什么用,路演用的动画会比较多,似乎PPT场合的重要程度,普通的交BOSS方案,我觉得,最好什么动画都没有。
Q11: 做PPT的时候如何避免侵权?毕竟网上找素材总是难以避免。
A11: 我一般不用网上的,素材也不用,因为你会了用PPT画图后,其实画一个自己想用的素材才是最好的,不过,其实养成了自己的模板习惯,你会觉得,网上那些模板好恶心,起码,站在我的角度来讲,我觉得画面越浮夸,越欧美风的PPT,越不符合设计规范,因为设计得站在用户体验考虑,能让读者掌握阅读顺序。同时花越少的时间去理解内容,是最有效率的,而且网上的那些模板,都是为了取悦买者而制作的,我们应该站在看者的角度去设计PPT,简约,干净,构图好,才是硬道理。
■■ ■
看完了,是不是想勾搭一下这位高能小伙伴,他的公众号是:HDpian,后台留言随意勾搭!(请记得自报家门:行动派小伙伴!然后KIT就会给你特殊服务了~~~)