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

.,1,沟通的力量,优化沟通、精彩呈现PPT设计制作技巧与实战,聚光科技：霍文定,整体设计PPT设计风格封面设计目录设计过渡页设计标题设计封底设计,演练赏析精彩PPT赏析课堂实际演练,页面排版格式塔原理排版原则字体选择色彩搭配图文排版,文字提炼页面标题（提炼观点、标题就是结论）正文文字（简单完整句、有节奏、言之有物）,第一部分：整体设计,PPT设计风格封面设计目录设计过渡页设计标题设计封底设计,1.1PPT设计风格,“平”、简约、清晰、直接,扁平化设计,拟物设计,设计风格,审美疲劳、费时费力,建议你的PPT采用扁平化设计。扁平化是近年来最流行的设计风格，操作系统、应用软件、网站、PPT等都在采用这种风格。,准扁平化设计,简约、清晰,1,将流行设计美学用于你的PPT,1.1PPT设计风格,为什么选择扁平化设计风格？,1,将流行设计美学用于你的PPT,内容：让内容成为主人内容重于形式，内容才是整个体验的精髓。扁平化设计将舞台重还于内容。扁平化设计不仅仅是创造视觉惊喜，而且可以解决视觉干扰，在屏幕上仅留下用户当前最关注的东西。减少概念与界面层级的视觉装饰，更多地使用用户已经掌握的交互行为，这样你才可以把重点精力集中到最核心内容上。布局：视觉动线的引导扁平化让我们用最清晰的图形元素创建最简洁的视觉效果，去掉多余的线和框，仅用内容本身来布局内容，为内容留出呼吸空间。优秀的平面感（扁平化）设计，会出色地引导与协助用户的视觉动线，有序的区分界面层级与操作，让用户专注于目的本身。,.,6,.,7,1,拟物设计,2,扁平化设计,.,8,360安全卫士7.0,360安全卫士9.1,360手机卫士,1,拟物设计,2,扁平化设计,.,9,.,10,黄单色黄蓝双色红蓝双色,1,2,3,.,11,高光和阴影,高光和阴影,1,2,.,12,.,13,NO！,封面,目录页,过渡页,标题页,封底,开始做PPT前，不要着急做每一页的内容，要先设计PPT的几个关键页面。,1.2封面设计,1,LOGO,2,封面图片,3,主标题,副标题,5,4,公司名称/作者/时间,1,封面的组成要素,1.2封面设计,2,封面的设计的4个要点,1.封面设计要素一般是：图片/图形/图标+文字/艺术字；2.封面标题要求第一眼就引起听众的兴趣，能够带给听众看下一页的冲动，主副标题主次分明；3.封面图片内容要尽可能和主题相关或接近，图要达意。图的类型分为：图片类型：全图型、半图型、图标型、无图型；4.封面图片的颜色也尽量和PPT整体风格的颜色保持一致；,.,17,图标型,.,18,全图型,.,19,半图型,.,20,无图型,.,21,失败！图要达意，滥用图，不如无图,还不错！突出了电话这个主题,1.3目录设计,清晰的告诉听众：你现在的位置，以及你将要去哪。,1,目录的作用,1.3目录设计,3,页码,2,页面标识,1,目录,2,目录的组成要素,1.3目录设计,讲到的每一章节时，加有颜色的底重点突出。还可以在每一行文字前添加一个小图标或图片，这样目录看起来就更加生动活泼。,3,目录的设计方法：列表型,1.3目录设计,应用颜色和色块长度，不同色块明显地区别各个单元，同时色块的长度，暗示此单元的内容量或演讲用时长短，很有创意也很实用。,左图为目录，右图为某个单元目录，还显示了单元内的具体内容。,3,目录设计方法：时间轴型,1.3目录设计,图文配合，多种创意。,3,目录的设计方法：图文型,1.3目录设计,巧妙利用各种图表。,3,目录的设计方法：图表型,1.3目录设计,3,目录的设计方法：创意型,1.4过渡页设计,2,章节名称,1,页面标识,3,章节内容,4,页码,1,过渡页包含的要素,1.4过渡页设计,2,过渡页的4个设计要点,1.过渡页的页面标识和一般和目录页保持完全的统一；2.过渡页的设计在颜色、字体、布局等方面要和目录页保持一致（布局可以稍有变化）；3.与PPT布局相同的过渡页，可以通过颜色对比的方式，展示当前课题进度；4.独立设计的过渡页，最好能够展示该章节的内容提纲。,1.4过渡页设计,1,2,独特设计的过渡页，展示课程纲要；图文型目录对应的、颜色对比方式的过渡页；普通目录通过加背景色框的方式形成过渡效果。,3,3,过渡页设计举例,1.5标题设计,1,一级标题,2,二级标题,4,LOGO,3,页码,1,标题包含要素,1.5标题设计,：,3,标题设计的3个要点,1.各章节共同部分在母版中“Office主题”上设置，具体章节标题根据需要选择是否在母版中设置；2.如果PPT课件逻辑层次较多，标题栏至少要设计两级标题；3.标题栏上相同级别标题的字体和位置要保持一致，不要把逻辑搞混。,1.5标题设计,1,传统型标题栏，微创新（如圆点、二级标题位置）,3,网页导航式的标题栏,2,一级标题独立背景式设计的标题栏,3,标题设计举例,1.6封底设计,1,致谢,2,作者信息,1,封底包含要素,1.6封底设计,2,封底设计的3个要点,1.封底的设计要和封面保持不同；2.封底的设计在颜色、字体、布局等方面要和封面保持一致；3.封底的图片同样需要和PPT主题保持一致，或选择表达致谢的图片。,1.6封底设计,1,2,3,4,左右图文型简单设计型win8风格型艺术设计型,3,封底设计举例,我们学到了什么,我们学到了什么,PPT设计风格封面设计目录设计过渡页设计标题设计封底设计,格式塔原理排版原则字体选择色彩搭配图文排版,第二部分：页面排版,2.1格式塔原理,第一眼看到的图形是？,2.1格式塔原理,人总是先看到整体，让后再去关注局部；对事物的整体感受不等于局部感受的加法；视觉系统总是不断地试图在感官上将图形闭合,”,视觉感知：,“,2.1格式塔原理,在一个格式塔中，通常存在以下4类视觉关系：,2.1格式塔原理,组成整体的每个局部，它的形状、大小、颜色趋近一致，且排列有序，这时产生的整体视觉感官就是“和谐”。,和谐Harmony的视觉关系,1,2.1格式塔原理,和谐Harmony的视觉关系,1,2.1格式塔原理,变化Change的视觉关系,在“和谐”的基础上，局部产生了形状、大小、颜色的变化，但这种变化没有改变所有局部的统一性质，这就是“变化”。,2,2.1格式塔原理,变化Change的视觉关系,2,2.1格式塔原理,冲突Conflict的视觉关系,在“和谐”的基础上，局部产生了形状、大小、颜色的变化，而且产生了性质上的改变，与整体中的其他局部“格格不入”。,3,2.1格式塔原理,1,形状、大小、颜色不一致,冲突Conflict的视觉关系,3,2.1格式塔原理,混乱Confusion的视觉关系,整体当中包含太多性质不相关的局部，视觉系统很难判断出整体到底是什么，这时候就产生了“混乱”。,4,2.1格式塔原理,混乱Confusion的视觉关系,4,2.2排版原则,排版6原则,对齐,相似,接近,对比,简洁,留白,遵循6原则，可制作出“和谐、变化”的PPT，6原则在PPT设计中，一般组合运用。,页面排版的6个原则：,2.2排版原则,任何元素都不能随意安放，每一项应该与页面上的某个内容存在某种视觉联系。即使离的很远，但只要对齐，就有一种视觉纽带将它联系起来。,1,对齐原则,2.2排版原则,基本对齐方式有三种左对齐，文字图片其他各类元素，靠左边对齐右对齐，所有元素靠右对齐居中对齐，找到中间那条线对齐即可对齐操作步骤：选中需要对其的各类元素，排列对齐，选一种对齐方式，即可,认识对齐的3条线,1,对齐原则,2.2排版原则,开启“网格和参考线”,1,对齐原则,2.2排版原则,找出隐藏的对齐线,小练习：,1,对齐原则,2.2排版原则,优秀的PPT版面里，总能找到掩藏的对齐线。右图中可以明显的看到，页面里文字是居中对齐的，而在左图里，我们甚至找不到一条这样的线，这就是为什么左图感觉比较乱的原因。页面一乱，重点信息更是不容易突出。,图文排版是否对齐,1,对齐原则,2.2排版原则,左边图里面文本没有使用对齐,中间图使用了居中对齐，右边图使用了左对齐，使用对齐，看着就整洁的多。,1,对齐原则,2.表格正文是否对齐,2.2排版原则,P1,P2,P3,三个页面是同一个PPT文件里的三个页面，注意看他们标题的对齐方式，P1、P2使用了居中对齐，但P3却使用了左对齐。,1,对齐原则,3.页面标题是否对齐,2.2排版原则,很明显，这两个页面都讲了三个内容，每部分各占一小段，并左对齐，这些都很好可为什么P2看着就比P1舒服呢？区别在于P2中三段文字的段落间距是等距的，这也是一种对齐。,1,对齐原则,4.段落间距是否对齐,2.2排版原则,2,接近原则,对相关联的元素进行组合。越相关的元素越应归在一起，空间上接近，使用同样大小、颜色、字体等，生成各有区别的视觉单元。,2.2排版原则,下面是两张名片，看看名片设计是如何体现接近的？,浅红色色块框起来的各部分，文字或图片都聚在一起，他们内容相关色块与色块之间拉开了距离，内容上他们基本不相关或相关度低,2,接近原则,2.2排版原则,从三个方面检查是否接近:1.相关内容是否汇聚2.段落层次是否区隔3.图片文字、颜色是否协调,2,接近原则,2.2排版原则,3,相似原则,让相同的元素看上去相同。PPT中的字体、线条、项目符号、颜色、格式、空间关系等都要相似。,2.2排版原则,中文字体：微软雅黑微软雅黑28号微软雅黑24号微软雅黑20号微软雅黑18号微软雅黑16号微软雅黑12号（加粗）,英文字体：ArialabcABC28号abcABC24号abcABC20号abcABC18号abcABC16号abcABC14号（加粗）,数字字体：微软雅黑12345628号12345624号12345620号12345618号12345626号12345614号（加粗）,使用同一种字体,中文、英文、数字各使用同一种字体。,3,相似原则,2.2排版原则,这是14号字看见吗这是16号字看见吗这是18号字看见吗这是20号字看见吗这是22号字看见吗这是24号字看见吗这是26号字看见吗这是28号字看见吗这是30号字看见吗这是32号字看见吗,有时候我们都在找一个PPT的标准字号和间距，想一劳永逸其实没有标准的字号、字体、行间距不要用单倍的行间距考虑我们的听众和演示场地请首先保证“看得见”,匹配适合的字号和间距,3,相似原则,2.2排版原则,字体排印是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。广泛应用于文字设计及其应用的所有领域，包括排版、字体设计、碑铭、海报设计、广告等领域。字体排印是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。广泛应用于文字设计及其应用的所有领域，包括排版、字体设计、碑铭、海报设计、广告等领域。,字体排印是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。广泛应用于文字设计及其应用的所有领域，包括排版、字体设计、碑铭、海报设计、广告等领域。字体排印是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。广泛应用于文字设计及其应用的所有领域，包括排版、字体设计、碑铭、海报设计、广告等领域。,1.0倍行距,1.5倍行距,3,相似原则,1.2-1.5倍行距更适合阅读,2.2排版原则,3,相似原则,同一个PPT中使用尽可能少的颜色,不要到处引入新的，所谓漂亮的其它颜色的模板。禁止同一个PPT中同时使用多种颜色，以减轻冲突。从PPT底版或Logo上取色。,2.2排版原则,从以下方面检查是否相似:1.字体、线条、项目符号、颜色，2.格式、空间关系等,3,相似原则,2.2排版原则,4,对比原则,让不同的元素完全不同。如果两个项大小、颜色、字体不完全相同，就应当使之不同，且完全不同，强调要表达的内容。,2.2排版原则,从以下方面检查是否对比:1.看标题2.看有没有突出的页面元素,4,对比原则,2.2排版原则,简洁原则,去除多余，明晰重点。,5,2.2排版原则,5,简洁原则,2.2排版原则,“空白”很重要。空白充满你眼前每个元素的间隔。空白能引导观众的视线，令观众更好地理解演说的重点，还能营造视觉张力，它不是没有东西，而是负空间。,负空间,6,留白原则,正元素,2.2排版原则,6,留白原则,2.3字体设计,也需要设计,怎样在PPT设计中选择字体,字体,两种字体（无衬线字体Sansserif，衬线字体serif）字体颜色设计,2.3字体设计,笔画开始、结束的地方有额外的装饰，粗细会有所不同。易读性比较高、易于排版、远处观看，识别性不高,字体特点,字体名称,字体用途,宋体、TimeNewRoman、Georgia等,书籍印刷、解决方案编写等,衬线字体serif,1,两种字体,笔画开始、结束地方没有额外装饰，笔画的粗细差不多。看上去利落、干净，显示器上显示比较赏心悦目,字体特点,字体名称,字体用途,微软雅黑、黑体、Arial、Verdana等,标题、较短的文字段中，海报、PPT等,无衬线字体Sansserif,2.3字体设计,雅黑字体32磅雅黑字体28磅雅黑字体24磅雅黑字体20磅雅黑字体18磅雅黑字体16磅雅黑字体14磅雅黑字体12磅雅黑字体10磅,宋体字体32磅宋体字体28磅宋体字体24磅宋体字体20磅宋体字体18磅宋体字体16磅宋体字体14磅宋体字体12磅宋体字体10磅,为什么？宋体字中的笔画太细，投影出来看不清甚至看不见建议统一使用微软雅黑。注意：部分电脑上没有安装雅黑字体，显示时候会出现异常,PPT避免使用宋体,1,两种字体,2.3字体设计,PPT设计,PPT设计,PPT设计,PPT设计,PPT设计,微软雅黑,时尚中黑简体,方正大黑简体,方正粗倩简体,方正综艺简体,PPT设计,PPT设计,PPT设计,Verdana,Tahoma,Arial,PPT字体推荐,1,两种字体,2.3字体设计,将字体嵌入到PPT中,1,两种字体,2.3字体设计,1.标准体字形的易读性优于斜体；2.不要有那些耀眼的发光效果；3.阳文（白底黑字）要比阴文（黑底白字）易读；4.字母间距、词间距和行间距太密集或太松散也会降低易读性；5.充足的行间距可以隔开每行文字，使得眼睛容易区分上一行或下一行；6.过密或过松的排版都会导致糟糕的易读性。,字体使用注意事项,1,两种字体,2.3字体设计,2,字体颜色,整体风格色指：封面、封底、母版标题、强调色、图表色等，主要方案有：1.整体单色系（如本PPT）；2.逻辑单色（即不同章节不同色）；3.组合色（主色+副色）。,【正文】：一般用灰色，根据不同的背景，选择不同的深浅。如果背景是深色，则正文是白色。【强调】：强调正面观点，用主风格色，反面观点，用红色或者副色。,2.3字体设计,2.4色彩搭配,人对对物体的感觉首先是色，然后才是形。最初看事物的20s内，人的色感为80%，形感为20%。,2.4色彩搭配,颜色数量多和好看，其实并不矛盾。换作就一两种颜色，怎么摆弄都不会太难看，而且颜色数量少感觉“专业”，这点各种经济类刊物的图表就是很好的榜样。,误区1：五颜六色才好看,1,色彩搭配的误区,2.4色彩搭配,PPT是给听众看的坐在自己电脑前，看自己的PPT，怎么瞧着都是清楚的。可投影出来，听众确实“看不见”。清晰不清晰的标准只有一个：那就是，演示教室里最后一个观众都可以看清楚。解决的办法很简单放大字体并加粗（前提敢于删掉不相关文字）文字和背景颜色，使用对比色，比如黑和白心里永远放着听众，时时考虑他们的感受,误区2：我的PPT瞧着很清楚啊,1,色彩搭配的误区,2.4色彩搭配,同类色使用同一种颜色，仅仅改变其亮度,类似色选取色轮上各自相差大约30度的颜色,互补色色轮上相隔180的颜色，能突出关键的主题,无色黑色或灰色+1种其他颜色。,单色一般是蓝白两种颜色。,2,色彩搭配工具色轮,三原色之间相差120度，把中间的颜色不断填充进去，得到无限细分的一个圆环。,5个配色建议：,2.4色彩搭配,2,色彩搭配工具,同类色,使用同一种颜色，仅仅改变其亮度。,和谐,统一,流畅,近似,2.4色彩搭配,2,色彩搭配工具,2.4色彩搭配,2,色彩搭配工具,类似色,或称为临近色，选取色轮上各自相差大约30度的颜色，产生一种令人悦目、低对比度的和谐美感。,和谐,统一,流畅,近似,2.4色彩搭配,2,色彩搭配工具,2.4色彩搭配,2,色彩搭配工具,互补色,或称为对比色，色轮上相隔180的颜色，用灰色做为过渡色。这种配色能突出关键主题，传达出活力、能量、兴奋等意义。,反差,强烈,矛盾,冲突,2.4色彩搭配,2,色彩搭配工具,2.4色彩搭配,2,色彩搭配工具,无色+1,黑色或灰色+1种其他颜色。在需要突出的地方才使用颜色，让人一眼看到。,简洁,明晰,突出,2.4色彩搭配,2,色彩搭配工具,2.4色彩搭配,2,色彩搭配工具,单色,除了背景色，只有一种颜色，一般是蓝白两种颜色。在需要突出的地方才使用颜色，让人一眼看到，这种搭配在设计中应用时，效果永远不错。,简洁,协调,专业,2.4色彩搭配,2,色彩搭配工具,2.5图文排版,1,图在PPT中的作用,为了更好地辅助表达，PPT设计中常采用图标、图片、图表、形状等来进行可视化展示。或使信息更为直观、易于理解，或使页面更加美观、吸引眼球，或体现创意，给人以惊喜。,