前端学做 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 + cctrl + v

快速复制

ctrl + d 也可快速复制并粘贴。常规的做法是 ctrl + cctrl + 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种,我们可以通过公司官网确定几个主题色。

Tiphttps://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  彭加李  阅读(438)  评论(0编辑  收藏  举报