第13课 色彩搭配 教学设计
1教学目标
知识与技能:了解色彩的情感倾向,知道色相、纯度、亮度和相似色、对比色的概念,能够运用所学概念对网页的色彩搭配进行修改。
过程和方法: 感受色彩搭配设计对网页界带来的改变,在学习和交流中提高色彩搭配的设计意识和感受力。
情感和态度:体会到色彩搭配带来的审美愉悦,乐于与他人分享和交流自己设计和感受。
2学情分析
前面的课程中,学生学会了网页设计的基本操作,但是要设计出漂亮的网页,还需要注意色彩的搭配。学生在美术课上学习过一些色彩的基础知识,本课要在实践的前提下与之前学习的理论知识建立联系,提醒学生有意识的注意色彩搭配。本课内容相对独立、简单,对基础要求不高。
3重点难点
重点:1.了解色彩的基本知识;
2.了解色彩搭配的原则;
难点:色相、明度、饱和度、相似色、互补色几个概念的含义。
4教学过程
活动1【导入】一、引入
同学们,我们生活的世界是五彩缤纷的,每一种颜色就像我们每一个人样有着它自己独特的个性。下面我们一起来做一个游戏,请大家选择一种最喜欢颜色,看看你的性格和你所选颜色的性是否一致。
红色代表热情、活泼、热闹、温暖、幸福、吉祥、奔放、喜悦、庄严
橙色代表光明、华丽、兴奋、甜蜜、快乐
黄色代表明朗、愉快、高贵、希望、富有、灿烂、活泼
黑色代表崇高、坚实、严肃、刚健、粗莽、夜晚、沉重
白色代表纯洁、纯真、朴素、神圣、明快、简单、洁净
蓝色代表深远、永恒、沉静、理智、诚实、寒冷、天空、清爽、科技
绿色代表新鲜、平静、和平、柔和、安逸、青春、植物、生命、生机
灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞、庄重、沉稳
紫色代表优雅、高贵、魅力、自傲、浪漫、富贵
棕色代表大地、厚朴
活动2【讲授】色彩的本质
颜色是因为光的折射而产生的。
红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。
活动3【讲授】色彩的三个特征
色相:指的是色彩的名称。比如说紫色,绿色,黄色等等都代表了不同的色相。
明度:也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。
纯度:指色彩的鲜艳程度,纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。
活动4【讲授】色环
相似色
相似色是指在给定颜色旁边的颜色。如果您以橙色开始并想得到它的两个相似色,就选定红色和黄色。使用相似色的配色方案可以提供颜色的协调和交融,类似于在自然界中所见到的那样。
互补色
也称为对比色。互补色在色环上相互正对。如果希望更鲜明地突出某些颜色,则选择对比色是有用的。如果您在制作一幅柠檬的图片,使用蓝色的背景将使柠檬更突出。
活动5【讲授】冷暖色 中性色
冷暖色
暖色:暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等效果。 冷色:冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技,游戏类网站,主要表达严肃,稳重等效果,绿色,蓝色,蓝紫色等等都属于冷色系列。
中性色
黑白金银灰为中性色,中性色可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当你觉得两种色彩的搭配不协调,试试加入黑色,或者灰色,或许会有意想不到的效果哦。
活动6【讲授】网站色彩搭配
一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。
网站色彩搭配原则:
1.特色鲜明
一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。
2.契合网站主题
色彩的搭配和设计应与网站主题想契合,避免色彩情感倾向和主题及其他设计元素的冲突。
3.讲究艺术性
网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站。还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。
活动7【活动】练习
1.赏析老师提供的网页设计范例。
2.根据今天所学内容,修改自己的网页的色彩搭配。
活动8【活动】与同学分享和交流自己的设计
展示自己的网页设计并与同桌和全班同学交流分享。
课件11张PPT。色彩搭配红色代表热情、活泼、热闹、温暖、幸福、吉祥、奔放、喜悦、庄严
橙色代表光明、华丽、兴奋、甜蜜、快乐
黄色代表明朗、愉快、高贵、希望、富有、灿烂、活泼
黑色代表崇高、坚实、严肃、刚健、粗莽、夜晚、沉
白色代表纯洁、纯真、朴素、神圣、明快、简单、洁净
蓝色代表深远、永恒、沉静、理智、诚实、寒冷、天空、清爽、科技
绿色代表新鲜、平静、和平、柔和、安逸、青春、植物、生命、生机
灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞、庄重、沉稳
紫色代表优雅、高贵、魅力、自傲、浪漫、富贵
棕色：大地、厚朴红色
橙色
黄色
黑色
白色
蓝色
灰色
绿色
灰色
紫色色彩的象征意义色彩的本质颜色是因为光的折射而产生的 。
红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。
色彩的三个特征色相：指的是色彩的名称。比如说紫色，绿色，黄色等等都代表了不同的色相。
明度：也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。
纯度：指色彩的鲜艳程度，纯度高的色彩纯，鲜亮。纯度底的色彩暗淡，含灰色。? 色环互补色：色环中相对的两种色彩。
中间色：
冷色与暖色 暖色：暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站，电子商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼，温馨等等效果。? 冷色：冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技，游戏类网站，主要表达严肃，稳重等效果，绿色，蓝色，蓝紫色等等都属于冷色系列。? 中性色 黑白金银灰为中性色，中性色可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候，不防试试用黑白灰。当你觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，或许会有意想不到的效果哦。 冷暖色暖色:暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等效果。 冷色:冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技,游戏类网站,主要表达严肃,稳重等效果,绿色,蓝色,蓝紫色等等都属于冷色系列。
网站色彩搭配原则 一个网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。网站色彩搭配原则1.特色鲜明
一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。
2.契合网站主题
色彩的搭配和设计应与网站主题想契合,避免色彩情感倾向和主题及其他设计元素的冲突。
3.讲究艺术性
网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站。还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。
图片格式BMP：Windows系统下的标准位图格式，使用很普遍。其结构简单，未经过压缩，一般图像文件会比较大。它最大的好处就是能被大多数软件“接受”，可称为通用格式。
JPEG：也是应用最广泛的图片格式之一，它采用一种特殊的有损压缩算法，将不易被人眼察觉的图像颜色删除，从而达到较大的压缩比（可达到2:1甚至40:1），所以“身材娇小，容貌姣好”，特别受网络青睐。
GIF：分为静态GIF和动画GIF两种，支持透明背景图像，适用于多种操作系统，“体型”很小，网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件，从而形成动画,所以归根到底GIF仍然是图片文件格式。
