前端学做 PPT

前端学做 PPT

公司做技术分享、年终总结都需要用到ppt。

要快速、省事的做出高质量的 ppt，一方面需要熟练使用制作 ppt 的工具，另一方面得知道用工具做成什么样子才是好作品。前者比较简单，后者则需要长时间的练习。比如提高审美水平就不是一蹴而就的事，得多看优秀的作品，否则你都知道到设计成什么样子才是好的

本篇首先展示一些案例，之后就主要讲解 ppt 工具的使用，以及示例的制作方法，中间则会穿插一些简单的设计规则。

Tip：笔者使用 office 2016 专业增强版。

案例展示

• ​​ppt 开头​​ - 涉及图形的使用，通过边框让文字高端，通过蒙版让文字清晰，文字加粗更具震撼效果：



• ​​ppt 结尾​​：



• ​​文字镂空​​效果：



• ​​图形合并​​的使用：



• ​​分裂排版​​：



• ​​字符背景加文字​​：



• ​​左右排版​​：

• ​​栅格排版​​：

• ​​点的应用​​ - 这里有一种稳定、有规律的感觉：



• ​​全文字型内页排版​​：

• ​​表格​​：



• ​​标题和段落​​

office 版本选择

建议使用 office 2013 及以上版本。通常最新版的最好用。

通过 ​​文件->账户​​ 查看版本：

默认设置

介绍一下好用的默认设置。

清除占位符

每次新建新的页面，都会有两个占位符，通常不满足我们的需求，需要删除，如果每次新建页面都删除一遍，很是麻烦。可以通过​​视图->幻灯片母版​​统一删除：

删除当前母版所有内容，然后关闭母版：

再次新建页面，占位符则不复存在：

无限撤回

​​ctrl + z​​​ 默认撤回 20 次，可以通过 ​​文件->选型->高级​​ 设置到最大值（150）。

参考线

比如每页的 logo 得放在同一个地方，我们可以通过​​参考线​​来完成此任务。

在视图中，勾选​​标尺​​​、​​网格线​​​、​​参考线​​ 即可：

参考线新增：ctrl 并拖动网格线
参考线删除：右键选择删除

压缩图片

将图片插入 ppt，ppt 默认会将其压缩，有时会导致图片不太清晰，影响效果。

我们可以放弃图片压缩。通过 ​​文件->选型->高级​​​ 勾选“不压缩文件中的图像”，并将输出设置选择最大，比如 ​​330 ppi​​。

字体嵌入

比如你的 ppt 在他人的电脑中播放，发现有些字体没有了，这是因为对方机器没有安装你的字体。可以通过​​文件->选型->保存​​将字体嵌入文件：

默认字体

新建页面，标题和正文都有一个默认字体，比如笔者的​​等线 Light​​：

如果想统一修改，比如标题用​​微软雅黑Bold​​​，​​微软雅黑Light​​​。通过​​设计->变体->字体-自定义字体​​ 设置：

于是正文已经是​​微软雅黑Light​​：

多格式导出

可以将 ppt 导出成其他格式，比如 pdf、png、视频等等。

在​​文件->导出​​中：

自动保存

默认10分钟自动保存，可以通过 ​​文件->选型->保存​​ 将其调小，比如 5 分钟：

修改默认样式

绘制两个图，都是这种蓝色调（有人称之​​土鳖蓝​​），这也就是默认样式：

我们可以统一修改其样式，比如修改成黄色背景蓝色边框。

首先我们画一个图形，将其设置成黄色背景蓝色边框，接着右键图像，选中​​设置为默认形状​​。接着绘制其他图形，发现样式却是变成黄色调了：

主题色

默认是彩色，还有深灰色、白色。晚上演示可以使用深灰色，有的有还有 Dark。 以下是​​深灰色​​：

快捷键

• 可以通过快捷键提高操作速度，比如快速复制粘贴
• 可以将常用的操作放在​​快速工具访问栏​​中，比如组合、对齐

快速工具访问栏

下图左上角的红框则是​​快速工具访问栏​​：

可以右键将其往下移动，就像这样：

可以将常用的一些操作通过右键移至​​快速工具访问栏​​​：
置于顶层、置于底层、上移一层、下移一层、上下居中对齐、左右居中对齐、横向分布、纵向分布、组合、取消组合、旋转对象、左对齐、右对齐、居中对齐、顶端对齐、底端对齐

文本操作

ppt 可以没有图片，但通常会有文字。

输入文本框

依次输入 ​​alt -> n -> x -> h​​，然后在需要输入文本的地方用鼠标点击一下，即可输入文本。

lorem 快速生成测试文本

文本框中输入 ​​=lorem()​​ 回车，即可快速生成一段文字。效果如下图所示：

放大缩小

通过 ​​ctrl + a​​ 全选文字，然后通过：

• ​​ctrl + [​​ 缩小文字
• ​​ctrl + ]​​ 放大文字

加粗、斜体、下划线

• ​​ctrl + b​​ 加粗
• ​​ctrl + i​​ 斜体
• ​​ctrl + u​​ 下划线

对齐

• ​​ctrl + l​​ 左对齐
• ​​ctrl + r​​ 右对齐
• ​​ctrl + e​​ 居中对齐

下图为右对齐：

设置为默认文本框

每次新建文本都需要重新设置为微软雅黑，好烦。可以右键​​设置为默认文本框​​:

插入图片

依次输入 ​​alt -> n -> p​​，会弹出选择插入图片的弹框。请看下图：

shift 家族

水平或竖直移动物体

shift + 鼠标移动

等比缩放

shift + 鼠标拖拽

正圆、正方形、等边三角形

shift + 鼠标。

Tip：选中图形，直接点击（不拖拽）也能生成正方形、正圆等

旋转15°

shift + 旋转。

右键形状，选中​​大小和位置​​即可查看角度：

ctrl 家族

放大缩小

ctrl + 鼠标滚动

精细调整或绘制时，需要使用。比如我需要绘制一个大于舞台的矩形，用于做一个不规则的形状的背景图片填充。

Tip: 点击右下角的​​田​​，可以将舞台大小恢复

移动复制

​​ctrl + 移动​​​ 则可快速复制并粘贴。常规的做法是 ​​ctrl + c​​​ 和 ​​ctrl + v​​

快速复制

​​ctrl + d​​​ 也可快速复制并粘贴。常规的做法是 ​​ctrl + c​​​ 和 ​​ctrl + v​​

它还能复制距离。比如绘制完第一个图像，通过 ctrl+d 复制第二个并拖动到到合适的地方，继续按几次 ctrl + d，效果如下图所示：

组合/解除组合

组合：​​ctrl + g​​。效果如下：

解除组合：​​ctrl + shift + g​​

保存

​​ctrl + s​​

撤销/恢复

撤销：​​ctrl + z​​​ 恢复: ​​ctrl + y​​

ctrl + shift

竖直水平移动复制

​​ctrl + shift + 鼠标拖拽​​。例如根据一个图像，快速生成如下效果：

等比例中心放大

等比例中心放大图片、图形可以使用：​​ctrl + shift + 拖拽​​

复制粘贴格式

复制粘贴格式：​​ctrl+shift+c/v​​。等效于下图的“格式刷”。

将第一个图片的格式应用在第三个图形上没有问题，但应用在文字上就不可以了，或许程序不知道哪个文字应该设置为黄色：

放灯片新建、删除和排序

新建页面

通过 ​​ctrl + m​​ 即可新建一个页面。

Tip：回车是新建页面最快的方法。比如选中某个页面，然后每按一次回车，就会新建一个页面：

删除页面

如果要删除一个，可以选中要删除的幻灯片，按 ​​del​​ 即可。

倘若要快速删除特定的许多页，比如 10-20， 40-50等，可以进入​​幻灯片浏览​​模式下删除。就像这样：

排序

倘若要将第一张挪到倒数第二页，可以进入​​幻灯片浏览​​模式拖动排序。

字体

ppt 可以没有图片，但不能没有文字。

字体的选择非常重要，不合适的字体会导致作品直接失败。

中文字体分类很多，每种字体气质也不相同，我们接下来稍作了解即可

Tip：工作中我们常用黑体，代表刚硬和​​专业​​​。比如标题用​​微软雅黑Bold​​​、正文就用​​微软雅黑 Light​​。

字体分类

中文字体可以简单分类如下：

• 宋体：例如宋体、汉仪大宋简、方正风雅宋简体
• 黑体：例如微软雅黑、黑体、思源黑体、方正兰亭黑简体。黑体在同样的字号下较宋体更易于识别，通常用在​​商务场合​​，代表刚硬和专业
• 楷体：楷体、长城行楷体、方正行楷、华文楷体。老师课件上看的最多，造型古朴、笔画平直，通常用于做中国风的 ppt。工作中用的不多
• 其他

Tip：字体请自行去找网站下载，windows 下双击安装即可。

字体气质

字体根据气质可以简单分类如下：

• ​​粗犷有力​​。例如黑体加粗、特别粗的水墨字体等，由于具有视觉冲击力，通常用于封面、标题
• ​​优雅纤细​​。例如微软雅黑 Light、方正兰亭超细黑简体。纤细代表优雅、高端。例如用在产品发布会、产品介绍。由于纤细的阅读感更舒适，所以用在一些阅读型的ppt中

字体高大上的技巧

• 文字添加边框
• 图文结合。例如在一张图片上添加文字，更富视觉冲击力
• 文字镂空效果。利用​​合并形状​​​中的​​剪除​​​功能。首先放入图片，然后通过拖拽一个矩形设置黑色及透明度，然后输入文字，最后先选中蒙版，在按住 shift 选中 文字，然后​​剪除​​​即可（​​剪除​​功能，保留的是最先选中的蒙版）。

案例：纯文本修改法

假如一页 ppt 中都是文字，通常直接从 word 中拷贝过来。可以通过以下步骤对其美化：

• 将文本​​分段​​
• 提取每段的​​关键字​​
• 加​​图标​​
• 修改​​版面​​，例如左右布局

效果如下：

形状

虽然 office 提供了许多默认图形，但更多的图形还是需要我们自己来实现。例如下图第二行的​​圆角8边形​​就是笔者自己绘制的，默认图形中没有。

形状能起到辅助表达的作用。例如：

• 表达流程
• 形状存托文字
• 作为图标，强力表达文字
• 用形状区分不同含义

请看下图：

案例：字符背景加文字

主要利用文字和图形的​​合并形状->拆分​​

案例：ppt 首页

案例：图形合并

案例：图片填充到形状

颜色

颜色里面的学问很深，比如怎么配色好看，对于没有专业学习的来说是难做到的。最简单的就是抄优秀作品的颜色。

不过建议一个 ppt 中颜色不过超过4种，我们可以通过公司官网确定几个主题色。

Tip：​​https://kuler.adobe.com​​​ 可以根据图片，选择色彩​​情景​​，即可帮我们取出图片的几种主题色。就像这样

排版

在《写给大家看的设计书》一书中说到排版四要素：

• ​​对齐​​。
• ​​对比​​。要么完全一样，要么完全不同。比如一行文字中给其中两个文字添加斜体，起不到对比效果，因为不清晰。可以给这两个字添加一个红色。如果一行文字颜色过多，用户也就不知道该看哪个。
• ​​亲密​​。彼此相关的项应该靠的近一点，不太相关的可以远一点
• ​​重复​​。比如一套PPT，一致的风格、一致的字体、一致的排版、一致的配色

请看下图：

经典版面

排版，就是设计师在文本排列上暗含规律的划分。

经典版面有：

• ​​左右分割​​。1比3、3比2等都可以
• ​​上下分割​​
• ​​居中​​
• ​​分裂​​。类似左右分割，但这里是一分为三，或更多
• ​​矩阵排列​​
• ​​栅格排列​​

请看下图：

例如将页面分成8个格子，怎么排都好看。请看下图：

创意版面

如果需要更多创意的图形，则需要使用形状。比如点、线、面

点

点具有如下特性：

• 大小不固定（蚂蚁是一个点、太阳也是一个点）
• 形状不固定（山下的人是一个点，星星也是一个点）

线

最具变化和个性的元素，粗细超过一定限度或密集排列则会转为面。

可分隔区域，或引导视觉

表格

美化表格。表格前后效果对比：

首先清空表格样式：

表格内容间隔设置浅蓝色：

选择窗格

元素太多，可以将某些元素隐藏起来：

作者：彭加李