PPT设计思维 - 邵云蛟

一、幻灯片设计前的内容梳理

1.1 文字应该多一点还是少一点

• 应用场景
  • 1 演讲型ppt，比如国内各路手机厂商发布会使用的ppt
    • 特点：简约，字少图多动画炫
    • 场景：商业计划路演、重点产品发布
  • 2 阅读型ppt，比如咨询公司的行业分析报告
    • 特点：页面内容详细，能够满足逻辑上的自洽性
    • 场景：毕业答辩、工作总结、方案汇报

1.2 幻灯片内容准备的3个步骤

1.2.1 明确内容表达的逻辑关系

准备内容前，要想清楚应该采用什么样的内容编排，才能让别人理解，或者才能取得更好的表达效果。

在准备幻灯片内容时，先理清表达上的逻辑效果。

• 内容的编排方式
  • 1 按照先后顺序的表达方式，即“是什么，为什么，怎么做”
    • 年终总结：1 列具体成绩，2 分析取得成绩的原因，3 如何基于既有经验进行改进。工作总结-存在问题-改进措施-未来计划
    • 方案策划：背景分析-传播策略-执行规划-预期效果
    • 毕业答辩：选题背景-论文结构-研究方法-分析讨论-研究结论-参考文献
  • 2 按照总分结构的表达方式，即一件事情是由几个方面来构成的，或者一种就俄国是由哪几个原因所导致的（并列关系）
    • 公司介绍：公司概况-发展状况-公司文化-主要产品-销售业绩

1.2.2 通过思维导图构建内容框架

确定好内容的表达逻辑后，接下来要整理思路，把要表达的内容按照一定的框架结构罗列下来。

工具：思维导图。

思维导图技巧：先分类，再列举。建立起详细的内容框架。

1.2.3 采用论据支撑论点的方式填充内容

论据支撑论点的表达：通常一页幻灯片，会包含两部分内容，论点和论据。为了让自己的观点更有说服力，需要有一些论据来支撑，通常是：数据、图表、图片和视频。

论据角度：比如政策、经济、社会以及技术环境等。

想让论点具有说服力，就需要找到比较全面而且权威的证据。

总结：在准备内容时，首先确定内容表达的逻辑关系，然后建立详细的内容表达框架，最后寻找论据，来支撑内容表达。

1.3 一份完整的幻灯片，包含哪些部分

当幻灯片内容过多，比如超过了10页，这时候需要利用幻灯片页面，来搭建一个完整的内容结构。

• 一份完整的幻灯片
  • 封面
  • 目录
  • 提示页
  • 内容页
  • 封底

二、幻灯片操作术

2.1 形状的4个功能

2.1.1 突出重点的文字内容

当在幻灯片页面展示信息时，为了引起别人注意，可以在文字底部插入一个颜色反差比较大的形状。

在图片写上文案后，有些文字内容的颜色由于和图片颜色相近，导致看不清楚。可以在文字和图片两个图层的中间，插入一个透明度为25%的纯黑色形状。

2.1.2 规整化不统一的元素

对于大小不统一的元素（图标或者图片），比如公司logo，可以为所有元素添加一个统一的形状（比如圆形），这样在一定程度上保持页面元素的整齐。

还可以利用这个技巧把页面上意思表达相近的内容归类到同一块形状中，让页面内容看起来更加整齐。

2.1.3 形象地表达内容之间的逻辑关系

• 幻灯片页面的内容存在一定的逻辑关系
  • 并列
    • 列表
  • 层级
    • 金字塔
  • 循环
    • 闭环流程图
  • 因果
  • 流程
    • 流程图
  • 时间线
    • 点和线

可以直接套用SmartArt样式模板来表达内容关系，在插入选项中。

• 先插入图形，再编辑文字
• 先插入文字，再转换为图像

2.1.4 表达抽象的概念

在设计扁平化风格（什么是扁平化设计 - 知乎）的ppt时，会使用很多象征化的小图标来表达一些抽象的概念。

• 形状在幻灯片制作的常见用途
  • 绘图
  • 辅助重点内容展现
  • 规整元素
  • 表达元素关系
  • 表达抽象概念

2.2 如何让幻灯片中的文字更加美观

2.2.1 对于大段的文字而言

对于文字比较多的幻灯片，段落的美观性非常重要。

• 1 调整段落字体，并选择适合字体的行间距
  • 尽量不要选择宋体，以及笔画纤细的字体。笔画过粗也不是正确的选择，会导致拥挤。
  • 黑体系列的字体可以给观众带来更好的阅读体验。可以尝试使用微软雅黑、冬青黑体、思源黑体。
  • 行间距设为1.5倍。
• 2 使用灰色，尽量不要使用纯黑色
  • 使用黑色，会有一种生硬的感觉。为了看起来更加温和，可以使用深灰色。
  • 使用灰色可能会导致别人看不清文字内容，可以提前测试。如果最后一排也能看清，或者幻灯片不需要投影放映。如果测试没问题，就没有担心的必要，不要把所有人都想成高度近视。

2.2.2 对于一些需要特殊处理的文字而言

有时需要增加文字的表现力，需要让其看起来更有质感。

1 利用图片填充

将图片填充至文字。

选择笔画较粗的字体。选中文字内容，右键选择设置文字效果格式，然后文本填充，选择图片或纹理填充，上传相应的图片即可。

2 利用三维格式

设置字体的基本3D效果。

选择笔画较粗的字体。

选中文字内容，右键选择设置文字效果格式，然后文本选项，找到三维旋转，在预设的格式中，选择前透视。然后将透视的深度设定为60磅。

2.3 图片设置

• 图片处理
  • 裁剪
  • 添加滤镜
  • 虚化处理
• 场景
  • 场景1 将图片处理为16:9比例
    • 裁剪，有裁剪比
  • 场景2 将若干张图片裁剪成直径一致的圆形/三角形/圆角矩形等
    • 1 将图片处理成圆形，将直径一致；2 然后裁剪成指定的形状
    • 处理成圆形，要先裁剪成1:1的正方形，才裁剪成圆形。
  • 场景3 去掉图片的灰色背景，变成纯白色
    • 格式->颜色->设置透明色
  • 场景4 将图片处理成灰色
    • 格式->颜色->添加滤镜
  • 场景5 模糊图片
    • 将图片作为幻灯片背景，文字写在上面，可能会造成阅读障碍。可以将图片做成模糊的毛玻璃效果比较好。
    • 做法：选中图片，单击右键，设置图片格式，选择艺术效果，找到虚化，半径设为90。
  • 场景6 为图片添加阴影
    • 需要使用一些有立体感的图片，可以加阴影。
    • 格式->图片效果->阴影
    • 图片中的物体是直立的，为了让直立效果更加明显，可以添加左透明阴影效果。

2.4 在幻灯片中使用特殊字符

2.4.1 特殊的标点符号

使用搜狗输入法的符号大全输入。

2.4.2 特殊的数学符号或公式

插入->公式

2.5 音频在幻灯片制作中的两个作用

音频在幻灯片中使用频率不高，但是也有一定的应用场景。

2.5.1 抒发感情型的演讲时气氛渲染

渲染现场气氛，让观众迅速融入进演讲主题，可以使用恰当的音乐。

设置方式：插入音频文件，选中音频->播放->后台播放。

注意事项：不要出现具体的歌词；建议使用钢琴曲；最好做到音画同步。

2.5.2 还原对话内容，表现真实性

幻灯片播放客户与客服的通话录音，来还原当时的通话内容。

可以在屏幕上写出与语音相关的文字内容，会更好一点。

要求幻灯片放映到特定页面时，在进行播放。操作：选择音频，播放->开始由“单击时”改为“自动”，并且勾选“放映时隐藏”。

• 音频资源
  • 爱给网
  • Findsounds

2.6 利用视频增强演示的表现力

• 场景
  • 1 全球变暖：使用洪水、冰川融化等视频
  • 2 产品功能
• 视频作用
  • 奠定演讲基调
  • 辅助说明一些具体的问题

2.7 PPT页面中的元素层级关系

• 场景
  • 1 页面层级关系较少时
    • 置于顶层和置于底层
  • 2 页面层级关系较多
    • 开始->选择，找到要改动层级的元素，直接拖拽到要改动的位置

2.8 快速实现元素的对齐效果

开始->排列->对齐，选择左对齐、纵向分布等调整。

2.9 快速复制其他元素的特效

格式刷。

2.10 精准确定元素在页面中的位置关系

2.10.1 确定页面的中轴线

2.10.2 智能参考线

（对这部分略有无语，这不是跟2.8矛盾吗）

2.11 快速统一页面背景

让ppt所有页面都是用一样的背景图，在某页ppt的设置背景格式里，点击下方的全部应用，即可实现。

2.12 选择适合投影屏幕的页面尺寸

2.12.1 最常见的两种页面尺寸

16:9和4:3

修改页面尺寸，设计->幻灯片大小->选择要设置的比例。

2.12.2 演讲、发布会常用的页面尺寸

发布会、行业峰会，放映场合多为酒店或者剧院，这样的屏幕尺寸都比较特殊，有2.35:1。

修改页面尺寸，设计->幻灯片大小->自定义幻灯片大小->输入相应的尺寸（宽高比例正确即可）。

2.12.3 页面尺寸修改可能出现的问题

对于正在制作的PPT页面，要修改页面尺寸。设计->幻灯片大小->选择要设置的比例，显示是最大化内容大小还是按比例缩小以确保适应新幻灯片？

选择后者。前者不会改变ppt页面元素的大小，后者会按比例缩小。

2.13 让页面内容看起来更有条理性

• 添加项目符号
  • 无序符号
  • 有序符号

2.14 写给大众看的图表使用指南

场景：年终总结报告，需要展现过去一年的业绩数据。商业路演，展现企业市场份额的相关数据。为了清晰直观地让别人了解这些数据所传递的含义，可以将其做成数据图表。

2.14.1 正确选择图表类型

• 成分（整体的一部分）
  • 例如：公司产品在市场中所占份额的数据。
  • 类型：饼图
• 排序（数据间比较）
  • 柱形图、条形图
• 时间序列（走势、趋势）
  • 柱形图、折线图、面积图
• 频率分布（数据频次）
  • 柱形图、条形图
• 相关性（数据间关系）
  • 柱形图、条形图

2.14.2 图标使用规范

1. 不要使用曲线
2. 面积图要透明化处理
3. 对数据严谨性有要求的场合中，不要使用立体图表，要选用平面图表
4. 数据间差异不大，且要进行对比，使用柱形图而不是饼图
5. 使用饼图时，1 最大份额要从12点钟方向开始；2 尽量确保按照从大到小份额进行排列。
6. 使用气泡表示面积时，要确保面积之间倍数关系的准确性
7. 纵坐标数据从0开始（这点不是很赞同，只能说大部分从0开始）
8. 柱状图各分类之间的间距不能过大或过小，保持在柱状图宽度的50%-80%之间
9. 不要随便删除图表包含的内容
10. 进行数据间的比对，使用不同的颜色进行区分

3 动画在幻灯片中的3大作用

3.1 认识幻灯片动画

切换是不同页面之间过渡时的动态效果。

动画是单独页面上元素的动态效果。

3.1.1 模拟物理世界的动作效果

• 翻页效果-切换效果中的页面卷曲
• 家庭破碎-折断效果
• 写作时没灵感-压缩效果

3.1.2 吸引观众的注意力

给关键的文字加上动画效果

3.1.3 使元素间隔显示

就是一点点显示页面内容

3.1.4 动画使用常犯的3个错误

• 动画的数量问题。动画不宜过多
• 一致性问题。同一页ppt的同类元素，选择同一种动画效果。
• 动画复杂程度问题。动画不需要太复杂。

3.2 动画刷

与格式刷类似，与格式刷使用手法相同。

选择元素，动画->动画刷。

4  幻灯片设计美化

4.1 面对不同的幻灯片类型，应该如何选择恰当的字体

• 不同的字体有不同的应用场合。
  • 有些字体表现力量感。
  • 有些字体表现古典感。
  • 动漫字体不适合商务ppt。

4.1.1 考虑到阅读的需要

• 大段文字内容
  • 不要选择字形过于复杂的字体，比如行书、草书或一些艺术化字体。
• 一份幻灯片中
  • 不要使用过多种类的字体，字体不要超过2种。
  • 一般来说，标题和正文各选择一种字体。
  • 尽可能选择辨识成本低的字体，比如黑体。
  • 推荐使用免费可商用的字体，思源黑体、微软雅黑。

4.1.2 考虑到排版的需要

• 排版文字段落时
  • 为标题选择字形较粗的字体，正文使用较细的字体。
  • 字体搭配组合
    • 
  • 注意：除了微软雅黑以外，其他字体不要随便作加粗处理，人为改变笔画粗细可能会造成美观性丢失。

4.1.3 考虑到场景的需要

• 字形较粗的字体：用在表现力量感、男性、稳重等内容场景下
• 较细的字体：表现纤弱、女性、轻盈等场景下
• 书法字体：表现豪放洒脱、个性化、自信等场景下
• 参考优秀设计中的字体选用标准，比如电影海报，电影海报在一定程度上承载电影所要表达的主题。

4.1.4 找对合适字体

• 背景：找到了喜欢的字体，但是不知道字体名字。
• 网站：求字体网
  • 字体识别
  • 字体下载

4.2 配色凸显专业性

4.2.1 摆脱脏乱差，如何才能打造美观的配色方案

1 主题的契合度

举例：红色：热情，蓝色：沉稳。学术风格ppt：深蓝色。

2 易识别性

ppt页面的内容与背景色有一定反差，深色配浅色或浅色配深色。

不要出现浅色配浅色或深色配深色。

3 色调一致性

确定一整套ppt的配色方案后，最好就一直沿用这些色彩，让每页配色方案看起来是一致的。

4 可拍摄性

背景色尽量使用深色，不要使用浅色。

4.2.2 如何确定主题色

主题色一般只有一种，且会贯穿ppt的始终。

1 企业VI的配色

比如京东红。

2 自定义的场景需求

通过颜色使ppt表现出一种抽象的感觉，比如稳重、优雅、可爱等。

千图网印象配色工具。可以通过千图网获取一些灵感。

4.2.3 如何确定配色方案

确定好主题色后，避免页面看起来单调，要为其选择配色，来构成一整套配色方案。

1 单色系色调一致

主题色选择深绿色，配色可以考虑使用不同明度的浅绿色。

确定不同明度的颜色，网站material palette。page104

2 多色系色调一致

让ppt的色彩方案更加多样化，而不是单一色调，可以选择色彩明度一致但不是同一色系的颜色。

找明度一致，不同色系的颜色，网站colorhunt

4.2.4 灰色在幻灯片设计中的两个作用

• 灰色表现对比关系。
• 灰色表现整体，重点色凸显局部。

4.3 专业的ppt设计师如何找图

1 对于页面中单张图片的考量

对单张图片，基本要求是高清、没有水印，进阶要求，涉及图片创意。

保护文件安全，保护银行卡账户安全，表现数据加密，社交网络等等。

2 对于整套ppt的配图而言

ppt配图，基本要求，风格保持统一。

4.3.1 学会使用识图工具

百度识图等，找没有水印的图片。

4.3.2 专业的图库网站

• 专业图库网站
  • Pixabay
    • 图片质量高，素材多，全部免费，可用于商业场合
  • 全景网
    • 提供商务类型的图片素材
  • 500PX
    • 摄影图库

4.3.3 矢量图标库资源

• 矢量图标库
  • 阿里巴巴矢量图标库
    • 扁平化小图标
    • 数量丰富，类型齐全，全部免费
  • easyicon

4.4 ppt背景选择的4大原则

4.4.1 确保背景不会阻碍内容传递

背景只是为了辅助内容呈现，起到的是配角作用。内容才是我们真正想要表达的东西。

千万不要颠倒主次关系。

• 背景选用上
  • 不要使用影响内容识别的风景图
  • 不要使用有明显焦点的人物照、动物照，不仅影响阅读，还会分散注意力。
  • 不知道选择哪种背景时，选用白色或浅灰色，虽不出彩，但不至于犯错误。

4.4.2 能跟内容主题相关会更好

背景图不只是让内容可读，主要作用还是让内容看起来更有表现力，更加符合主题需求。

4.4.3 配色问题

黑白灰是大多数背景选择的主要颜色。

小众色彩，深蓝色、深红色的配色方案可选择的范围会缩小很多，通常只能与白色相配，尽量不要选这些颜色作为背景。

4.4.4 演讲的场景

如果做的ppt用于演讲，需要被拍摄下来，那么最好选用深色背景。

黑色磨砂背景是个不错的选择。

4.5 ppt高搜和小白在图文排版上的差别

ppt排版的3个原则

4.5.1 对齐

有左对齐、居中对齐和右对齐。

4.5.2 对比突出焦点

1 大小对比

标题的字号要大于正文选用的字号。

2 颜色对比

重点内容，可以换一种颜色。

3 粗细对比

对重点文字加粗处理。

4 衬底对比

给重点字体加一个底部形状。

4.5.3 平衡

如何安排页面上内容的位置关系，才能保持视觉上的平衡感，使页面看起来不空洞。

1 中心对称

页面上只有一段话或一张图片，那么就放到页面中心位置。

2 左右对称

顾名思义

3 上下对称

顾名思义

4 对角线对称

顾名思义

4.6 封面设计

4.6.1 没有背景图的封面

1 左右结构的设计

logo在左，内容在右。

2 上下结构的设计

logo在上，内容在下

4.6.2 利用形状设计的封面

1 拦腰的形状

页面中间插入一个形状，填入内容

2 页面中心的形状

页面中心插入形状，适用于标题文字较少的封面设计。

4.6.3 有背景图的封面

1 左图右文

顾名思义

2 全背景图，内容居中

要求背景图没有焦点

3 全背景图，内容在左/右

背景图焦点在右/左

4 半背景图

图片内容上下分

4.7 图表设计

4.7.1 图表美化3板斧

1 配色方案

确定ppt的配色方案之后，为图表配色时，也要使用相同的配色。

2 图表类型

分析运动员各项能力指数，建议使用雷达图。

表示股价的波动，可以使用股价图。

4.7.2 信息图表的运用

图表可以直观展示数据，信息图表在直观性维度上，又增加了一个生动性的维度，让人更容易接受。

1 利用图片填充来设计信息图表

使用代表男女用户的图标来表现用户占比

2 利用特殊数值的设定来设计信息图表

对比不同年份的数据，可以使用多重圆环进行表示。 

5 ppt模板

5.1 ppt模板寻找指南

5.1.1 免费模板资源

• 网站
  • 微软官方模板
    • 模板漂亮
    • 模板设计规范，用户方便修改套用
  • 扑奔网
    • 模板数量多，美观性高
  • PPTfans
    • 不只有模板，还有教程
  • 优品PPT
    • 数量多
  • 逼格PPT
    • 原创设计，数量不多，质量还行

5.1.2 收费模板资源

• 网站
  • pptStore
    • 质量很高
  • 演界网

5.2 模板使用技巧

5.2.1 修改页面上的固定元素

修改母版

5.2.2 修改模板固有的设计方案

修改模板的字体等。

6 ppt的多样呈现

6.1 需要留意的保存细节

6.1.1 检查兼容性

6.1.2 嵌入字体

将字体嵌入后保存。

文件->保存->将字体嵌入文件

6.2 防止他人修改ppt

6.3 用ppt制作H5

6.3.1 设计H5页面

6.3.2 生成滑动式网页

6.4 ppt设计海报

6.5 演讲者模式

6.6 ppt制作视频

6.7 ppt放映

附录A 软件

1 PhotoZoom Pro

让分辨率低的图片变清晰。

2 PPTMinizer

压缩ppt和word

3 norditools

插件，有许多功能，比如环形复制、矩阵复制等。

4 TAGUL

生成文字云。

5 Collagelt Pro

图片排版

6 皮影客

制作视频

7 百度H5

免费H5

8 Smallpdf

附录B 全图型PPT

附录C 提高ppt设计水平的网站

• 网站
  • presentationload
    • 偏商务
  • dribbble
    • 提高配色能力
  • 站酷

附录D 做好ppt演讲

1 准备ppt

2 准备演讲