现代教育技术 第八章PowerPoint课件的界面设计

一、 图形界面的布局
图8-6(a) 图片在上的布局
图8-6(b) 图片在下的布局
一、 图形界面的布局
图8-6(c) 图片在侧的布局
二、 主题外观的设置
在PowerPoint 2010中，通过“设计”选项卡下 的“主题”组能快速改变幻灯片的外观，可以快速改 变幻灯片的颜色、字体及样式效果，如图8-7（a） 所示；当然，如果系统内置的主题外观不能满足自己 的需求，还可以自定义更改颜色、字体及样式，并将 自定义设置进行保存，以后便可以将该主题外观设置 应用到课件幻灯片中，如图8-7（b）所示。
三、 对象位置对齐的方法
图8-9(a) 调出对齐功能
图8-9(b) 对齐后的效果
三、 对象位置对齐的方法
（三） 微调对象位置
四、 色彩的调配及使用
（一） 几种常见色彩的特点
1. 红色
红色的色感温暖，是一种对人刺激性很强的色。红色容易 引起人的注意，也容易使人兴奋、激动、紧张、冲动，也是一 种容易让人产生视觉疲劳的颜色。
二、 元素关联
在实际生活中，很多事物都是因为关联而看起来和谐的， 课件设计中也是这样。如果多个元素之间存在很近的逻辑关系， 它们就成为一个视觉单元，而不是多个孤立的元素，如图8-2 所示各元素之间不和谐。
图8-2 各元素不和谐
三、 元素对齐原则
任何元素都不能在页面上随意排列。某个元素可能与页面 上的其他元素存在着某种视觉联系，最好的方法就是找准基准 线，并坚持以基准线为基准对齐元素。图8-3所示幻灯片的元 素排列中，各元素距离不统一，未遵循元素对齐原则。
对于多媒体课件来说，影响课件界面效果的并 不是传统意义上的技术，其实际上需要的是心理上 的认同。课件界面需要通过对各种对象元素进行合 理的安排，以符合认知规律的排列来传递知识信息， 体现教学重点和难点。要制作满意的课件界面效果， 应遵循以下几个基本原则：
一、 简洁
一、 简洁
图8-1 效果不好的界面
课件中常见的颜色搭配有黑色—白色、蓝色—白色、红 色—白色、红色—黄色、黑色—黄色、绿色—黄色、绿色— 黑色。这些颜色以背景色和前景色的模式搭配使用，可以达到 较好的对比效果，效果如图8-18。
图8-18 课件中常见的颜色搭配
五、 使用渐变和透明设置背景
（1）渐变的设置方法。单击“设计”选项卡下“背景”组 中的“背景样式”下拉按钮，在下拉列表中选择相应的渐变样 式；也可以单击“设置背景样式”菜单，在打开的“设置背景 格式”对话框中进行自定义设置。如图8-19所示。
三、 对象位置对齐的方法
图8-8(a) 调出网格线和参考线 图8-8(b) 调出网格线和参考线对话框
三、 对象位置对齐的方法
（二） 使用对齐命令
在幻灯片中使用参考线和网格线作为参考排 列对象并不能保证对象能够精确定位。要实现精 确定位，可以使用对齐命令。其使用方法为：按 住Shift键选择需要对齐的对象，单击“绘图工具格式”选项卡下“排列”组中的“对齐”下拉按 钮，在下拉列表中选择的相应对齐方式，如图8-9 （a）和图8-9（b）所示。
图8-24（a） 表达结束 图8-24（b） 字幕结束 图8-24（c） 询问结束
第四节
4 使用母版设计界面
一、 母版的概念
Biblioteka Baidu
一、 母版的概念
PowerPoint中的母版分成幻灯片母版、讲义母 版和备注母版三种，其中，幻灯片母版可以理解为 制作幻灯片的模具，讲义母版是用于制作讲义的模 具，备注母版则是制作幻灯片备注的模具。
图8-14 绿色的配色效果
四、 色彩的调配及使用
6. 紫色
在彩色的色料中，紫色的明度是最低的。 紫色的低明度给人一种沉闷、神秘的感觉。
在紫色中加入少量的红色，会使人具有 压抑感、威胁感；在紫色中加入少量的黑色， 会给人沉闷、伤感、恐怖的视觉印象；在紫 色中加入少量的白色，可使紫色沉闷的视觉 印象消失，给人优雅、娇气、充满女性的魅 力的视觉印象。紫色的配色效果如图8-15所 示。
在红色中加入少量的黄色，会使其热力强盛，趋于躁动、 不安；在红色中加入少量的蓝色，会使其热性减弱，趋于文雅、 柔和；在红中加入少量的白色，会使其趋于含蓄、羞涩、娇嫩。 红色的配色效果如图8-10所示。
四、 色彩的调配及使用
图8-10 红色的配色效果
四、 色彩的调配及使用
2. 黄色
黄色给人冷漠、高傲、敏感，以及扩张和不安宁的视觉印象。 在黄色中加入少量的蓝色，会使其转化为一种鲜嫩的绿色，其 高傲的视觉印象也随之消失，而趋于一种平和、潮润的视觉印象； 在黄色中加入少量的红色，则具有明显的橙色感觉，其视觉印象也 会从冷漠、高傲转化为一种有分寸感的热情、温暖的视觉印象；在 黄色中加入少量的黑色，其色感和色性变化最大，成为一种具有明 显橄榄绿的复色印象，给人成熟、随和的视觉印象；在黄色中加入 少量的白色，其色感变的柔和，其冷漠、高傲的视觉印象被淡化， 趋于含蓄、易于接近的视觉印象。黄色的配色效果如图8-11所示。
图8-19 渐变样式的选择
五、 使用渐变和透明设置背景
（2）透明的设置方法。如果用纯色填充了背景，为了增强 视觉效果，文本区域的背景可以使用圆角矩形配合透明度的设 置，如图8-20所示。透明的设置方法为：单击“设计”选项卡 下“背景”组中的“背景样式”下拉按钮，在下拉列表单击 “设置背景样式”菜单，在打开的“设置背景格式”对话框中 进行自定义设置。
图8-5 通过颜色、字体、版式、背景设置让幻灯片统
第二节
2 界面设计的基本方法
一、 图形界面的布局
如果是以图片展示为主的课件界面，一般 包含图片、图片标题、图片说明等要素，要先 把这些内容做好，然后根据版面设置这些内容 要素的位置、大小，以及添加样式等，如可以 添加边框、调整文字的色彩、添加背景等。同 样的内容布局不同，风格也就不同，如图8-6 （a）、图8-6（b）和8-6(c)所示。
图8-3 各元素的距离不统一
四、 元素突显
元素之间有差别，可以通过文字字体、颜色和图形的对比 来突显不同元素，体现其差别，如图8-4所示。
图8-4 文字字体、颜色、图形的对比
五、 元素重复
课件的某些部分需要重复，如背景和版式。通过这些元素 的重复使用，可使课件内容井然有序、风格统一。需要注意的 是，这里的重复并不是要所有的元素都单调地重复，而是要明 确每个页面的作用，让各部分（封面、目录、内容、封底）各 司其职，如图8-5所示。
SmartArt图形式目录
自绘图形式目录
表格式目录
三、 内容页界面的设计
课件内容页界面的设计有极大的灵活性；但要注 意，内容页界面的风格应该与封面和目录页的界面 风格保持一致性，尽量避免特殊的页面界面出现。 内容页的主要功能是展示课件的知识点，因此教学 内容应该占据界面的主要位置，设计时以方便关注 和阅读为原则，常以线条、图标、色块划分内容区 域，分别如图8-23（a）、8-23（b）、8-23（c） 所示。
图8-12 蓝色的配色效果
四、 色彩的调配及使用
4. 橙色
日出时分天空的颜色为橙色， 是一种温暖的色彩，能传递出健 康、温暖和舒适的感觉。在橙色 中黄的成份较多时，趋于甜美、 亮丽、芳香的视觉印象。
在橙色中混入小量的白色， 可使橙色趋于焦躁、无力的视觉 印象。橙色的配色效果如图8-13。
图8-13 橙色的配色效果
四、 色彩的调配及使用
图8-16白色的配色效果
四、 色彩的调配及使用
（二） 课件中的色彩应用技巧
（1）在设计课件界面时，颜色太多，给人眼花瞭乱的感 觉；颜色太少，整个课件会略显单调。因此，在设计课件界面 时，一般会选择一种颜色作为主色调，其他颜色再作为点缀色。 一般应根据听课对象来选择课件界面的主色调，如用于小学生 的课件适合用颜色鲜艳的界面，用于大学生的课件适合颜色比 较沉稳的界面，分别如图8-17(a)和8-17（b）所示。
（3）从色彩效果来看，红色、黄色和橙色有突出显示的效 果，而紫色、蓝色和绿色则有向后退缩的效果。色彩明亮的物体 在视觉上会有扩大的效果，而暗一些的色彩则会起到缩小形状的 效果。在课件界面的设计中，一般以暖色、饱和、鲜明的色彩作 为课件中的前景色，以冷色、暗色、浅色作为背景色。
四、 色彩的调配及使用
图8-20 圆角矩形设置透明的文本区域
第三节
3 常用界面的设计
一、 封面界面的设计
课件封面是使用课件时学生看到的第一个界 面，就如书的封面一样，不仅要吸引学生，还要 让学生通过封面了解到课程的基本信息。课件封 面的信息一般有课件标题、讲授人及单位、一些 必要的说明、表现课程的标志性图片或Logo。
二、 主题外观的设置
图8-7(a) 内置主题应用 图8-7(b) 保存主题更改
三、 对象位置对齐的方法
（一） 使用网格线和参考线
网格线和参考线为在幻灯片中放置对象和确定对象大小提 供了位置参考，可以根据布局的需要对放置对象在幻灯片中的 位置进行调整。其使用方法为：选中“视图”选项卡下“显示 组”中的“网格线”和“参考线”复选框，即可显示网格线和 参考线，如图8-8（a）所示；或在幻灯片中单击右键，在弹出 的快捷菜单中选择“网格和参考线”命令，在打开的“网格线 和参考线”对话框中对网络线和参考线进行设置，如图8-8（b） 所示。在幻灯片中按住Ctrl键能够增加新的参考线，将参考线 放出幻灯片可删除相应参考线。
新编
现代教育技术
1 课件界面设计的原则
第八章 PowerPoint课件 的界面设计
2 界面设计的基本方法 3 常用界面的设计
4 使用母版设计界面
5 课件界面设计实训
学习目标
掌握课件界面设计的原则和基本方法； 熟悉常用色彩搭配； 能熟练应用母版设计界面。
第一节
1 课件界面设计的原则
一、 课件界面设计的原则
四、 色彩的调配及使用
5. 绿色
绿色是具有黄色和蓝色两种成分的颜色。 绿色将黄色的扩张感和蓝色的收缩感进行中 和，将黄色的温暖感与蓝色的寒冷感相抵消， 使绿色给人平和、安稳的视觉印象，称为让 人感觉柔顺、恬静、优美的颜色。
在绿色中加入少量的黑色，使其趋于庄 重、老练、成熟的视觉印象；在绿色中加入 少量的白，其其趋于洁净、清爽、鲜嫩的视 觉印象。绿色的配色效果如图8-14所示。
三、 内容页界面的设计
图8-23（a） 用线条分隔内容
图8-23（b） 用图 标展现内容
图8-23（c） 用色 块划分内容
三、 退出界面的设计
退出界面是课件退出时显示的页面，有时简单地用 “thank you！”“谢谢！”结束放映，有时通过显示课件设 计、制作、授课人员信息结束放映，有时以询问方式结束放映， 等等。常用的退出界面如图8-24所示。
一、 封面界面的设计
一、 封面界面的设计
图8-21 部分设计经典的封面式样
二、 目录页界面的设计
课件可以有目录，也可以没有目录。如果页数比较多，有目 录能更清晰体现课件内容的框架，方便学生对内容的理解与记忆。
一般将课件第二张幻灯片设置为目录页，目录页有SmartArt 图形式、自绘图形式、表格式三种形式。
四、 色彩的调配及使用
图8-11 黄色的配色效果
四、 色彩的调配及使用
3. 蓝色
蓝色的色感冷，象征着平静、理 智、冷淡和低调，是课件中运用最多 的色彩。蓝色还是一种在淡化后仍然 能保持较强个性的颜色。
在蓝色中分别加入少量的红、黄、 黑、橙、白等颜色，均不会对蓝色的 视觉印象构成较明显的影响。蓝色的 配色效果如图8-12所示。
四、 色彩的调配及使用
图8-17(a) 颜色鲜艳的界面
图8-17(b) 颜色沉稳的界面
四、 色彩的调配及使用
（2）在为课件界面选择色彩时，屏幕上同时出现的色彩要 和谐，应尽量避免将对比太鲜明的色彩放在一起，也就是要求互 补色少用，如红色—绿色、红色—蓝色、绿色—蓝色、橙色— 紫色等。这些颜色放在一起，容易使学生产生视觉疲劳，从而影 响学习效果。
图8-15 紫色配色效果
四、 色彩的调配及使用
7. 白色
白色的色感光明，给人朴实、纯洁、快乐的视觉印象， 白色还使人产生不容侵犯的感觉。
在白色中加入其他任何颜色，都会影响其纯洁性。在白 色中混入少量的红色，就成为淡淡的粉色，给人鲜嫩而充满 诱惑的视觉印象；在白色中混入少量的黄色，则会成为乳黄 色，给人一种香腻的视觉印象；在白色中混入少量的蓝色， 会给人清冷、洁净的视觉印象；在白色中混入少量的橙色， 会给人干燥的视觉印象；在白色中混入少量的紫色，可诱导 人联想到淡淡的芳香。紫色的配色效果如图8-16所示。