10分钟教你做一份UI风的PPT(上)

X.X工作室前期发布了《为什么你的PowerPoint没有Power又没有Point》一文,以其实用性受到很多海粉喜欢,先回顾下文中提到的制作PPT的建议:

1. 将PPT版本更新至“Microsoft Office PowerPoint 2013”或“Microsoft Office PowerPoint 2016”,或购买Microsoft Office 365;

2. 使用统一风格,包括:配色,字体,字号,重复元素等;

3. 对齐,包括:内页对齐,格页对齐等;

4. 根据自己的演讲风格,使用“字少图多”的原则;

5. 若PPT内页中有较多文字,可选择“提取重点,单独强调”和“改变字体颜色和粗细”来强调重点;

6. 简易排版与配图;

7. 减少使用幅度过大的动画。

复习完成,下面开始今天的内容:

10分钟教你做一份UI风的PPT(上)_第1张图片
本篇文章X.X工作室将继续谈PPT,教大家做一份UI风的PPT。

本篇文章X.X工作室将继续谈PPT,教大家做一份UI风的PPT。

一、完整的PPT定义

1、PPT结构

一份完整的PPT包含封面,目录,过渡页,内容页及结束页。

10分钟教你做一份UI风的PPT(上)_第2张图片

本篇主讲封面和结束页,后续工作室会依次发文讲解“目录”、“过渡页”和“内容页”。

2、字体与配色

文中PPT,字体选用非衬线字体——“微软雅黑”和“微软雅黑Light”;配色选用Google建议的UI配色:

10分钟教你做一份UI风的PPT(上)_第3张图片

通常,系统会有默认配色:

10分钟教你做一份UI风的PPT(上)_第4张图片

制作时,所有字体与自选图形都会使用系统默认配色,如需使用其他颜色,则每次都要重新输入数值修改颜色,麻烦费时。因此,在制作PPT前,调整默认配色将事半功倍,方法如下:

点击工具栏中“设计” —— 点击“变体”中的小三角

然后,点击“颜色” —— “自定义颜色”

10分钟教你做一份UI风的PPT(上)_第5张图片

此时,会出现一个修改默认配色的框,按给定的配色,依次修改标红框部分的颜色。

10分钟教你做一份UI风的PPT(上)_第6张图片
10分钟教你做一份UI风的PPT(上)_第7张图片

然后在弹出的对话框中,依次输入配色数值;

10分钟教你做一份UI风的PPT(上)_第8张图片

修改后,在名称中自定义名字,将配色保存,以备后用。

全部修改完成后,“主题颜色”应该是这样的:

10分钟教你做一份UI风的PPT(上)_第9张图片

完成颜色设置,再看如何设置默认字体。“工具栏中’设计’—— ‘变体’中的小三角”下,点击“字体”选项,然后选择“自定义字体”。


10分钟教你做一份UI风的PPT(上)_第10张图片

将中西文的字体按如图所示,修改为“微软雅黑”。

10分钟教你做一份UI风的PPT(上)_第11张图片

二、封面与结尾页

1、封面页

10分钟教你做一份UI风的PPT(上)_第12张图片

封面页看起来麻烦,实则简单。

简单拆分便知道该页PPT的构成。

10分钟教你做一份UI风的PPT(上)_第13张图片

图片比较好找,问题在于如何制作一个透明页

首先画一个和PPT页面相同大小的矩形。

“开始” —— “绘图”中的“矩形”

在页面中画出一个和页面一样大或比页面大的矩形。

点击矩形,菜单栏上会出现一个“绘图工具” —— 点击“格式”,在形状格式中,点击右下角的小框,页面右侧会出现“设置形状格式菜单”;

10分钟教你做一份UI风的PPT(上)_第14张图片

好,接下来敲黑板了,特别重要!

首先,把“线条”选成“无线条”!

然后,“填充”选择“渐变填充” —— “类型”选择“线性”

10分钟教你做一份UI风的PPT(上)_第15张图片

接下来点击“方向”,选择从左到右,即下图框出的方向;

10分钟教你做一份UI风的PPT(上)_第16张图片

最后,看“渐变光圈”。

10分钟教你做一份UI风的PPT(上)_第17张图片

点击“渐变光圈”下的第一个“标尺”,颜色选择预先设置好的“紫色”,位置调为“0%”,透明度调为“0%”,接下来的三个“标尺”,请按照如下截图数据调整。

10分钟教你做一份UI风的PPT(上)_第18张图片
10分钟教你做一份UI风的PPT(上)_第19张图片
10分钟教你做一份UI风的PPT(上)_第20张图片

配上图片,格调是不是顿时提升了很多。

上一篇文章中工作室讲了对齐和对称。

10分钟教你做一份UI风的PPT(上)_第21张图片

因此在制作前需设定好左右间距,上下间距。

这样一个封面页就做好了。

2、结尾页

10分钟教你做一份UI风的PPT(上)_第22张图片

首先进行拆分

10分钟教你做一份UI风的PPT(上)_第23张图片

透明页已解决,那如何将图片裁剪成圆角矩形以及如何“虚化图片”呢?

如何将图片裁剪成圆角矩形

首先,选中编辑的图片,在“菜单栏”中会出现“图片工具”

在“格式”中,可看到“裁剪”

10分钟教你做一份UI风的PPT(上)_第24张图片

点击“裁剪”下的“小三角”

10分钟教你做一份UI风的PPT(上)_第25张图片

然后选择,“裁剪为形状” —— 点击“圆角矩形”

10分钟教你做一份UI风的PPT(上)_第26张图片

点击左上角“小黄点”,左右拖动可以调整圆角的弧度

再次点击“裁剪”按钮,这次不要点小三角形

10分钟教你做一份UI风的PPT(上)_第27张图片

然后,同时按住“Shift”+“Ctrl”键,拖动右上角这个“折角”的形状,就可以以中心进行裁剪。

裁剪完后,点击边上空白处即可。

如何“虚化图片”?

同样,选中编辑图片,在“菜单栏”中会出现“图片工具”

10分钟教你做一份UI风的PPT(上)_第28张图片

点击“格式”右下方的“小框”,就会出现“设置图片格式”

在“设置图片格式”中,先点选“图片”按钮,然后点开“图片更正”

10分钟教你做一份UI风的PPT(上)_第29张图片

找到“锐化/柔化”,将“清晰度”一栏的滑块拉倒最左边,或者将百分比调整为“-100%”。

最后将几个部分按顺序组合,并附上文字,结尾页就做好了。

今天的内容较多,重点梳理如下:

1、调整默认配色与设置默认字体可使PPT的制作事半功倍

2、如何制作一个透明页

3、对齐和对称的实例

4、如何将图片裁剪成圆角矩形

5、如何“虚化图片”

更多续集,敬请期待。

海粉福利:

如在PPT制作中有任何问题,欢迎在评论中留言,X.X工作室会尽量解答,如果关于一个问题提问人数较多,工作室将考虑开文详细解答。

本期,我们在“哈利波海”公众号为大家准备了设计师制作此教程的PPT原稿,欢迎关注“哈利波海”公众号,获取原稿。

10分钟教你做一份UI风的PPT(上)_第30张图片

你可能感兴趣的:(10分钟教你做一份UI风的PPT(上))