色彩构成与应用

课题：第二章色彩构成与应用

课时：

一、教学目标：

知识目标：理解色彩构成的基本原理。

掌握网页配色的基本方法。

能够运用色彩理论为指定题目进行合理的配色。

能力目标：养成独立思考、主动学习的习惯。

初步具备获取知识、探索新知识的能力。

情感目标：由对美的渴望与追求引发对学习的热爱。

二、教学重、难点分析：

重点：色彩构成在网页配色中的应用

难点：色彩构成原理

三、教法与学法分析：

1．教法阐述：

这节课主要采用自主学习、问题探究、案例分析、任务驱动等教学方法组织并开展教学活动。展示知识形成与发展的全过程，教会学生如何去创造，使学生在提高专业理论知识的同时，具备实践应用的能力。

2．学法指导：

指导学生收集信息、整合资料、讨论与交流，增强学习与探究的学习意识，通过互教互学，达到共享、共识、共进的目的。教给学生学习的方法，让其在实践中发现问题，所谓“授人以鱼”不

如“授人以渔”就是这个道理。

四、教学过程设计：

教学过程与分析

教学过程与实施方法

学法分析

第一环节——智慧闪电：

小游戏：找新娘（链接课件）

猜一猜哪两种颜色搭配最好看？

导语：

色彩本身就是一个难解的迷题，在日常生活中，人们都习惯于按照自己的思维标准来判断事物，对于颜色的偏好，每个人的评价各不相同，可谓是仁者见仁、智者见智……如果说一个好的设计等于感觉加一个未知数，那么这个未知数应该说是可以说服他人的科学理论体系，这节课我们来学习使用色彩体系科学判断色彩设计的标准。

第二环节——共享空间

一、色彩构成原理

问题1：色彩是如何产生的？

1组同学讲解——链接附件

老师讲评：

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

感知过程：

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

认知过程：

所谓“共享空间”即在教师的引领下由学生根据课前布置的学习任务，进行课上交流，4个小组的任务合在一起形成一个完整的知识体系，实现学习资源的共享。

在学生自主探究的学习过程中，教师是以引领、答疑、指导者的角色出现在课堂的。

问题2：色彩构成的基本特征是什么？ 2组同学讲解——链接附件 （一）色彩的三原色 老师归纳、补充： 难点突破：（课件演示）

（二）色彩的属性

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

有彩色表现较为复杂，每种色彩均有明显的区别，它们具有三

大属性：明度、色相、纯度合称为色彩的三大属性，下面让我们来 认识每一种属性：

在Photoshop 的Color Picker （拾色器）中可以修改色彩的三 属性，从而得到任意的颜色。当单击前景色或背景色图标按钮时 Photoshop 就会打开Color Picker （拾色器）对话框。Color Picker （拾色器）对话框中，Ｈ选项代表色相（Hue ），S 选项代表饱和 度（Saturation ），B 选项代表亮度(Brightness)。

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

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

色料混合（CMYK ）——减色模式

无彩色：即黑、白、灰。

有彩色：即红、橙、黄、绿、青、蓝、紫七彩

色彩分为两大

（三）色彩的相互关系

难点突破：讲解、课件演示（链接课件）

一个色相环通常包括12种明显不同的颜色。色相环在色彩设计中具有一定的指导作用，借助色相环我们可以对色彩进行正确的判断和分析，利用好色彩之间的相互关系对具体的实践设计活动具有重要的指导意义。根据色相环可以对色彩划分为以下几种类别：

1. 类似色：色相距离在色相环150以上，450左右的对比。

2. 对比色：色相距离在色相环1300左右的对比。

3. 互补色：色相距离在色相环1800左右的对比。

4. 暖色：暖色由红色调组成。比如红色、橙色和黄色。

5. 冷色：冷色来自于蓝色色调。譬如蓝色、青色和绿色。（四）色彩视觉特征与心理共性

猜一猜：（链接课件）

１.判断下列物体哪个轻？哪个重？哪个前进？哪个收缩？

２.根据音乐选择合适的色彩组合？

小组讨论：

学生抢答：……

效果评价：（教师点击评分课件）

二、色彩构成与应用

导语：

在设计过程中，配色是首要环节，也是重要环节，色彩能直接

表达设计需求。为了培养出色的配色感觉，我们将学习不同的配色方案，掌握根据不同颜色属性或排列方式得到不同配色效果的方法。让我们在学习配色方法之前先认识一下色彩家族中的主要成员，然后再研究在他们之间如何进行有效的优化组合。

（一）色彩的功能角色

思考：（链接课件）

请判断画面中哪部分颜色为主色、辅助色、突出色？

引出问题——色彩的功能角色

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

考虑到学生在学习理论知识时较为枯燥，容易产生厌学心理，因此在学习“色彩的心理与视觉特征”这一问题时，将知识点设计为游戏、竟猜的形式，让学生在玩中学。在掌握知识的同时，体会到学习的快乐。根据学生表现教师进行效果评价，鼓励创新。

教学过程与实施方法

学法分析

2.色相配色法

4组同学讲解——链接附件 小组讨论：

总结归纳：案例分析（链接课件）

配色技巧：

打开Photoshop 的拾色器，选择H （色相），以矩形区域内的颜 色为指定色，通过拖动右侧的滑块即产生色相变化。对已填充的区 域按下[Ctrl]+[I]键即可得到颜色的互补色。

第三环节——灵感碰撞 1． 站点配色分析

假设一个著名的体育用品公司（如李宁）请大家策划一个相关站 点，我们首先进行的工作应该查找分析当前已经制作好的一些相关 内容站点。

首先，让我们搜集一些与运动、服饰相关的站点。这一类的站 点中最典型的是体育、健身等相关讨论的站点等等，在搜集了这 些相关站点资料之后就需要对每一个站点的风格和特点进行分析。

难点突破：（链接课件）

小组活动：利用课前搜集的站点网页进行配色分析，设计配色

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

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

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

课后小结：

这节课我们来到了一个色彩斑斓的世界。通过学习，大家在

理解色彩构成原理的基础上掌握了网页配色的基本方法有两种：色调配色与色相配色，懂得了如何科学地分析和判断网页配色的标准，出色的配色方案不是一朝一夕就能够实现的，需要不断的实践和探索，希望这节课的内容能够对大家在网页设计方面有所帮助。

作业：

1.设法在Internet上找一些色彩构成原理的资料，从中了解一些色彩的流行动态。

2．假设你是设计公司的一名设计人员，你的公司接到一项设计任务——为某计算机软件开发公司设计主页，客户希望先看到一套标准的配色方案，你应该怎样做才能令客户满意？我们首先进行的工作是什么？之后的一系列工作该如何进行？请拟定一分体现具体工作流程的实施方案，要求体现可行性及注意事项。