前端学做 PPT

前端学做 PPT

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

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

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

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

案例展示

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

  • ppt 结尾：
    office-fengmian4.png

  • 文字镂空效果：
    office-hengshan.png

  • 图形合并的使用：
    office-xingzhuang6.png

  • 分裂排版：
    office-paiban4.png

  • 字符背景加文字：
    office-biaotimuban2.png

  • 左右排版：
    office-paiban3.png

office-fengmian.png

office-biaotimuban.png

  • 栅格排版：
    office-paiban6.png

office-paiban7.png

  • 点的应用 - 这里有一种稳定、有规律的感觉：
    office-paiban9.png

  • 全文字型内页排版：
    office-paiban10.png

office-paiban11.png

office-paiban12.png

  • 表格：
    office-table3.png

  • 标题和段落
    office-fengmian2.png

office-fengmian3.png

office 版本选择

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

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

office-version.png

默认设置

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

清除占位符

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

office-zhanweifu.png

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

office-zhanweifu2.png

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

office-zhanweifu3.png

无限撤回

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

office-ctrl-z.png

参考线

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

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

office-cankaoxian.png

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

压缩图片

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

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

office-yasuo-img.png

字体嵌入

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

office-save-font.png

默认字体

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

office-default-font1.png

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

office-default-font2.png

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

office-default-font3.png

多格式导出

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

在文件->导出中：
office-export.png

自动保存

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

office-autosave.png

修改默认样式

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

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

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

office-tubielan2.png

主题色

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

快捷键

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

快速工具访问栏

下图左上角的红框则是快速工具访问栏：
office-kuaisugongjufangwenlan.png

可以右键将其往下移动，就像这样：
office-kuaisugongjufangwenlan2.png

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

文本操作

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

输入文本框

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

office-kuaijiejian7.png

lorem 快速生成测试文本

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

office-lorem.png

放大缩小

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

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

office-fangdawenzi.png

加粗、斜体、下划线
  • ctrl + b 加粗
  • ctrl + i 斜体
  • ctrl + u 下划线
对齐
  • ctrl + l 左对齐
  • ctrl + r 右对齐
  • ctrl + e 居中对齐

下图为右对齐：
office-youduiqi.png

设置为默认文本框

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

office-default-text.png

插入图片

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

office-insert-image.png

office-insert-image2.png

shift 家族

水平或竖直移动物体

shift + 鼠标移动

等比缩放

shift + 鼠标拖拽

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

shift + 鼠标。

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

旋转15°

shift + 旋转。

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

office-kuaijiejian1.png

ctrl 家族

放大缩小

ctrl + 鼠标滚动

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

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

office-resize.png

移动复制

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

快速复制

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

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

office-kuaijiejian2.png

组合/解除组合

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

office-kuaijiejian4.png

解除组合：ctrl + shift + g

保存

ctrl + s

撤销/恢复

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

ctrl + shift

竖直水平移动复制

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

office-kuaijiejian5.png

等比例中心放大

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

复制粘贴格式

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

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

office-kuaijiejian6.png

放灯片新建、删除和排序

新建页面

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

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

删除页面

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

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

office-liulanmoshi.png

排序

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

字体

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

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

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

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

字体分类

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

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

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

字体气质

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

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

字体高大上的技巧

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

office-hengshan2.png

office-hengshan.png

案例：纯文本修改法

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

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

效果如下：

office-biaotimuban.png

形状

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

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

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

请看下图：

office-xingzhuang2.png

office-xingzhuang3.png

office-xingzhuang4.png

案例：字符背景加文字

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

office-biaotimuban2.png

案例：ppt 首页

office-xingzhuang5.png

案例：图形合并

office-xingzhuang6.png

案例：图片填充到形状

office-xingzhuang7.png

颜色

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

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

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

office-quse.png

排版

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

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

请看下图：
office-paiban1.png

office-paiban2.png

经典版面

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

经典版面有：

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

请看下图：
office-paiban3.png

office-paiban4.png

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

office-paiban6.png

office-paiban7.png

创意版面

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

点

点具有如下特性：

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

office-paiban8.png

office-paiban9.png

线

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

可分隔区域，或引导视觉

表格

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

office-table3.png

首先清空表格样式：

office-table.png

表格内容间隔设置浅蓝色：
office-table2.png

选择窗格

元素太多，可以将某些元素隐藏起来：
office-xuanzechuangge.png

posted @ 2022-07-17 14:20  彭加李  阅读(405)  评论(0)  编辑  收藏  举报