学时1授课教师：石雪飞授课题目：第三章PowerPoint交互课件的设计与开发（多媒体课件界面元素的设计）教学目标：2.知道色彩基本属性的概念和对色彩的影响3.知道色彩的混合类型与形成机制4.学会如何合理搭配颜色5.知道界面构图的形式美法则6.知道课件界面的元素并懂得如何设计每一个页面教学重点、难点：重点：色彩的合理搭配难点：深入理解色彩和构图知识，并能设计好课件的每一个页面教学方法：演示法、提问法、讲授法学生分析：学生导入：美的多媒体课件界面可以使学习者感到耳目一新。学习者通过感受课件界面上的色彩、图案、物体、创意、动画等元素，形成对课件的第一印象。如果我们在设计制作多媒体课件界面时能做到：内容清楚、指示明白、版面美观、有亲切感：那么这样的课件就容易被使用者理解和接受，并有兴趣去使用，从而让使用者更容易掌握和使用。因此规划设计和制作界面是多媒体课件设计制作的一个非常重要的环节。为了能够设计出优秀课件的界面，懂得一些色彩的搭配和构图知识是非常必要的，所以我们先来学习一下色彩和构图方面的知识。讲授新课：3.色彩的混合和搭配1.色彩的基本属性（讲授）色相：色彩的属性与称谓，是区别各种不同色彩最准确的标准。（课件呈现色相环）亮度：色彩的相对明暗程度（课件呈现色彩亮度图示，解释不同亮度下色彩的效果)饱和度：指色彩的强度或纯度，表示色相中灰色分量所占的比例。（课件呈现三幅色彩饱和度不同的图片）提问：某个学生指出三幅图像不同之处提问光学三原色是什么？美术三原色呢？二者有分别吗？光学三原色：红、绿、蓝美术三原色：品红、黄、青（现代美术）解释原色：所谓原色，又称为第一次色，或称为基色，原色的色纯度最高，最纯净、最鲜艳。可以调配出绝大多数色彩，而其他颜色不能调配出三原色。在三原色的概念的认识上，我们与教科书上基本一致的。三原色分为两类，一类是色光原色，称
学时 1 授课教师：石雪飞 授课题目：第三章 PowerPoint 交互课件的设计与开发（多媒体课件界面元素的设计） 教学目标： 2.知道色彩基本属性的概念和对色彩的影响 3.知道色彩的混合类型与形成机制 4.学会如何合理搭配颜色 5.知道界面构图的形式美法则 6.知道课件界面的元素并懂得如何设计每一个页面 教学重点、难点： 重点：色彩的合理搭配 难点：深入理解色彩和构图知识，并能设计好课件的每一个页面 教学方法：演示法、提问法、讲授法 学 生分析： 学生 美的多媒体课件界面可以使学习者感到耳目一新。学习者通过感受课件界面上的 色彩、图案、物体、创意、动画等元素，形成对课件的第一印象。如果我们在设计制 作多媒体课件界面时能做到：内容清楚、指示明白、版面美观、有亲切感；那么这样 的课件就容易被使用者理解和接受，并有兴趣去使用，从而让使用者更容易掌握和使 用。 因此规划设计和制作界面是多媒体课件设计制作的一个非常重要的环节。为了能 够设计出优秀课件的界面，懂得一些色彩的搭配和构图知识是非常必要的，所以我们 先来学习一下色彩和构图方面的知识。 3.色 彩的混合和搭配 1.色彩的基本属性（讲授） 色 相：色彩的属性与称谓，是区别各种不同色彩最准确的标准。 （课件呈现色相 环） 亮 度：色彩的相对明暗程度 （课件呈现色彩亮度图示，解释不同亮度下色彩的效 果） 饱 和度：指色彩的强度或纯度，表示色相中灰色分量所占的比例。（课件呈现三幅 色彩饱和度不同的图片） 某个学生指出三幅图像不同之处 ：光学三原色是什么？美术三原色呢？二者有分别吗？ 光学三原色：红、绿、蓝 美术三原色：品红、黄、青（现代美术） 解释原色： 所谓原色，又称为第一次色，或称为基色，即用以调配其他色彩的基本色。原色的色纯 度最高，最纯净、最鲜艳。可以调配出绝大多数色彩，而其他颜色不能调配出三原色。在三 原色的概念的认识上，我们与教科书上基本一致的。三原色分为两类，一类是色光原色，称
为加色法三原色：另一类为颜料（染料）三原色，又称为减色法三原色。一般来说叠加型的三原色是红色、绿色、蓝色：而消减型的三原色是品红色、黄色、青色。在传统的颜料着色技术上，通常红、黄、蓝会被视为原色颜料。（现代的美术书已不采用这种说法，而采用消减型的三原色。）2.加色法在大自然中，我们所看到的光波是经过物体反射进入我们的视网膜，但产生色彩的方式不仅只这一种。例如，舞台灯光是利用白光穿过有色滤镜来产生不同的色光。计算机屏幕也是使用投射光波的方式，但不同的是它籍由让电子光枪发光投射到含磷的屏幕来产生色光。这些电子光枪可以发出三种颜色：红、绿、蓝。籍由这三种色光，计算机屏幕可制作出完整的光谱。这就是大家所熟知的RGB色系。在RGB系统中，设计师也可以透过混合三原色的方式做出一个光谱。混合任两个原色，就会产生三个次原色：青、洋红、黄。如前面所说的，将光的三原色加在一起就可以做出白光。所以，如果一个RGB的值为255,255,255则表示为白色。如果完全拿掉这三原色的光（RGB：0.0.0）则产生黑色。教师演示：打开“光的三原色.Swf”虚拟课件，模拟加色法。（用实验证明，增加说服力）互补色：如果三原色光中某一种色光与某一种三原色光以外的色光等量相加后形成白光，则称这两种色光为互补色光。。等量的红光+绿光=黄光，互补于蓝光；等量的红光+蓝光=品红光（也称洋红，即较浅的紫红），互补于绿光；等量的绿光+蓝光=青光，互补于红光。互补色光之间，能够形成相互阻挡的效果。于是可知以下三对互补色光：黄光与蓝光、红光与青光、绿光与品红光。教师演示：打开“有意思的实验-灯光实验.Swf”虚拟课件，模拟不同灯光颜色下红、绿、蓝、白、黑球呈现出来的色彩。（实验模拟，帮助学生更好理解颜色叠加法）3.色彩在课件设计中存在的问题（举例说明）（1）、认为色彩只是课件设计中一个可有可无的因素，在设计课件时，没有注重色彩心理的有效运用，对于色彩的选择随心所欲，毫不用心。教师演示：演示反面实例---某个学生课件作品--（2）、对色彩的选择仅考虑艺术性，没有将色彩运用与学习者的心理结合起来，忽视色彩心理对课件的影响，对学习者的影响。（M）（演示反面实例某个学生课件作品）教师演示：演示反面实例---某个学生课件作品--（3）、色彩的运用没有针对性，没有根据不同年龄阶段学习者的色彩心理特征进行选择，不符合学习者的差异性。教师演示：演示反面实例---某个学生课件作品--（4）、课件色彩的整体风格和教材本身的特色不相符合。理科教材体现的是科学、智慧、理性，在色彩的选择中宜更多采用蓝色、黑色、青色等色调：教师演示：演示优秀课件作品--中学化学实验-（蓝色风格）文科教材体现出的则是想象、浪漫、感性，色彩的选择宜更多采用橙色、白色、紫色等色调
为加色法三原色；另一类为颜料（染料）三原色，又称为减色法三原色。一般来说叠加型的 三原色是红色、绿色、蓝色；而消减型的三原色是品红色、黄色、青色。在传统的颜料着色 技术上，通常红、黄、蓝会被视为原色颜料。（现代的美术书已不采用这种说法，而采用消减 型的三原色。） 2.加色法 在大自然中，我们所看到的光波是经过物体反射进入我们的视网膜，但产生色彩的方式不 仅只这一种。例如，舞台灯光是利用白光穿过有色滤镜来产生不同的色光。计算机屏幕也是使 用投射光波的方式，但不同的是它藉由让电子光枪发光投射到含磷的屏幕来产生色光。这些电 子光枪可以发出三种颜色：红、绿、蓝。藉由这三种色光，计算机屏幕可制作出完整的光谱。这 就是大家所熟知的 RGB 色系。 在 RGB 系统中，设计师也可以透过混合三原色的方式做出一个光谱。混合任两个原色， 就会产生三个次原色：青、洋红、黄。如前面所说的，将光的三原色加在一起就可以做出白光。 所以，如果一个 RGB 的值为 255,255,255 则表示为白色。如果完全拿掉这三原色的光 (RGB: 0,0,0) 则产生黑色。 ：打开“光的三原色.swf”虚拟课件，模拟加色法。（用实验证明，增加说服力） 互补色：如果三原色光中某一种色光与某一种三原色光以外的色光等量相加后形成白光， 则称这两种色光为互补色光。 等量的红光+绿光=黄光，互补于蓝光；等量的红光+蓝光=品红光（也称洋红，即较浅的紫 红），互补于绿光；等量的绿光+蓝光=青光，互补于红光。互补色光之间，能够形成相互阻挡的 效果。于是可知以下三对互补色光：黄光与蓝光、红光与青光、绿光与品红光。 ：打开“有意思的实验-灯光实验.swf”虚拟课件，模拟不同灯光颜色下红、绿、 蓝、白、黑球呈现出来的色彩。（实验模拟，帮助学生更好理解颜色叠加法） 3.色彩在课件设计中存在的问题（举例说明） （1）、认为色彩只是课件设计中一个可有可无的因素，在设计课件时，没有注重色彩心理 的有效运用，对于色彩的选择随心所欲，毫不用心。 ：演示反面实例-某个学生课件作品- （2）、对色彩的选择仅考虑艺术性，没有将色彩运用与学习者的心理结合起来，忽视色彩 心理对课件的影响，对学习者的影响。（M）（演示反面实例某个学生课件作品） ：演示反面实例-某个学生课件作品- （3）、色彩的运用没有针对性，没有根据不同年龄阶段学习者的色彩心理特征进行选择， 不符合学习者的差异性。 ：演示反面实例-某个学生课件作品- （4）、课件色彩的整体风格和教材本身的特色不相符合。 理科教材体现的是科学、智慧、理性，在色彩的选择中宜更多采用蓝色、黑色、青色等色 调； ：演示优秀课件作品-中学化学实验- （蓝色风格） 文科教材体现出的则是想象、浪漫、感性，色彩的选择宜更多采用橙色、白色、紫色等色 调
教师演示：演示优秀课件作品--世纪宝鼎-（橙色风格）所以我们在课件设计过程中，色彩选择应该和学科自身的特色相符合。（5）、滥用色彩。课件界面色彩种类过多，易使学习者的注意力都转移到课件界面而不是学习内容上，若颜色太单调，则不但起不到积极的作用反而会产生消极的影响。教师演示：演示反面实例---某个学生课件作品-（6）、同一课件内界面设计或色彩运用不统一，使得整个课件没有整体感。如果不同内容的界面之间色彩跳跃过大，会导致学习思维的混乱，不利于学习者的学习。教师演示：演示反面实例---某个学生课件作品--4、课件中的色彩搭配：（1）常用合理搭配推荐：文字颜色背景颜色 文字颜色背景颜色白色白色绿色蓝色白色黑色白色红色蓝色白色紫色黄色黄色黑色黄色红色（2）容易出现的不合适配色蓝色文字蓝色文宇黄色文宇黑色背景白色背景红色胃景演示红蓝搭配提问：这种色彩搭配你有什么感觉？你认为如何搭配效果会好一些？小结：如果课件存在以上问题，就难以很好的发挥辅助教学的作用，从而无法达到教学目标。只有重视色彩在课件设计中的运用，根据不同学习者色彩心理特征进行课件设计，才能有效促进教学。一般，课件中使用的色彩不要超过4种，用太多的色彩会使学生杂乱，没有侧重点。二、课件界面的构图提问：何为构图？1.构图目的：是把传达教学信息的主体加以强调、突出，恰当地安排陪体、选择环境，舍弃繁琐
：演示优秀课件作品-世纪宝鼎- （橙色风格） 所以我们在课件设计过程中，色彩选择应该和学科自身的特色相符合。 （5）、滥用色彩。 课件界面色彩种类过多，易使学习者的注意力都转移到课件界面而不是学习内容上，若颜 色太单调，则不但起不到积极的作用反而会产生消极的影响。 ：演示反面实例-某个学生课件作品- （6）、同一课件内界面设计或色彩运用不统一，使得整个课件没有整体感。 如果不同内容的界面之间色彩跳跃过大，会导致学习思维的混乱，不利于学习者的学习。 ：演示反面实例-某个学生课件作品- 4、课件中的色彩搭配： （1）常用合理搭配推荐： （2）容易出现的不合适配色 演示红蓝搭配 ：这种色彩搭配你有什么感觉？你认为如何搭配效果会好一些？ 小结：如果课件存在以上问题，就难以很好的发挥辅助教学的作用，从而无法达到教学目 标。只有重视色彩在课件设计中的运用，根据不同学习者色彩心理特征进行课件设计，才能有 效促进教学。一般，课件中使用的色彩不要超过 4 种，用太多的色彩会使学生杂乱，没有侧重 点。 二 、课件界面的构图 1.构图 目的：是把传达教学信息的主体加以强调、突出，恰当地安排陪体、选择环境，舍弃繁琐
的与传递信息无关的东西，使出现在学生面前的多媒体画面教学信息更集中、更有冲击力、艺术感更强。2.构图的形式美法则（讲授+图片展示说明）（1）重复和节奏重复是在画面中，不断重复的基本线或形。如果它们的形状、大小、方向都是相同的，就会产生安定、整齐、规律的感觉，但是也容易显得平淡或缺乏趣味性的变化。重复的构成方式经常被用来设计界面的背景，平淡的背景作为主体的陪衬。节奏是由构成元素按照一定的秩序重复排列的形成的，往往有大小、明暗、形状、高低等的排列构成形式。在多媒体画面设计中，经常会把一些辅助性的元素，比如说按钮、装饰这类的画面要素进行有变化有节奏感的排列，节奏感能够增强画面的艺术性。（2）对称与均衡对称。两个同一形的并列与均齐，就是最简单的对称形式。对称是同等同量的平衡。对称的形式有左右对称、上下对称和放射对称三类。对称的特点是稳定、整齐、庄严、安宁。均衡。均衡是一种有变化的平衡，它利用一种等量不等形的方式来表现矛盾的统一性，达到一种静中有动或动中有静的条理美和动态美。均衡的形式富于变化，有趣味、生动的特点。均衡是形式美的重要法则，在把画面的各个部分组成一个完整的过程中，最重要的是画面是否均衡。均衡是人们在长期生活中形成一种心理要求和形式感觉，画面均衡与否，与学生的接受心理有着紧密的联系。一幅多媒体教学画面在一般情况下应该是均衡，安定的，使学生感到稳定，和谐，完整。设计者可以从以下这几个方面来强调画面均衡的表现力①强调一种庄重、肃穆的气氛时，要求画面的均衡平稳，甚至有意地采取对称式的均衡，从四平八稳的对称均衡中显示出一种古朴的庄重的关系。②在一般性的画面中，要求的是变化中的均衡画面上可以有疏有密，有虚有实，但整体要（3）对比与调和对比是差异性的强调，把构图元素放置在比较之下，就会产生诸如大小、明暗、粗细、疏密、高低、远近、直曲、浓淡、轻重等的对比，对比是画面设计中必然用到的形式法则，作用是突出主从关系和显示统一变化中的艺术效果。和对比相反，调和是指适合、安定、统一，是近似性的强调，使两者或两者以上的要素具有共性。（4）比例与面积比例是形成整体与部分以及部分与部分之间数量的一种比率。成功的构图，首先取决于良好的比例。画面的分割要从视觉上适合观看者的心理接受特点，比例的适度，能给人一种秩序、明朗的感觉。（5）疏密与留白“疏与密”在中国画中也叫“开合"或“争让”，意思是在构图过程中，需要把某些物象集中起来，叫做密”；需要把某些物象分散开去，叫做“疏”。但是，疏密变化的安排也有特殊的情况，比如有时候为了表现严肃的感觉或者装饰的趣味，就可能不强调蔬密变化，为的是得到一种秩序美或者一种特殊的个性美
的与传递信息无关的东西，使出现在学生面前的多媒体画面教学信息更集中、更有冲击力、艺 术感更强。 2.构图的形式美法则（讲授+图片展示说明） （1）重复和节奏 重复是在画面中，不断重复的基本线或形。如果它们的形状、大小、方向都是相同的，就 会产生安定、整齐、规律的感觉，但是也容易显得平淡或缺乏趣味性的变化。重复的构成方式 经常被用来设计界面的背景，平淡的背景作为主体的陪衬。 节奏是由构成元素按照一定的秩序重复排列的形成的，往往有大小、明暗、形状、高低等 的排列构成形式。在多媒体画面设计中，经常会把一些辅助性的元素，比如说按钮、装饰这类 的画面要素进行有变化有节奏感的排列，节奏感能够增强画面的艺术性。 （2）对称与均衡 对称。两个同一形的并列与均齐，就是最简单的对称形式。对称是同等同量的平衡。对称 的形式有左右对称、上下对称和放射对称三类。对称的特点是稳定、整齐、庄严、安宁。 均衡。均衡是一种有变化的平衡，它利用一种等量不等形的方式来表现矛盾的统一性，达 到一种静中有动或动中有静的条理美和动态美。均衡的形式富于变化，有趣味、生动的特点。 均衡是形式美的重要法则，在把画面的各个部分组成一个完整的过程中，最重要的是画面 是否均衡。均衡是人们在长期生活中形成一种心理要求和形式感觉，画面均衡与否，与学生的 接受心理有着紧密的联系。一幅多媒体教学画面在一般情况下应该是均衡，安定的，使学生感 到稳定，和谐，完整。设计者可以从以下这几个方面来强调画面均衡的表现力： ① 强调一种庄重、肃穆的气氛时，要求画面的均衡平稳，甚至有意地采取对称式的均衡， 从四平八稳的对称均衡中显示出一种古朴的庄重的关系。 ② 在一般性的画面中，要求的是变化中的均衡画面上可以有疏有密，有虚有实，但整体要 求是均衡的。 （3）对比与调和 对比是差异性的强调，把构图元素放置在比较之下，就会产生诸如大小、明暗、粗细、疏 密、高低、远近、直曲、浓淡、轻重等的对比，对比是画面设计中必然用到的形式法则，作用是 突出主从关系和显示统一变化中的艺术效果。 和对比相反，调和是指适合、安定、统一，是近似性的强调，使两者或两者以上的要素具 有共性。 （4）比例与面积 比例是形成整体与部分以及部分与部分之间数量的一种比率。成功的构图，首先取决于良 好的比例。画面的分割要从视觉上适合观看者的心理接受特点，比例的适度，能给人一种秩序、 明朗的感觉。 （5）疏密与留白 “疏与密”在中国画中也叫“开合”或“争让”，意思是在构图过程中，需要把某些物象集中起来， 叫做“密”；需要把某些物象分散开去，叫做“疏”。但是，疏密变化的安排也有特殊的情况，比如 有时候为了表现严肃的感觉或者装饰的趣味，就可能不强调疏密变化，为的是得到一种秩序美 或者一种特殊的个性美
留白。中国传统美学上还有“计白守黑”的说法。将编排的内容实体认为是“黑”，将空白的区域认为是“白”，所谓的“白”不仅指白色，也可以是细弱的文字、图形或平铺的色彩等等。留白最大的作用就是引人注意。教师演示：留自后的美（6）变化与统一变化与统一是客观事物本身所具有的特性。“变化”体现了各个事物个性的千差万别，“统一”则体现了各个事物的共性或整体联系。变化与统一是形式美法则的最高体现变化与统一体现在构图当中就是将所需要的视觉形象安排成有变化、有秩序、有节奏而又和谐统一的整体。变化的表现主要借助对比的形式法则。统一的表现主要借助均衡、调和、秩序等形式法则。小结：美的构图的形式式多样的，同学们在平时可以多看一些优秀课件界面的构图方式，取其精华、弃其糟粕，将本组课件界面的构图设计得科学、合理、美观、大方。二、课件界面的设计?多媒体课件页面的构成（课件展示）广想出内容封内容内容文-内容帮助(2)封页设计封面是课件的题目首页，包括课件的名称、制作单位、作者姓名、各种标志以及必要的说明等。像书的封面一样，力求设计新颖，有创意，给人一种焕然一新的感觉。课件展示：优秀封页(3)目录页设计课件的目录给出教学内容题目、制作说明、帮助以及各种控制等。考虑画面的完整性和美观、协调，应选择与教学内容有关而又惬意的背景，教学内容题目不宜太多太密，若有必要可以设计二级目录、三级目录等。课件展示：优秀目录页(4)内容页设计课件中教学内容题目显示通常有四种方式：文字显示图形显示图形或图标加文字说明视频或者动画显示课件展示：优秀内容页(5)帮助页设计通过文字和图示说明课件的内容结构、功能、操作说明等
留白。中国传统美学上还有“计白守黑”的说法。将编排的内容实体认为是“黑”，将空白的区 域认为是“白”，所谓的“白”不仅指白色，也可以是细弱的文字、图形或平铺的色彩等等。留白最 大的作用就是引人注意。 （6）变化与统一 变化与统一是客观事物本身所具有的特性。“变化”体现了各个事物个性的千差万别，“统一” 则体现了各个事物的共性或整体联系。变化与统一是形式美法则的最高体现。 变化与统一体现在构图当中就是将所需要的视觉形象安排成有变化、有秩序、有节奏而又 和谐统一的整体。变化的表现主要借助对比的形式法则。统一的表现主要借助均衡、调和、秩 序等形式法则。 美的构图的形式式多样的，同学们在平时可以多看一些优秀课件界面的构图方式， 取其精华、弃其糟粕，将本组课件界面的构图设计得科学、合理、美观、大方。 二、课件界面的设计 ⑥ 多媒体课件页面的构成（课件展示） (2)封页设计 封面是课件的题目首页，包括课件的名称、制作单位、作者姓名、各种标志以及必要的说 明等。像书的封面一样，力求设计新颖，有创意，给人一种焕然一新的感觉。 (3)目录页设计 课件的目录给出教学内容题目、制作说明、帮助以及各种控制等。考虑画面的完整性和美 观、协调，应选择与教学内容有关而又惬意的背景，教学内容题目不宜太多太密，若有必要可 以设计二级目录、三级目录等。 (4)内容页设计 课件中教学内容题目显示通常有四种方式： 文字显示 图形显示 图形或图标加文字说明 视频或者动画显示 (5)帮助页设计 通过文字和图示说明课件的内容结构、功能、操作说明等