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

沟通的力量,优化沟通、精彩呈现 — PPT设计制作技巧与实战,聚光科技：霍文定,整体设计 PPT设计风格 封面设计 目录设计 过渡页设计 标题设计 封底设计,演练赏析 精彩PPT赏析 课堂实际演练,,,,,页面排版 格式塔原理 排版原则 字体选择 色彩搭配 图文排版,文字提炼 页面标题（提炼观点、标题就是结论） 正文文字（简单完整句、有节奏、言之有物）,第一部分：整体设计,PPT设计风格 封面设计 目录设计 过渡页设计 标题设计 封底设计,1.1PPT设计风格,“平”、简约、 清晰、直接,扁平化 设计,拟物设计,设计风格,审美疲劳、费时费力,建议你的PPT采用扁平化设计扁平化是近年来最流行的设计风格，操作系统、应用软件、网站、PPT等都在采用这种风格准扁平化 设计,简约、清晰,1,将流行设计美学用于你的PPT,1.1PPT设计风格,为什么选择扁平化设计风格？,,1,将流行设计美学用于你的PPT,内容：让内容成为主人 内容重于形式，内容才是整个体验的精髓扁平化设计将舞台重还于内容扁平化设计不仅仅是创造视觉惊喜，而且可以解决视觉干扰，在屏幕上仅留下用户当前最关注的东西减少概念与界面层级的视觉装饰，更多地使用用户已经掌握的交互行为，这样你才可以把重点精力集中到最核心内容上。

布局：视觉动线的引导 扁平化让我们用最清晰的图形元素创建最简洁的视觉效果，去掉多余的线和框，仅用内容本身来布局内容，为内容留出呼吸空间优秀的平面感（扁平化）设计，会出色地引导与协助用户的视觉动线，有序的区分界面层级与操作，让用户专注于目的本身1,拟物设计,2,扁平化设计,360安全卫士 7.0,360安全卫士 9.1,360卫士,1,拟物设计,2,扁平化设计,①黄单色②黄蓝双色③红蓝双色,1,2,3,高光和阴影,高光和阴影,1,2,NO！,封面,目录页,过渡页,标题页,封底,开始做PPT前，不要着急做每一页的内容，要先设计PPT的几个关键页面1.2封面设计,1,LOGO,2,封面图片,3,主标题,副标题,5,4,公司名称/作者/时间,1,封面的组成要素,1.2封面设计,2,封面的设计的4个要点,1.封面设计要素一般是：图片/图形/图标+文字/艺术字； 2.封面标题要求第一眼就引起听众的兴趣，能够带给听众看下一页的冲动，主副标题主次分明； 3. 封面图片内容要尽可能和主题相关或接近，图要达意图的类型分为：图片类型：全图型、半图型、图标型、无图型； 4.封面图片的颜色也尽量和PPT整体风格的颜色保持一致；,图标型,全图型,半图型,无图型,失败！图要达意，滥用图，不如无图,还不错！突出了这个主题,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,封底包含要素,,, 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号（加粗）,英文字体：Arial abcABC 28号 abcABC 24号 abcABC 20号 abcABC 18号 abcABC 16号 abcABC 14号 （加粗）,数字字体：微软雅黑 123456 28号 123456 24号 123456 20号 123456 18号 123456 26号 123456 14号（加粗）,使用同一种字体,中文、英文、数字各使用同一种字体。

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,对比原则,让不同的元素完全不同如果两个项大小、颜色、字体不完全。