img104a

    我们会花20%的时间在PPT的目标、主题、结构、逻辑上。

    虽然这决定了PPT80%的质量,但是不得不承认

    剩下的80%的时间,我们在做设计工作。

    img104b

    制作PPT是为了更有效沟通,

    而有效沟通的一个最基本的要求是:

    你要尊重你的观众。

    请用心去设计你的PPT页面。

    这是PPT设计者表达对观众尊重的方式。

    我们认为这是做PPT应具备的最基本礼仪,

    正如职业装代表着对客户的尊重,

    美观的页面也代表着你对观众的尊重。

    img104c

    做得好看的PPT各有各的方法,

    做得不好看的PPT却有一些通病:

    文字布满整个页面,感觉密不透风;

    文字缩在页面中间,感觉孤孤单单;

    图片挤压在角落里,感觉羞羞答答;

    图片遍布页面四方,感觉过于抢眼;

    表格数据密密麻麻,感觉没有焦点;

    图表元素一样不落,感觉不清不爽。

    img105a

    img105b

    img105c

    密不透风的,记得缩小一点,周边可以留白。

    缩成一团的,记得放大一点,充满整个页面。

    羞羞答答的,记得大方一点,至少半个屏幕。

    过于抢眼的,记得低调一点,可以淡化缩小。

    没有焦点的,记得突出关键,弱化次要信息。

    不清不爽的,记得大胆一点,删除无关标注。

    img105d

    我们都不是设计师,也没有接受过专业的平面设计训练。

    但是只要你掌握了以下设计基本原则:

    对齐 分离 留白 降噪 重复 对比

    你也能做出漂亮的版面。

    推荐阅读:

    《写给大家看的设计书》(美)Robin Williams著

    img106a

    设计的六个原则看起来比较简单。

    也许你会说:啊?这样就能做出好的设计作品来了?

    不,你知道了这六大原则,你也不一定能做出好的作品,但是,你知道了这六大原则,并始终贯彻地使用它们,你会避免很多设计时的低级错误。

    遵守了这六个原则,你也许做不出精品,但是你一定能做出合格品。

    如果恰巧你有设计方面的天赋,美感又特别强,又何愁做不出好作品呢?

    img106b

    原则精髓

    1. 养成好习惯,左看看,右看看,上看看,下看看

    2. 不仅要关注左对齐,还要关注右对齐

    3. 除了文字对齐,页面内所有要素能对齐必须对齐。

    img106c

    版面设计第一要务是对齐

    对齐包括了左对齐、右对齐和居中对齐

    版面上的元素对齐以后

    你会发现它们之间似乎有了关联

    而版面设计最大的忌讳就是

    出现孤立的,没有关联的元素

    做好对齐

    会让你的版面看上去很专业

    img107a

    img107b

    img107c

    原则精髓

    1. 无关的内容拉大距离,相关的内容靠拢

    2. 段落与段落之间的距离要大于段落内的行距

    3. 如果文字内容太多,可以分成若干小段落

    4. 二级内容和一级内容排版必须有差异

    img107d

    原则精髓

    1. 不要把PPT当成Word来用,如果内容可以提炼,就提炼,如果浓缩不了,就缩小字号,让留白多出来,让眼睛得到休息,让大脑去联想

    2. 留白本身就是很好的分割线

    img108a

    img108b

    img108c

    原则精髓

    1. 颜色过多,字数过多,图形过繁过花,动画过闪皆为“噪”

    2. 单页面的色彩建议少于三种

    3. 降噪并非一味做减法,而是确保一目了然去做“加减乘除”

    img108d

    img108e

    img109a

    原则精髓

    1. 路走得多了,才有了路;PPT重复的元素多了,才会有风格

    2. 使用“母版”,让每页都有固定的“面孔”

    3. 字号、图形、颜色、项目编号,段落间距,形状样式等都可以重复,但不要简单复制

    img109b

    img109c

    img109d

    原则精髓

    1. 跟别人的不一样,才能显出你的重要性

    2. 颜色、字体、字号、背景、大小都可以有不同

    3. 只有明显的不同,才能显出差异,要做对比,差距就要大

    img110a

    img110b

    img110c

    在实践六种设计方法之前

    我们还得先知道这样一个概念

    每页PPT只能有一个主角(重点信息)

    就像唱戏一样,不能有两个主角同时表演

    否则叫抢戏

    同样我们在做页面排版的时候

    不要让那些不关键的信息抢了关键信息的戏

    img110d

    img110e

    img111a

    好了

    你现在知道版面设计的六大方法了

    让我们一起来实践一下

    不过一定要记住和文字材料提炼,逻辑整合相结合,排版才能无往而不胜。

    像下面的例子,如果仅仅是更换模板,排版是无法达到理想的效果的,排版要从提炼开始。

    img111b

    请在空白处写下你认为这张PPT的排版问题:

    img111c

    请用提炼材料和六原则回答我们改进了哪里?

    关于这个改造案例的延伸阅读分享请去:http://www.70man.com/?p=4369

    img112a

    这是一个很平常的版面吧

    很多人PPT做出来的就是这个样子

    你在做PPT的时候

    是不是也是这个样子呢?

    看看综合应用六大方法

    是如何给PPT来一个大变身

    img112b

    img112c

    img112d

    对齐:删除了正文项目符号并左对齐

    对比与重复:小标题红颜色,和正文形成对比。配风格接近图片,并都添加了红色元素

    分离:用段落间距做了分离。

    降噪:去掉了不怎么搭调的图片

    留白:版面留下了大块的白色。

    img113a

    大量的文字令人痛,但是又没有办法进一步删减。这时需要提高页面的图版率,这样大段的文字看起来也会轻松一些。

    艺术字、字体颜色、装饰线条、文字底色

    这些技巧都能有效地提升全文字页面的图版率。

    图版率:图片面积占页面的比例

    全图  100%

    全文  0%

    img113b

    一大块的文字,给人的感觉就是黑糊糊。

    虽然在右下角有一张图片,

    但是因为图片的插入感觉很生硬,

    所以整个页面的图版率还是很低。

    是不是感觉很不好?

    但是文字确实已经比较精炼了?

    难道要我再精炼一点?

    img113c

    给文字换了一种颜色(投影的话要再深一些),

    标题采用了艺术字并加了倒影的效果,

    “秘密”两个字也用其他颜色进行强调,

    大标题用底色区分开来,

    文字用渐变的线条分出更明显的段落,

    黑糊糊的感觉没有了。

    当然,你可以做得更好!

    img114a

    有时候版面上的文字实在是太多了,但是想要精炼也不是那么容易。

    这个时候你需要更用心地去做排版,而不是随意地“扔”在版面上就算了。

    像左面的版面,其实你可以做得更好一点。

    img114b

    正文标题放大,换个字体。

    四种方法之间的段落间距拉开。

    段落之间用虚线隔开。

    就这么简单

    版面看上去要比原来的好很多。

    其实很多时候,只要采用一些很简单的方法,版面看上去会好看很多,关键看你用不用心。

    比如下面这个案例,稍加调整,会好很多。

    img114c

    img114d

    img115a

    字多了头痛,图多了也头痛。

    当感觉图片多了,版面上摆不下,或者怎么摆都不好看时,你需要这些技巧:

    边框、阴影、映像(倒影)、裁剪。

    然后如果你想不出什么好的构图,

    你就用最保守的矩阵阵列对齐。

    虽然单调,

    但是不会因为凌乱而显得不专业。

    img115b

    类似这样图多的排版好像经常会碰到的。

    图片总是有的大,有的小。

    每张图都是不同的颜色,

    PPT空间也不够放,

    怎么排你都会觉得太凌乱了,

    对了,凌乱给人的感觉不是不专业,

    而是做PPT的人不用心。

    img115c

    现在感觉页面整齐平衡了吧!

    先用裁剪功能把图片裁剪成一样大,

    套上和主题模板颜色相同的蓝色边框,

    然后为图片加上阴影,

    最后把文本框大小也调成图片一样大小,

    用底色强调下,

    对齐,分离,重复,留白,对比,降噪。

    我们都用到了!

    img116a

    用得最多的情况恐怕是图文混排情况了。

    文字与图片结合的时候,

    你首先要搞清楚:

    文字和图片,谁唱主角?

    img116b

    比如上面的这个页面,

    图片是主角。

    设计时就应该尽量让图片占据重要视觉位置,

    比如全屏强调图片就是一种好方案。

    再把文字叠加在图片上。

    你可以考虑使用文字颜色背景、便笺纸效果、文字阴影效果等方法使文字和从图片自然融合起来。

    img116c

    img116d

    img117a

    左面的这个页面

    文字才是主角,图片仅仅是陪衬。

    这个时候应让图片退到不引人注意的地方,

    至少不要抢了文字的眼球。

    让文字占据独立的大空间,

    图片采用边缘柔化渐变蒙版的方式,

    淡化图片的边缘,使图片融入背景中去。

    img117b

    img117c

    PPT的图文混排不同于Woro的图文混排。

    PPT没有足够的空间让你去展示太多的东西(PPT文字要足够大,Word文字可以相当小),你只能在有限的空间里,尽量展示你最重要的信息。

    基本上图文混排的思路就是:

    或者以图片为主角,在图片上分割出空间,文字只用于补充,让图片充分发挥联想力。

    或者以文字为主角,弱化图片视觉冲击力,只起到修饰作用,为文字让出足够的空间。

    img118a

    工作中大部分图表页面排版需要的是降噪,

    删除那些与图表无关的网格线,背景,项目说明等,保持图表自身整洁干净。

    一个PPT页面尽量只放置一个图表,

    为文字描述留出足够的空间,

    用颜色对比强调重要数据或进行数据分组。

    如果放置多个图表,简化图表并保持图表的风格统一,当然别忘了对齐它们。

    img118b

    这页PPT很典型。

    在图表下配一段文字说明,但是很难看。

    问题出在选错了图表形式,

    网格、坐标轴、数据标签也显得比较杂乱,

    留给文字的空间也显得比较局促。

    img118c

    图表排版首先是要用对图表。

    对于标签长短不一的可以考虑条形图布局,

    然后让数据由大到小排列,

    删除那些没用的网格、坐标轴、数据标签,

    用颜色把数据分成三组区分视线。

    最后在右下角留出的大片空间里布置文字。

    img119a

    有时候需要在一个页面上布置多个图表,

    但是请你千万不要做成上面这样,

    用立体的饼图会增加阅读难度,

    五颜六色的柱形图。

    一个页面里多种图表考验观众的智力。

    img119b

    先考虑能否统一图表类型,

    再统一图表配色,而且尽量使用单色配色,

    对齐图表,

    剩下的区域放置文字,

    版面是不是干净多了?

    img119c

    我们简单介绍一下常见图表的页面布置方法。

    柱形图和折线图的页面基本布局都差不多。

    你可以选择上文下图的形式来安排页面。

    在数据进行排序后,

    柱状图左高右底,文字可以布置在右上角;

    折线图左低右高,文字可以布置在左上角。

    img120a

    条形图一般适合布置在页面左侧或右侧。

    如果数据排序以后,

    在页面的右下角会有大量的空白,

    可以在页面右下角放置文字或图片。

    img120b

    饼图和雷达图也适合靠左或右侧布置。

    数据标签尽量填充进图表自身色块内,

    页面右侧会有大量空白,

    这个地方适合放置说明性文字。

    img120c

    PPT里图表使用非常广泛,你要用好图表,不仅仅是熟悉PowerPoint软件的操作,你还要熟练掌握Excel的图表制作技巧。

    这里我们推荐你多看看《商业周刊》,里面的商业图表做得非常专业。

    另外,这本《Excle图表之道》也是很有价值的学习资料。

    img121a

    PPT中还经常出现流程图和各种概念图。

    概念图你可以把它当作许多小图片来排版,

    而且概念图往往也不难找到公开的模板,

    但流程图就很难照搬模板,

    流程图关键处是你要把流程图画的漂亮。

    img121b

    这个流程图是一种工艺流程图。

    看上去感觉很不专业吧?

    流程图要画的好看,

    关键是要做到横平竖直,相关的图框对齐,

    关键节点可以用不同的颜色标识出来,

    还有一个重要的地方是流程图本身应该尽量画成一个矩形或其他视觉上稳定的图形。

    img121c

    我们并没有专门为这个流程图去做更多的美化,做到的仅仅是横平竖直地对齐,这样的修改并不难。但只要进行这样简单的调整,感觉上会好很多。

    希望下次你做的流程图能给观众的感觉不是没有用心,不尊重他们。

    对了,如果你用Visio画流程图,一定记得和PPT其他页面保持风格一致,别偷懒!

    img122a

    另外一种是业务流程图。

    一个规范的业务流程图应该是一个二维的矩形表格。

    表格的纵轴是各个工作阶段名称,

    表格的横轴是和流程相关的业务部门,

    工作节点按照节点名称和涉及的部门放置在相应的位置上。

    img122b

    左边的这段文字如果简单地用递进关系来表达就不容易看清楚整个业务之间的关系。

    像这样的业务流程就很适合画业务流程图来表达业务之间的关系。

    img122c

    我们把业务阶段做横向时间轴,

    把业务实施单位做纵向空间轴,

    把业务活动作为过程框对应到不同阶段的负责部门,然后用箭头线条表示业务传递关系。

    如果需要精细一点,每个阶段的输入文档还可以添加到对应阶段下面,

    即使我们没有刻意去追求排版,业务流程还是能一目了然传递出来。

    推荐阅读:《餐巾纸的背面:一张纸+一支笔,画图搞定商业问题》(美)罗姆

    img123a

    做PPT少不了用到表格。

    那表格页面排版有什么讲究吗?

    还是那些基本的要求:

    文字内容对齐,

    突出关键信息,

    弱化非关键信息。

    当然,你有更有创意的表格就更好了。

    img123b

    这个PPT版面有什么不好?

    文字颜色与背景比较接近,看不清。

    第一列文字居中对齐,其他两列左对齐,视觉效果不舒服。

    第二、三列感觉很空,相反,第一列比较挤

    文字比较小,但表格下方有较大空白。

    img123c

    我只做了很小的改动:

    文字颜色改成更显眼的淡蓝色。

    原来括号里的说明性文字改成深蓝色,几乎淹没在背景色中,弱化了非关键信息。

    表格整体放大了不少,文字也相应放大。

    列宽做了调整,第二三列显得不那么空,第一列也不那么挤了。

    第二列的数据用橙色作了强调。

    img124a

    作为一个版面设计的初学者

    你还需要掌握另一个版面设计的利器

    栅格系统

    说白了就是打格子

    因为你可能是版面设计的初学者,对版面的控制还没有什么感觉,那就采用以前刚学写字时的方法:打方格。

    img124b

    左面的栅格系统非常简单。

    在纵横两个方向上把整个页面六等分。

    横向:

    a=4

    i=0.2

    纵向:

    a=2.8

    i=0.2

    img124c

    这个栅格系统是在九宫格的基础上改进的。

    九宫格把页面纵横各分为三个部分,而我们进一步分成了六个部分。

    原则上,格子数量越多,每个格子越小,你在安排页面的时候会越灵活,PPT的页面设计要求不是太高的时候,6×6的格子可能是比较合适的。

    img125a

    img125b

    img125c

    img125d

    img125e

    你在这些版面里看到栅格了吗?

    关于版面设计,你可以在一些版面设计的书上看到更详细的内容。

    推荐阅读:《版式设计原理》(日)佐佐夫刚士

    img126a

    我们会到处搜找模板,

    或者公司会提供统一的模板,

    很多时候是不是感觉模板不太好用?

    好用的模板是怎样的?

    还有怎样才能用好这些模板呢?

    img126b

    很多模板其实做得很糟糕,

    在应放标题的位置放了公司名或logo,

    或者这种页面底部放了很大一片色彩丰富的图形。

    这样的模板你用起来就会很麻烦,因为页面内容没有地方放了,

    而且都不知道该怎么配色。

    img126c

    这是中国移动公司推出3G广告后的新模板。

    这个模板最大的问题就是缺少编辑空白区,

    中间编辑区被顶部标题区和底部修饰区挤占,

    最后做出来的PPT内容总给人

    把脚伸到别人座位的感觉,

    而且

    顶部的灰色,底部的花色

    都增加了配色的难度。

    img127a

    这是中国电信经常使用的一个模板,

    模板内容就非常干净,

    标题区和正文区划分清晰,

    把最大的空间留给内容设计者,

    配色也很简单,

    电信蓝(冷色)+橙色(暖色)

    相信大部分人更喜欢这样的模板。

    img127b

    假如你的运气不够好,

    单位提供的模板就是这样的。

    你该如何做好排版呢?

    我们的建议是:

    留白:把内容都尽量放在编辑区,不要超出乳白色区域。

    降噪:不要引入过多的颜色。

    img127c

    img127d

    img128a

    PPT与一般平面媒体最大的区别可能是动画。

    很多人都喜欢那种很炫很酷的动画,但是又苦恼自己做不出来。

    所以很多人就会觉得PPT高手一定是很会制作动画的。

    很多人说好的PPT就是要有动画,同时,又有一些人反对使用动画,觉得动画严重干扰了与观众的沟通。

    img128b

    到底要不要动画,说到底还是看动画对沟通是否有帮助。

    那个动画很酷,往往是因为那个创意很酷,动的时候还要考虑不动的时候是什么效果,比如别人用编辑状态浏览的话。

    有一些原则需要遵守:

    能不用动画的时候就不要用;

    不要让动画过于抢眼球,除非能突出内容。

    img128c

    动画的第一种用法:你方唱罢我登场。

    前面我们说一个页面只能有一个主角,但是有时候页面上会有三四的要点,这个时候就可以用动画,让这些要点按你要求的顺序一个一个展示出来。

    比如全图型的页面,为了不破坏图片的完整性,说明文字可以在图片展示后再出现。

    img129a

    动画的第二种用法:引导观众的视线。

    如果页面内容比较复杂,你又希望观众视线跟着你的节奏,不妨使用动画。在展示复杂的流程的时候特别有用。

    img129b

    动画的第三种用法:过程再现。

    有些事情本身就是由一组动作组成,而描述这个动作最好的方法莫过于通过动画再现这组动作。毕竟很多事情讲了半天不如做一遍给大家看看。

    比如描述某个机械生产的操作过程。

    img129c

    PowerPoint软件提供了很多很炫的系统内建动画效果,你不要尝试着在一个PPT里把这些动画都用上一遍。有些动画虽然很酷,但是不一定适合你。如果页面上的元素都用那种很炫的动作出现、消失,观众很快就会忘记应该听你讲而只注意看动画。

    img130a

    有时候我们会发现一些动画效果真的是很酷,但是不要忘记,真正酷的是那个动画的创意而不是动画本身。

    同样的动作,可以有不同的用途。

    比如擦除动作,你可能用作某个元素的出现动画,高手却把这个动作变成了一个很酷的计时器,诀窍在于设定擦除动画的时间。

    img130b

    做动画的时候,一定要考虑静态画面的效果。

    比如左面这个页面,我设想是文字内容讲完以后,出现小猫照镜子的图片,但是做成文稿以后,就变成了这个样子。

    正确的做法应该是图片置于底层,文本设置白色填充,文字部分讲完以后,用退出动画消失,露出下面的图片。

    img130c

    页面切换效果很酷,PowerPoint 2010提供了更多更酷的效果。如果你要用切换动画,尽量用最简单的那种。如果想用炫一点的效果,也请保持整个PPT切换动作的一致。建议在母版视图中统一设置切换效果,并使用切换速度比较快的动作(默认持续时间小于1秒),如细微型动画:切出、推进、揭开、覆盖和PowerPoint 2010新的动画:平移。