• 前端学做 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

  • 相关阅读:
    Java多线程编程核心技术手册 绝了
    YoloV6训练:训练自己数据集遇到的各种问题
    二叉搜索树详解以及C++实现二叉搜索树（递归和非递归）
    什么是原型链？
    如何解决独立站多渠道客户沟通难题？这款跨境电商插件一定要知道！
    pyinstaller最简单教程
    AI人工智能外呼机器人测试项目经历
    2434: 【区赛】[慈溪2013]统计方格
    【Java初阶】Array详解（上）
    Ubuntu server 22.04 安装kvm
  • 原文地址：https://www.cnblogs.com/pengjiali/p/16486793.html