PPT设计制作培训(聚光科技-霍文定)

1、整体设计页面排版文字提炼演练赏析沟通的力量优化沟通、精彩呈现 PPT设计制作技巧与实战 聚光科技：霍文定整体设计页面排版文字提炼演练赏析目录优化沟通、精彩呈现 PPT设计制作技巧与实战CONTENTS2413整体设计PPT设计风格封面设计目录设计过渡页设计标题设计封底设计演练赏析精彩PPT赏析课堂实际演练页面排版格式塔原理排版原则字体选择色彩搭配图文排版文字提炼页面标题（提炼观点、标题就是结论）正文文字（简单完整句、有节奏、言之有物）整体设计页面排版文字提炼演练赏析过渡页优化沟通、精彩呈现 PPT设计制作技巧与实战CONTENTS第一部分：整体设计2413 PPT设计风格 封面设计 目录设计

2、过渡页设计 标题设计 封底设计整体设计页面排版文字提炼演练赏析4整体设计1.1PPT设计风格“平”、简约、清晰、直接扁平化设计拟物设计设计风格审美疲劳、费时费力建议你的PPT采用扁平化设计。扁平化是近年来最流行的设计风格，操作系统、应用软件、网站、PPT等都在采用这种风格。准扁平化设计简约、清晰阴影、高光、金属、木质等1将流行设计美学用于你的PPT整体设计页面排版文字提炼演练赏析5整体设计1.1PPT设计风格为什么选择扁平化设计风格？1将流行设计美学用于你的PPT 内容：让内容成为主人内容重于形式，内容才是整个体验的精髓。扁平化设计将舞台重还于内容。扁平化设计不仅仅是创造视觉惊喜，而且可以解决

3、视觉干扰，在屏幕上仅留下用户当前最关注的东西。减少概念与界面层级的视觉装饰，更多地使用用户已经掌握的交互行为，这样你才可以把重点精力集中到最核心内容上。 布局：视觉动线的引导扁平化让我们用最清晰的图形元素创建最简洁的视觉效果，去掉多余的线和框，仅用内容本身来布局内容，为内容留出呼吸空间。优秀的平面感（扁平化）设计，会出色地引导与协助用户的视觉动线，有序的区分界面层级与操作，让用户专注于目的本身。整体设计页面排版文字提炼演练赏析2扁平化设计实例1.1PPT设计风格6 整体设计Win8操作系统#1整体设计页面排版文字提炼演练赏析2扁平化设计实例1.1PPT设计风格7 整体设计1拟物设计2扁平化设计

4、苹果手机操作系统#2整体设计页面排版文字提炼演练赏析2扁平化设计实例1.1PPT设计风格8 整体设计360安全卫士 7.0360安全卫士 9.1360手机卫士1拟物设计2扁平化设计360安全卫士#3整体设计页面排版文字提炼演练赏析2扁平化设计实例1.1PPT设计风格9 整体设计Web网站#4整体设计页面排版文字提炼演练赏析2扁平化设计实例1.1PPT设计风格10 整体设计黄单色黄蓝双色红蓝双色123扁平化风格PPT#5整体设计页面排版文字提炼演练赏析2扁平化设计实例1.1PPT设计风格11 整体设计高光和阴影高光和阴影12简约欧美风PPT#6整体设计页面排版文字提炼演练赏析2扁平化设计实例1.

5、1PPT设计风格12 整体设计苹果范儿PPT#7整体设计页面排版文字提炼演练赏析2扁平化设计实例1.1PPT设计风格13 整体设计NO！炫酷韩国风PPT#8整体设计页面排版文字提炼演练赏析14整体设计封面目录页过渡页标题页封底开始做PPT前，不要着急做每一页的内容，要先设计PPT的几个关键页面。整体设计页面排版文字提炼演练赏析15整体设计1.2封面设计1LOGO2封面图片3主标题副标题54公司名称/作者/时间1封面的组成要素整体设计页面排版文字提炼演练赏析16整体设计1.2封面设计2 封面的设计的4个要点1.封面设计要素一般是：图片/图形/图标+文字/艺术字；2.封面标题要求第一眼就引起听众的

6、兴趣，能够带给听众看下一页的冲动，主副标题主次分明；3. 封面图片内容要尽可能和主题相关或接近，图要达意。图的类型分为：图片类型：全图型、半图型、图标型、无图型；4.封面图片的颜色也尽量和PPT整体风格的颜色保持一致；整体设计页面排版文字提炼演练赏析1.2封面设计17 3封面设计实例整体设计图标型整体设计页面排版文字提炼演练赏析1.2封面设计18 3封面设计实例整体设计全图型整体设计页面排版文字提炼演练赏析1.2封面设计19 3封面设计实例整体设计半图型整体设计页面排版文字提炼演练赏析1.2封面设计20 3封面设计实例整体设计无图型整体设计页面排版文字提炼演练赏析1.2封面设计21 3封面设计

7、实例整体设计失败！图要达意，滥用图，不如无图还不错！突出了电话这个主题整体设计页面排版文字提炼演练赏析22整体设计1.3目录设计清晰的告诉听众：你现在的位置，以及你将要去哪。1目录的作用整体设计页面排版文字提炼演练赏析23整体设计1.3目录设计3页码2页面标识1目录2目录的组成要素整体设计页面排版文字提炼演练赏析24整体设计1.3目录设计讲到的每一章节时，加有颜色的底重点突出。还可以在每一行文字前添加一个小图标或图片，这样目录看起来就更加生动活泼。3目录的设计方法：列表型整体设计页面排版文字提炼演练赏析25整体设计1.3目录设计应用颜色和色块长度，不同色块明显地区别各个单元，同时色块的长度，暗

8、示此单元的内容量或演讲用时长短，很有创意也很实用。左图为目录，右图为某个单元目录，还显示了单元内的具体内容。3目录设计方法：时间轴型整体设计页面排版文字提炼演练赏析26整体设计1.3目录设计图文配合，多种创意。3目录的设计方法：图文型整体设计页面排版文字提炼演练赏析27整体设计1.3目录设计巧妙利用各种图表。3目录的设计方法：图表型整体设计页面排版文字提炼演练赏析28整体设计1.3目录设计3目录的设计方法：创意型整体设计页面排版文字提炼演练赏析29整体设计1.4过渡页设计2章节名称1页面标识3章节内容4页码1过渡页包含的要素整体设计页面排版文字提炼演练赏析30整体设计1.4过渡页设计2过渡页的

9、4个设计要点1.过渡页的页面标识和一般和目录页保持完全的统一；2.过渡页的设计在颜色、字体、布局等方面要和目录页保持一致（布局可以稍有变化）；3.与PPT布局相同的过渡页，可以通过颜色对比的方式，展示当前课题进度；4.独立设计的过渡页，最好能够展示该章节的内容提纲。整体设计页面排版文字提炼演练赏析31整体设计1.4过渡页设计12独特设计的过渡页，展示课程纲要；图文型目录对应的、颜色对比方式的过渡页；普通目录通过加背景色框的方式形成过渡效果。33过渡页设计举例整体设计页面排版文字提炼演练赏析32整体设计1.5标题设计1一级标题2二级标题4LOGO3页码1标题包含要素整体设计页面排版文字提炼演练赏

10、析33整体设计1.5标题设计：3标题设计的3个要点1.各章节共同部分在母版中“Office 主题”上设置，具体章节标题根据需要选择是否在母版中设置；2.如果PPT课件逻辑层次较多，标题栏至少要设计两级标题；3.标题栏上相同级别标题的字体和位置要保持一致，不要把逻辑搞混。整体设计页面排版文字提炼演练赏析34整体设计1.5标题设计1传统型标题栏，微创新（如圆点、二级标题位置）3网页导航式的标题栏2一级标题独立背景式设计的标题栏3标题设计举例整体设计页面排版文字提炼演练赏析35整体设计1.6封底设计1致谢2作者信息1封底包含要素http:/ PPT设计制作技巧与实战CONTENTS2413 格式塔原

11、理 排版原则 字体选择 色彩搭配 图文排版第二部分：页面排版整体设计页面排版文字提炼演练赏析40 页面排版2.1格式塔原理第一眼看到的图形是？整体设计页面排版文字提炼演练赏析41 页面排版2.1格式塔原理人总是先看到整体，让后再去关注局部；对事物的整体感受不等于局部感受的加法；视觉系统总是不断地试图在感官上将图形闭合”视觉感知：“整体设计页面排版文字提炼演练赏析42 页面排版2.1格式塔原理在一个格式塔中，通常存在以下4类视觉关系：整体设计页面排版文字提炼演练赏析43 页面排版2.1格式塔原理组成整体的每个局部，它的形状、大小、颜色趋近一致，且排列有序，这时产生的整体视觉感官就是“和谐”。和谐

12、 Harmony的视觉关系1整体设计页面排版文字提炼演练赏析44 页面排版2.1格式塔原理的PPT举例和谐和谐 Harmony的视觉关系1整体设计页面排版文字提炼演练赏析45 页面排版2.1格式塔原理变化 Change的视觉关系 在“和谐”的基础上，局部产生了形状、大小、颜色的变化，但这种变化没有改变所有局部的统一性质，这就是“变化”。2整体设计页面排版文字提炼演练赏析46 页面排版2.1格式塔原理的PPT举例变化变化 Change的视觉关系 2整体设计页面排版文字提炼演练赏析47 页面排版2.1格式塔原理冲突 Conflict 的视觉关系在“和谐”的基础上，局部产生了形状、大小、颜色的变化，

13、而且产生了性质上的改变，与整体中的其他局部“格格不入”。3整体设计页面排版文字提炼演练赏析48 页面排版2.1格式塔原理1形状、大小、颜色不一致冲突 Conflict 的视觉关系3的PPT举例冲突整体设计页面排版文字提炼演练赏析49 页面排版2.1格式塔原理混乱 Confusion 的视觉关系整体当中包含太多性质不相关的局部，视觉系统很难判断出整体到底是什么，这时候就产生了“混乱”。4整体设计页面排版文字提炼演练赏析50 页面排版2.1格式塔原理的PPT举例混乱混乱 Confusion 的视觉关系4整体设计页面排版文字提炼演练赏析51 页面排版2.2排版原则排版6原则对齐相似接近对比简洁留白遵

14、循6原则，可制作出“和谐、变化”的PPT，6原则在PPT设计中，一般组合运用。页面排版的6个原则：整体设计页面排版文字提炼演练赏析52 页面排版2.2排版原则任何元素都不能随意安放，每一项应该与页面上的某个内容存在某种视觉联系。即使离的很远，但只要对齐，就有一种视觉纽带将它联系起来。1对齐原则整体设计页面排版文字提炼演练赏析53 页面排版2.2排版原则基本对齐方式有三种左对齐，文字图片其他各类元素，靠左边对齐右对齐，所有元素靠右对齐居中对齐，找到中间那条线对齐即可对齐操作步骤：选中需要对其的各类元素，排列对齐，选一种对齐方式，即可1对齐原则整体设计页面排版文字提炼演练赏析54 页面排版2.2排

15、版原则1对齐原则整体设计页面排版文字提炼演练赏析55 页面排版2.2排版原则小练习：1对齐原则整体设计页面排版文字提炼演练赏析56 页面排版2.2排版原则优秀的PPT版面里，总能找到掩藏的对齐线。右图中可以明显的看到，页面里文字是居中对齐的，而在左图里，我们甚至找不到一条这样的线，这就是为什么左图感觉比较乱的原因。页面一乱，重点信息更是不容易突出。 图文排版是否对齐1对齐原则实例分析对齐整体设计页面排版文字提炼演练赏析57 页面排版2.2排版原则左边图里面文本没有使用对齐,中间图使用了居中对齐，右边图使用了左对齐，使用对齐，看着就整洁的多。1对齐原则实例分析对齐2. 表格正文是否对齐整体设计页

16、面排版文字提炼演练赏析58 页面排版2.2排版原则P1P2P3三个页面是同一个PPT文件里的三个页面，注意看他们标题的对齐方式，P1、P2使用了居中对齐，但P3却使用了左对齐。1对齐原则实例分析对齐3. 页面标题是否对齐整体设计页面排版文字提炼演练赏析59 页面排版2.2排版原则很明显，这两个页面都讲了三个内容，每部分各占一小段，并左对齐，这些都很好可为什么P2看着就比P1舒服呢？区别在于P2中三段文字的段落间距是等距的，这也是一种对齐。1对齐原则实例分析对齐4. 段落间距是否对齐整体设计页面排版文字提炼演练赏析60 页面排版2.2排版原则2接近原则对相关联的元素进行组合。越相关的元素越应归在

17、一起，空间上接近，使用同样大小、颜色、字体等，生成各有区别的视觉单元。整体设计页面排版文字提炼演练赏析61 页面排版2.2排版原则下面是两张名片，看看名片设计是如何体现接近的？浅红色色块框起来的各部分，文字或图片都聚在一起，他们内容相关色块与色块之间拉开了距离，内容上他们基本不相关或相关度低2接近原则实例分析接近整体设计页面排版文字提炼演练赏析62 页面排版2.2排版原则从三个方面检查是否接近: 1.相关内容是否汇聚 2.段落层次是否区隔 3.图片文字、颜色是否协调2接近原则实例分析接近整体设计页面排版文字提炼演练赏析63 页面排版2.2排版原则3相似原则让相同的元素看上去相同。PPT中的字体

18、、线条、项目符号、颜色、格式、空间关系等都要相似。整体设计页面排版文字提炼演练赏析64 页面排版2.2排版原则中文字体：微软雅黑微软雅黑 28号微软雅黑 24号微软雅黑 20号微软雅黑 18号微软雅黑 16号微软雅黑 12号（加粗）英文字体：ArialabcABC 28号abcABC 24号 abcABC 20号 abcABC 18号 abcABC 16号 abcABC 14号 （加粗） 数字字体：微软雅黑123456 28号123456 24号123456 20号123456 18号123456 26号123456 14号（加粗）中文、英文、数字各使用同一种字体。3相似原则整体设计页面排版文

19、字提炼演练赏析65 页面排版2.2排版原则这是14号字看见吗这是16号字看见吗这是18号字看见吗这是20号字看见吗这是22号字看见吗这是24号字看见吗这是26号字看见吗这是28号字看见吗这是30号字看见吗这是32号字看见吗有时候我们都在找一个PPT的标准字号和间距，想一劳永逸其实没有标准的字号、字体、行间距不要用单倍的行间距考虑我们的听众和演示场地请首先保证“看得见”3相似原则整体设计页面排版文字提炼演练赏析66 页面排版2.2排版原则字体排印是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。广泛应用于文字设计及其应用的所有领域，包括排版、字体设计、碑铭、

20、海报设计、广告等领域。字体排印是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。广泛应用于文字设计及其应用的所有领域，包括排版、字体设计、碑铭、海报设计、广告等领域。字体排印是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。广泛应用于文字设计及其应用的所有领域，包括排版、字体设计、碑铭、海报设计、广告等领域。字体排印是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。广泛应用于文字设计及其应用的所有领域，包括排版、字体设计、碑铭、海报设计、广告等领域。1.0倍行距1.5倍行距3相似原

21、则整体设计页面排版文字提炼演练赏析67 页面排版2.2排版原则3相似原则不要到处引入新的，所谓漂亮的其它颜色的模板。禁止同一个PPT中同时使用多种颜色，以减轻冲突。从PPT底版或Logo上取色。整体设计页面排版文字提炼演练赏析68 页面排版2.2排版原则从以下方面检查是否相似: 1.字体、线条、项目符号、颜色，2.格式、空间关系等3相似原则实例分析相似整体设计页面排版文字提炼演练赏析69 页面排版2.2排版原则4对比原则让不同的元素完全不同。如果两个项大小、颜色、字体不完全相同，就应当使之不同，且完全不同，强调要表达的内容。整体设计页面排版文字提炼演练赏析70 页面排版2.2排版原则从以下方面

22、检查是否对比:1.看标题 2.看有没有突出的页面元素4对比原则实例分析对比整体设计页面排版文字提炼演练赏析71 页面排版2.2排版原则简洁原则去除多余，明晰重点。5整体设计页面排版文字提炼演练赏析72 页面排版2.2排版原则5简洁原则实例分析简洁整体设计页面排版文字提炼演练赏析73 页面排版2.2排版原则“空白”很重要。空白充满你眼前每个元素的间隔。空白能引导观众的视线，令观众更好地理解演说的重点，还能营造视觉张力，它不是没有东西，而是负空间。负空间6留白原则正元素整体设计页面排版文字提炼演练赏析74 页面排版2.2排版原则6留白原则实例分析留白整体设计页面排版文字提炼演练赏析75 页面排版2

23、.3字体设计也需要设计怎样在PPT设计中选择字体字体两种字体（无衬线字体 Sans serif，衬线字体 serif）字体颜色设计整体设计页面排版文字提炼演练赏析76 页面排版2.3字体设计笔画开始、结束的地方有额外的装饰，粗细会有所不同。易读性比较高、易于排版、远处观看，识别性不高字体特点字体名称字体用途 宋体 、Time New Roman、Georgia等书籍印刷、解决方案编写等衬线字体serif1两种字体笔画开始、结束地方没有额外装饰，笔画的粗细差不多。看上去利落、干净，显示器上显示比较赏心悦目字体特点字体名称字体用途 微软雅黑、 黑体、 Arial 、Verdana等标题、较短的文字

24、段中，海报、PPT等无衬线字体 Sans serif整体设计页面排版文字提炼演练赏析77 页面排版2.3字体设计雅黑字体32磅雅黑字体28磅雅黑字体24磅雅黑字体20磅雅黑字体18磅雅黑字体16磅雅黑字体14磅雅黑字体12磅雅黑字体10磅宋体字体32磅宋体字体28磅宋体字体24磅宋体字体20磅宋体字体18磅宋体字体16磅宋体字体14磅宋体字体12磅宋体字体10磅为什么？宋体字中的笔画太细，投影出来看不清甚至看不见建议统一使用微软雅黑。注意：部分电脑上没有安装雅黑字体，显示时候会出现异常PPT避免使用宋体1两种字体整体设计页面排版文字提炼演练赏析78 页面排版2.3字体设计PPT设计PPT设计设

25、计PPT设计设计PPT设计设计PPT设计设计微软雅黑时尚中黑简体方正大黑简体方正粗倩简体方正综艺简体PPTPPT设计PPT设计PPT设计VerdanaTahoma ArialPPT字体推荐1两种字体整体设计页面排版文字提炼演练赏析79 页面排版2.3字体设计将字体嵌入到PPT中1两种字体整体设计页面排版文字提炼演练赏析80 页面排版2.3字体设计1.标准体字形的易读性优于斜体；2.不要有那些耀眼的发光效果；3.阳文（白底黑字）要比阴文（黑底白字）易读；4.字母间距、词间距和行间距太密集或太松散也会降低易读性；5.充足的行间距可以隔开每行文字，使得眼睛容易区分上一行或下一行；6.过密或过松的排版

26、都会导致糟糕的易读性。字体使用注意事项1两种字体整体设计页面排版文字提炼演练赏析81 页面排版2.3字体设计2字体颜色整体风格色指：封面、封底、母版标题、强调色、图表色等，主要方案有：1.整体单色系（如本PPT ）；2.逻辑单色（即不同章节不同色）；3.组合色（主色+副色）。【正文】：一般用灰色，根据不同的背景，选择不同的深浅。如果背景是深色，则正文是白色。【强调】：强调正面观点，用主风格色，反面观点，用红色或者副色。整体设计页面排版文字提炼演练赏析82 页面排版2.3字体设计实例分析字体整体设计页面排版文字提炼演练赏析83 页面排版2.4色彩搭配人对对物体的感觉首先是色，然后才是形。最初看事

27、物的20s内，人的色感为80%，形感为20%。整体设计页面排版文字提炼演练赏析84 页面排版2.4色彩搭配颜色数量多和好看，其实并不矛盾。换作就一两种颜色，怎么摆弄都不会太难看，而且颜色数量少感觉“专业”，这点各种经济类刊物的图表就是很好的榜样。1色彩搭配的误区整体设计页面排版文字提炼演练赏析85 页面排版2.4色彩搭配PPT是给听众看的坐在自己电脑前，看自己的PPT，怎么瞧着都是清楚的。可投影出来，听众确实“看不见”。清晰不清晰的标准只有一个：那就是，演示教室里最后一个观众都可以看清楚。解决的办法很简单放大字体并加粗（前提敢于删掉不相关文字）文字和背景颜色，使用对比色，比如黑和白心里永远放着

28、听众，时时考虑他们的感受1色彩搭配的误区整体设计页面排版文字提炼演练赏析86 页面排版2.4色彩搭配同类色使用同一种颜色，仅仅改变其亮度类似色选取色轮上各自相差大约30度的颜色互补色色轮上相隔180的颜色，能突出关键的主题无色黑色或灰色+1种其他颜色。单色一般是蓝白两种颜色。2色彩搭配工具色轮三原色之间相差120度，把中间的颜色不断填充进去，得到无限细分的一个圆环。5个配色建议：整体设计页面排版文字提炼演练赏析87 页面排版2.4色彩搭配2色彩搭配工具使用同一种颜色，仅仅改变其亮度。整体设计页面排版文字提炼演练赏析88 页面排版2.4色彩搭配2色彩搭配工具实例分析同类色整体设计页面排版文字提炼

29、演练赏析89 页面排版2.4色彩搭配2色彩搭配工具或称为临近色，选取色轮上各自相差大约30度的颜色，产生一种令人悦目、低对比度的和谐美感。整体设计页面排版文字提炼演练赏析90 页面排版2.4色彩搭配2色彩搭配工具实例分析类似色整体设计页面排版文字提炼演练赏析91 页面排版2.4色彩搭配2色彩搭配工具或称为对比色，色轮上相隔180的颜色，用灰色做为过渡色。这种配色能突出关键主题，传达出活力、能量、兴奋等意义。整体设计页面排版文字提炼演练赏析92 页面排版2.4色彩搭配2色彩搭配工具实例分析互补色整体设计页面排版文字提炼演练赏析93 页面排版2.4色彩搭配2色彩搭配工具黑色或灰色+1种其他颜色。在

30、需要突出的地方才使用颜色，让人一眼看到。整体设计页面排版文字提炼演练赏析94 页面排版2.4色彩搭配2色彩搭配工具实例分析无色+1整体设计页面排版文字提炼演练赏析95 页面排版2.4色彩搭配2色彩搭配工具除了背景色，只有一种颜色，一般是蓝白两种颜色。在需要突出的地方才使用颜色，让人一眼看到，这种搭配在设计中应用时，效果永远不错。整体设计页面排版文字提炼演练赏析96 页面排版2.4色彩搭配2色彩搭配工具实例分析单色整体设计页面排版文字提炼演练赏析97 页面排版2.5图文排版1图在PPT中的作用为了更好地辅助表达，PPT设计中常采用图标、图片、图表、形状等来进行可视化展示。或使信息更为直观、易于理解，或使页面更加美观、吸引眼球，或体现创意，给人以惊喜。整体设计页面排版文字提炼演练赏析98 页面排版2.5图文排版2多使用写实图片工作上用到的PPT，强烈建议使用写实图片（抽象图片比较适合幼儿小朋友的识图认字）。我们比较两组图片，每组的第一张为写实图片，第二张为抽象图片。冲击力真实性说服力冲击力真实性说服力VSVS整体设计页面排版文字提炼演练赏析99 页面排版2.5图文排版LOGO1色块切割蒙版切割蒙版色变借图发挥抠