界面和导航设计课件

《界面和导航设计课件》由会员分享，可在线阅读，更多相关《界面和导航设计课件（47页珍藏版）》请在金锄头文库上搜索。

1、第三章 PowerPoint课件界面和导航设计,目录,3.0本章重点及目标,本章重点 PowerPoint课件的各种界面设计 PowerPoint课件的导航设计 本章目标 掌握PPT界面设计的基本操作 通过工作场景熟练掌握PPT母板的制作,3.1工作场景导入,工作场景 PowerPoint的“幻灯片设计”有许多母版可以供大家选择使用，而且使用起来很方便 制造如图3-1所示的母板，供以后制作课件的使用,3.1工作场景导入,引导问题 什么是母版？ 如何创建母版？ 如何保存母版？,3.2课件界面设计的基本原则,主要原则有以下几点 简洁明了 PPT课件要用的文字实在简化不了，怎么办 思路一：提炼关键词

2、 思路二：利用行间距留白(见图3-3) 思路三：巧妙排版(见图3-4),3.2课件界面设计的基本原则,我的PPT信息量太大怎么办？(见图3-5) 思路一：充分利用备注(见图3-6) 思路二：拆成多个页面(见图3-7) 思路三：要点分条显示(见图3-8),3.2课件界面设计的基本原则,我的PPT像流水账怎么办？(见图3-9)，优化思路： 卖点：从工作经历到职业生涯 手法：图形化上升曲线 素材：补充更多细节信息 知识点：金字塔原理时间轴,色彩协调 色彩设计的一般原则是总体协调、局部对比如下 色彩风格要与主题、科目、学生特征(如年龄)等相符 色彩基调为内容服务，基调统一，切忌随意变化 用好色彩对比与

3、饱和度，适当增强背景色调与信息符号色调的对比，以深色的背景衬托浅色的内容 参考色彩的心理学效应和行业象征性 注意色彩失真问题,视觉化 注重放映时的视觉效果，充分利用图文之间的结合,另一方面还可利用网格快速对齐大量图片,注重显示次序，使PPT播放流畅 媒体元素一般随教学进度显示，注重刺激的时效性、新颖性 页面间显示的顺序要自然、连贯，时间不能过快或过慢 幻灯片间的切换效果要统一，切忌随意变化，一般随主题而定，注意不同的切换有不同的效果,3.3界面设计的基本方法,3.3.1修饰演示文稿 设计模板的选择 若想要修改当前演示文稿的模板 选择功能区中的“设计”命令，如图3-16所示 在模板列表框中选择所

4、需的设计模板并单击 若想将当前演示文稿保存为模板，供以后使用 选择“文件”菜单中的“另存为”命令 在“另存为”对话框中选择“保存类型”为“演示文稿设计模板”,3.3界面设计的基本方法,配色方案的使用 查看和选择标准配色方案 打开演示文稿后，选择功能区中的“设计”命令，单击右侧 按钮，如图3-17所示,在“内置配色方案”列表中将鼠标置于要选择的配色方案上,右击选中的配色方案，弹出下拉菜单，单击“应用于所有幻灯片”按钮，则演示文稿中所有幻灯片均采用当前所选的配色方案；单击“应用于所选幻灯片”按钮，则仅当前幻灯片采用所选配色方案，如图3-18所示,3.3界面设计的基本方法,自定义配色方案 在“配色方

5、案”列表框的底部，单击“新建主题颜色”按钮，在弹出的“新建主题颜色”对话框中，选择所需颜色。如图3-19所示,对“背景”、“文本和线条”、“阴影”、“标题文本”、“填充”、“强调”、“强调文字和超链接”、“强调文字和超链接”等8种颜色进行设置。修改任一对象的颜色后，可单击“添加为标准配色方案”按钮，将当前的颜色配置保存为标准的配色方案，供用户以后选用,3.3界面设计的基本方法,复制配色方案 切换至功能区的“开始”按钮，选中设定好配色方案的幻灯片 双击“常用”工具栏上的“格式刷” 按钮 在需要复制配色方案的幻灯片上单击鼠标,3.3界面设计的基本方法,单击“应用”按钮，则背景设置仅对当前幻灯片有效

6、 单击“背景”对话框中“颜色”项的下拉按钮，可在其中选择其他背景颜色；可切换到“渐变”、“纹理”、“图案”或者“图片”选项，对背景的填充效果进行设定,背景颜色和填充效果 选中需要改变背景颜色的幻灯片 选择功能区中的“设计”命令，单击屏幕右侧的 按钮。如图3-20所示,单击设置背景格式按钮，将出现如图3-21所示对话框，单击“全部应用”按钮，则背景修改适用所有幻灯片；,3.3界面设计的基本方法,3.3.2界面的布局方法 完成课件界面元素制作 包括图片及图片的标题，图片说明等要素 根据版面，对这些内容要素的位置、大小进行排版，添加样式等,3.3界面设计的基本方法,可以利用PowerPoint中功能

7、区的“设计”任务窗格，为幻灯片应用一种主题，从而快速改变幻灯片的外观，如图3-24所示 如果系统内置的主题不能满足要求，可以更改颜色、字体及样式,3.3界面设计的基本方法,3.3.3课件封面 课件界面可分为以下几类： 课件封面、课件主界面、课件内容界面、课件帮助界面和课件退出(结束)界面 课件封面一般是课件开始使用时展示给用户的第一个界面 功能是引起使用者注意，告诉使用者一些基本信息 为增加感染力，可在界面外播放与课件内容主题相符的背景音乐，添加logo或部分修饰动画元素等，如图3-25,3.3界面设计的基本方法,通常，PPT课件的主界面就是一页目录幻灯片。如图3-26所示,课件主界面上的目录

8、没有导航那样的版面限制，所以版面设计要灵活得多，如图3-27,图3-28中的课件界面则做了很大的变化，无论是从位置还是按钮的形态都做了优化，与课件使用对象的年龄相符,3.3.4课件主界面,3.3界面设计的基本方法,为吸引学习者的注意，在呈现内容部分时用框架将其“包围”，如图3-30,3.3.5设计课件内容界面,内容界面设计要求：风格统一，内容部分要占据界面的主要位置，如图3-29所示,课件多采用多媒体/多通道(感观)的方式来呈现内容，如图3-32所示,具体内容的呈现也可以利用框架形式，如图3-31,3.3界面设计的基本方法,3.3.6课件的帮助界面 为使用者提供课件的使用帮助信息，以文档文字说

9、明、鼠标悬停告诉用户软件的操作流程与功能，也有制作独立的课件帮助界面，如图3-33 文字指示，可以帮助用户明确按钮的功能，如图3-34,3.3界面设计的基本方法,很多课件还设计了专门的帮助界面，通常包括 课件制作工具与所需要的运行环境 课件的结构与操作顺序指南 课件的使用范围与适用对象 课件的教学设计思想与过程 也有把课件制作者的基本信息一并整合到课件帮助界面中的情况,3.3界面设计的基本方法,3.3.7设计课件退出界面,说明型，如图3-35,感谢型，如图3-36,3.4母版技术在课件制作中的应用,3.4.1母版的概述 什么是母版 母版就是幻灯片的模具 母版和模板有什么区别 很多幻灯片模板都是

10、利用母版设计出来的 模板没有批量修改幻灯片背景和幻灯片上对象的功能，如果要批量修改幻灯片的背景及上面的对象必须要利用母版功能 母版与模板都可以同时设置多张幻灯片的背景及风格，但母版具有编辑修改功能,3.4母版技术在课件制作中的应用,3.4.2母版的使用,启动PowerPoint 2010，新建或打开一个演示文稿 选择执行功能区中的“视图”命令，进入“幻灯片母版视”状态，此时“幻灯片母版视图”工具条也随之被展开，如图3-37,建立幻灯片母版,单击 按钮，在随后弹出的快捷菜单中选择所需字体，若想自己设置字体可选择新建主题字体弹出如图3-38所示的对话框。设置好相应的选项后单击“确定”按钮返回,3.

11、4母版技术在课件制作中的应用,分别右击“单击此处编辑母版文本样式”及下面的“第二级、第三级”字符，仿照上面第3步的操作设置好相关格式 分别选中“单击此处编辑母版文本样式”、“第二级、第三级”等字符，选择“格式”“项目符号和编号”命令，打开“项目符号和编号”对话框，设置一种项目符号样式后，单击“确定”按钮退出 选择 命令，即可对日期区、页脚区、数字区进行格式化设置。如图3-39,3.4母版技术在课件制作中的应用,执行“插入”“图片”“来自文件”命令，打开“插入图片”对话框，展开事先准备好的图片所在的文件夹，选中该图片将其插入到母版中，并定位到合适的位置 全部修改完成后，单击“幻灯片母版视图”工具

12、栏上的“重命名”按钮，打开“重命名母板”对话框(见图3-40)，输入一个名称(如“演示母版”)后，单击“重命名”按钮返回 单击“幻灯片母版视图”工具栏上的“关闭母板视图”按钮退出，则“幻灯片母版”制作完成,3.4母版技术在课件制作中的应用,建立标题母版 在“幻灯片母版视图”状态下，单击“幻灯片母版视图”工具栏上的“插入幻灯片母版”按钮，进入“标题母版”状态，如图3-41,仿照上面“建立幻灯片母版”的相关操作，设置好“标题母版”的相关格式 设置完成后，退出“幻灯片母版视图”状态,3.4母版技术在课件制作中的应用,母版的应用 启动PowerPoint 2010，新建或打开某个演示文稿 当新建一个文

13、档，需要该模板时，在设计一栏中选择浏览主题 双击上面的包含“母版”模板文件(如“演示母版.pot”),3.4母版技术在课件制作中的应用,如何利用母版设计与制作课件界面 考虑好课件界面布局，分好导航区与内容区及美化区，为不同的界面类型设计不同的母版 提出幻灯片中的共同要素，决定哪些内容需要放在母版中，图3-43是PPT课件母版的一个示例,3.4母版技术在课件制作中的应用,使用母版应当注意的问题 利用遮挡 在利用幻灯片母版设计界面时，利用绘制形状，分割幻灯片的布局 在母版上也可以添加一些自定义动画效果，或插入Gif动态图片以及Flash动画,3.5导航界面的设计,3.5.1导航界面的设计形式 常见

14、导航样式与风格 形式1：如图3-45 形式2：利用时间线等形式的形状组合，进行位置指示与导航，如图3-46,3.5导航界面的设计,形式3：目录导航，如图3-47 形式4：按钮+标题导航，如图3-48,3.5导航界面的设计,3.5.2导航界面的设计方法 通过首页的“超级链接”设置导航菜单,3.5导航界面的设计,通过“幻灯片母版”设置导航菜单 选择“视图” “幻灯片母版”命令，进入母版编辑页，在母版上可以设置背景、页面边框、动作按钮及菜单等功能 通过“触发器”设置导航菜单 利用“动作按钮”来控制课件中“目录菜单”的出现,3.6回到工作场景,完成3.1中的工作场景 先准备好模板图片、LOGO素材，并

15、准备好要做的模板的字体、颜色等属性，如图3-51,新建一个PPT文件，显示一个空白的PPT文档，如图3-52,单击“视图”按钮：如图3-53,单击“幻灯片母版”按钮：如图3-54,之后会变为如图3-55所示,将要插入的图片插入到第一页，如图3-56,3.6回到工作场景,单击右上角关闭母版视图选项，如图3-57,单击文件另存为选项，保存类型选择 PowerPoint 模板 （*.potx），如图3-59,此时模板已经做好，当新建一个文档，需要该模板时，在设计一栏中选择浏览主题，在导入本模板即可如图3-60,单击后的视图如图3-58,3.7工作实训营,3.7.1训练实例 训练内容 创建一个母版，根

16、据本章介绍的知识对母版进行相应设计 寻找具有不同导航系统的PPT课件，比较学习各种导航的设计 训练目的 更好的理解和使用母版，加强母版的练习和使用,3.7工作实训营,训练过程 训练内容中的第一个任务可参考工作场景的解决过程 导航界面设计主三种形式 技术要点 PPT课件的界面设计、母版设计及导航设计,3.7工作实训营,3.7.2工作实践常见问题解析 常见问题1：如果想使用多个母版怎么办 答案：首先给幻灯片设置好带有计分系统的母版之后关闭母版视图，回到PPT2010界面，右键单击幻灯片的第一页，选择版式，直接在出现的板式选择框中选择一个与母版不同的版式，就可以在幻灯片中使用不同母版了,3.8练习,1. 关于幻灯片母版的正确叙述是_。 A.幻灯片母版与幻灯片模板是同一概念 B.幻灯片母版的操作可通过幻灯片版式的设置来实现 C.幻灯片模板设置会影响幻灯片母版的内容 D.幻灯片母版实际上是扩展名为POT的文件,3.8练习,2.PowetPoint模板文件的扩展名是_。 Appt Bpot Cpps Ddot 3.