色彩构成与应用

石家庄市信息管理学校——计算机多媒体技术与应用专业电子教案 1 课 题： 第二章 色彩构成与应用 课 时： 一、教学目标： 知识目标： 理解色彩构成的基本原理。 掌握网页配色的基本方法。 能够运用色彩理论为指定题目进行合理的配色。 能力目标： 养成独立思考、主动学习的习惯。 初步具备获取知识、探索新知识的能力。 情感目标： 由对美的渴望与追求引发对学习的热爱。 二、教学重、难 点分析： 重点：色彩构成在网页配色中的应用 难点：色彩构成原理 三、教法与学法分析： 1．教法阐述： 这节课主要采用自主学习、问题探究、案例分析、任务驱动等教学方法组织并开展教学活动。展示知识形成与发展的全过程，教会学生如何去创造，使学生在提高专业理论知识的同时，具备实践应用的能力。 2．学法指导： 指导学生收集信息、整合资料、讨论与交流，增强学习与探究的学习意识，通过互教互学，达到共享、共识、共进的目的。教给学生学习的方法，让其在实践中发现问题，所谓“授人以鱼”不如“授人以渔”就是这个道理。 四、教学过程设计： 石家庄市信息管理学校——计算机多媒体技术与应用专业电子教案

2 教 学 过 程 与 分 析

教学过程与实施方法 学法分析 第一环节——智慧闪电： 小游戏：找新娘 （链接课件） 猜一猜哪两种颜色搭配最好看？ 导语： 色彩本身就是一个难解的迷题，在日常生活中，人们都习惯于按

照自己的思维标准来判断事物，对于颜色的偏好，每个人的评价各不 相同，可谓是仁者见仁、智者见智……如果说一个好的设计等于感觉 加一个未知数，那么这个未知数应该说是可以说服他人的科学理论体 系，这节课我们来学习使用色彩体系科学判断色彩设计的标准。 第二环节——共享空间 一、色彩构成原理 问题1：色彩是如何产生的？ 1组同学讲解——链接附件 老师讲评： 1666年英国科学家牛顿在剑桥大学的实验室发现了色彩的成因，

牛顿把太阳光从一个小缝引入暗室，通过三棱镜后，在屏幕上出现了 一条美丽的彩带，从红开始依次为橙、黄、绿、清、蓝、紫，这种现 象称为光的分解或光谱。并揭示了光色原理，使人类第一次认清了色 彩产生的原因。

感知过程： 课前通过“找新娘”这个游戏环节的设计，引出一个关于配色的判断标准的话题，好看与难看靠什么来衡量？由此引发对问题的探讨，导入正课。

认知过程： 所谓“共享空间”即在教师的引领下由学生根据课前布置的学习任务，进行课上交流，4个小组的任务合在一起形成一个完整的知识体系，实现学习资源的共享。 石家庄市信息管理学校——计算机多媒体技术与应用专业电子教案 3 教学过程与实施方法 学法分析 问题2：色彩构成的基本特征是什么？ 2组同学讲解——链接附件 （一）色彩的三原色 老师归纳、补充： 难点突破：（课件演示）

（二）色彩的属性 要理解和灵活运用色彩，必须懂得色彩学的原则和方法，而其 中主要就是色彩的属性。

有彩色表现较为复杂，每种色彩均有明显的区别，它们具有三 大属性：明度、色相、纯度合称为色彩的三大属性，下面让我们来 认识每一种属性： 在Photoshop的Color Picker（拾色器）中可以修改色彩的三 属性，从而得到任意的颜色。当单击前景色或背景色图标按钮时 Photoshop就会打开Color Picker（拾色器）对话框。Color Picker （拾色器）对话框中，Ｈ选项代表色相（Hue），S选项代表饱和 度（Saturation），B选项代表亮度(Brightness)。

色彩模式是多媒体专业的学生必须掌握的知识点，这部分内容安排学生进行课前探究性的学习，只能从表象了解基本的概念，由于不理解其中的原理，很可能出现只知其然，不知其所以然的情况出现，自主学习要经过一个由扶到放的过程，这时教师通过直观的教学手段帮助学生理解问题、分析问题是十分必要的。

三原色 色光混合（RGB）——加色模式 色料混合（CMYK）——减色模式

无彩色：即黑、白、灰。 有彩色：即红、橙、黄、绿、青、蓝、紫七彩

色彩分为两大石家庄市信息管理学校——计算机多媒体技术与应用专业电子教案

4 教学过程与实施方法 学法分析 （三）色彩的相互关系 难点突破：讲解、课件演示（链接课件） 一个色相环通常包括12种明显不同的颜色。色相环在色彩设计

中具有一定的指导作用，借助色相环我们可以对色彩进行正确的判 断和分析，利用好色彩之间的相互关系对具体的实践设计活动具有 重要的指导意义。根据色相环可以对色彩划分为以下几种类别： 1. 类似色：色相距离在色相环150以上，450左右的对比。 2. 对比色：色相距离在色相环1300左右的对比。 3. 互补色：色相距离在色相环1800左右的对比。 4. 暖色：暖色由红色调组成。比如红色、橙色和黄色。 5. 冷色：冷色来自于蓝色色调。譬如蓝色、青色和绿色。 （四）色彩视觉特征与心理共性 猜一猜：（链接课件） １. 判断下列物体哪个轻？哪个重？哪个前进？哪个收缩？ ２. 根据音乐选择合适的色彩组合？ 小组讨论： 学生抢答：…… 效果评价：（教师点击评分课件） 二、色彩构成与应用 导语： 在设计过程中，配色是首要环节，也是重要环节，色彩能直接 表达设计需求。为了培养出色的配色感觉，我们将学习不同的配色 方案，掌握根据不同颜色属性或排列方式得到不同配色效果的方法。 让我们在学习配色方法之前先认识一下色彩家族中的主要成员，然 后再研究在他们之间如何进行有效的优化组合。 （一）色彩的功能角色 思考：（链接课件） 请判断画面中哪部分颜色为主色、辅助色、突出色？

理解色彩属性的最终目的是为了掌握配色的基本方法，配色方法是建立在对色彩关系的充分理解的基础之上的，这部分内容在学生自主学习的基础上，老师通过课件演示帮助学生重点理解类似色、对比色、互补色的关系，为进一步学习配色方法打好基础。

考虑到学生在学习理论知识时较为枯燥，容易产生厌学心理，因此在学习“色彩的心理与视觉特征”这一问题时，将石家庄市信息管理学校——计算机多媒体技术与应用专业电子教案 5 引出问题——色彩的功能角色

教学过程与实施方法 学法分析

小组讨论：…… 学生抢答：…… 教师评价： 像小说和戏剧中有主角与配角一样，在配色中也有不同的职责 与任务。主要的配色职责中有主色、辅助色、突出色。主色具有突 显主题的作用，突出醒目，使观访者的视线固定下来，保持画面的 整体统一。辅助色是烘托气氛的。主色虽然是视觉的中心，但是决 定画面整体印象的确是辅助色，无论主色多么华丽，如果辅助色十 分素雅，那么整体会变的素雅；背景色如果明亮，那么整体也会给 人明亮的印象。突出色起到着重强调的作用。在保持画面整体效果 的基础上，一小块强烈的颜色在画面中起到突出重点、活跃画面的 作用。 （二）配色的基本方法 1.色调配色法 3组同学讲解——链接附件 小组讨论： 难点突破：案例分析（链接课件） 进行色调配色首先要理解色调的概念，简单地讲某一颜色加入 黑色或白色从而导致颜色的深浅发生变化形成所谓的亮调、中间调、 暗调既是色调。不同的色调对人产生的心理暗示会影响人们产生色 彩联想，因此针对不同的设计题材，站点的配色方案要以站点的内 容为基础 配色技巧：

色彩的色调、色相在画面种占有的面积、位置在设计中是不可忽略的因素，了解色彩的功能角色才能进行具体的配色。

学生讲解，教师根据学生对知识的理解程度应及时提供有效的帮助，并给予肯定或纠正。引导学生顺畅地完成自主学习石家庄市信息管理学校——计算机多媒体技术与应用专业电子教案 6 打开Photoshop 的拾色器，选择B（亮度），以矩形区域内的颜 色为指定色，通过拖动右侧的滑块即产生色调变化。

教学过程与实施方法 学法分析

2.色相配色法 4组同学讲解——链接附件 小组讨论： 总结归纳：案例分析（链接课件）

配色技巧： 打开Photoshop 的拾色器，选择H（色相），以矩形区域内的颜 色为指定色，通过拖动右侧的滑块即产生色相变化。对已填充的区 域按下[Ctrl]+[I]键即可得到颜色的互补色。 第三环节——灵感碰撞 1． 站点配色分析 假设一个著名的体育用品公司（如李宁）请大家策划一个相关站 点，我们首先进行的工作应该查找分析当前已经制作好的一些相关 内容站点。 首先，让我们搜集一些与运动、服饰相关的站点。这一类的站 点中最典型的是体育、健身等相关讨论的站点等等，在搜集了这 些相关站点资料之后就需要对每一个站点的风格和特点进行分析。

色相配色法 类似色相配 互补色相配 对比色相配

适当的时机教师补充一些书本以外的小技巧可以增加学生对老师的信赖感，提高学习的兴趣与探究的欲望。

通过站点配色分析，密切联系实际，教会学生面对特定的主题如何开展设计活动，体现以能力为本