《网页彩搭配实训》课程标准
一、课程性质
技能训练课
二、课程开设学期及基准学时、学分
1、课程开设学期：第三学期；
2、基准学时：54学时；
3、学分：3学分。
三、先修课程
先修课程：计算机基础、程序设计课程；网站策划与网页设计：商务网站美工实训。
四、课程目标
《网页彩搭配实训》主要针对网页设计中的配进行研究和讲解。《网页彩搭配实训》共分为13章，第1-4章主要阐述了彩的基本原理、彩的象征意义、网页设计中的搭配技巧等基础知识。第5-12章是《专业彩搭配手册:网页配》的核心部分，对不同彩（红、橙、黄、绿、青、蓝、紫、黑）在不同行业（食品类、公司展示类、女性用品类、综合门户类、电子商务类、产品类等）的典型应用进行详细地分析和讲解，也详细地介绍了不同彩之间的搭配，把理论融入到设计中，既锻炼了网页设计者对网页设计的分析能力和审美能力，又能够激发出网页设计者的创意与灵感，使网页设计者能够很好地掌握网页配在设计中的应用要点。第13章列举了常用的网页颜代码，每种系都有16进制数值的对照，可以使网页设计师在工作中提高效率。
《专业彩搭配手册:网页配》是网页设计师在实际工作中必备的网页配案例参考拍，也是网页设计爱好者的学习工具书。
1、知识目标：
（1-1）掌握网页彩的基本原理，彩的象征意义，彩的搭配技巧；
（1-2）掌握不同彩的搭配方法；
（1-3）掌握常用网页颜代码，以及16进制配对照；
（1-4）掌握网页中彩构成；
（1-5）了解网页设计中彩的搭配、以及颜模式；
（1-6）掌握三原在网页设计中的运用；
（1-7）掌握网站设计；
（1-8）掌握网站彩管理；
2、能力目标：
（1-1）对网页的彩构成具有一定的了解，并了解三原；
（1-2）具备感知彩的能力；
（1-3）具备一定彩搭配的能力；
（1-4）具备彩构成在网页设计的运用。
（1-5）具备了解RGB、CMYK模式的运营；
（1-6）具备三原运用的能力；
（1-7）具备一定网页设计的能力；
（1-8）具备项目中彩管理的能力；
五、课程内容与学时安排
项目
编号
项目名称
项目内容
主要教学知识点
学习目标
学时
1-1
认识彩
1.1 彩构成
1.原
2.间
3.复
4.同种
5.同类
6.类似
7.邻近
8.对比
9.互补
1.2 彩的三要素
1.明度
2.相
3.纯度
1.3 彩的对比
1.明度对比
2.相对比
3.纯度对比
4.面积对比
5.补对比
6.冷暖对比
1、彩构成中了解原、间、复等基本的构成原理。
2、彩三要素明度、相、纯度；
3、彩对比中明度、相、纯度的相关知识。　
1、对彩构成有一定的了解。
2、彩三要素的把握；
3、彩对比的掌握，对彩明度、相、对比度、补、冷暖的掌握。
1-2
感知彩
2.1 彩的象征意义
1.红调
2.橙调
3.黄调
4.绿调
5.青调
6.蓝调
7.紫调
8.黑调
9.白调
10.灰调
2.2 彩的感觉
1.柔和、明亮
2.洁净、爽朗
3.可爱、有趣
4.运动、轻快
5.女性、优雅
6.自然、冷静
7.传统、古典
8.简单、洁净
9.时尚、高雅
　
1、彩的象征意义。不同颜的象征意义。
2、彩的感觉，不同颜对人的感受。
1、掌握彩的象征意义，根据实际灵活运营彩。
2、掌握彩的感觉，不同彩对人的感受。
1-3
网页中彩搭配
3.1 网页的彩搭配
3.2 网页的非彩搭配
3.3 网页的搭配技巧
1.一种颜搭配
2.两种颜搭配
3.多种颜搭配
4.无彩与有彩搭配
1、彩搭配的方法；
2、网页的非彩搭配原理；
3、网页搭配技巧运用。　
1、掌握彩搭配的基本方法；
2、网页中遇到非彩搭配的一些基本原理；
3、网页搭配的技巧运用。
1-4
彩赋予页面的活力
4.1 网页彩搭配原理
1.根据内容选择合适的颜
2.彩鲜明，主题突出
3.彩独特，与众不同
4.根据彩的特性选择合适
的颜
4.2 彩模式
1.RGB颜模式
2.CMYK颜模式
3.HSB颜模式
4.Lab颜模式
5.灰度颜模式
6.位图颜模式，
4.3 网页颜模式
4.4 页面文件格式介绍
1.PSD文件格式
2.JPEG文件格式
3.GIF文件格式
4.PNG文件格式
5.SWF文件格式　
1、网页彩搭配原理；根据内容、主题、彩的特效进行搭配；
2、彩模式，对几种不同模式的颜进行了解。
3、网页中文件格式的把握。　
谢楠资料
1、掌握网页彩搭配的原理，根据不同情况进行彩搭配运用；
2、对网页彩模式的掌握；
3、网页文件保存格式的掌握。
1-5
红系在网页中应用
5.1 红系配方案
5.2 红系网页案例分析
1.食品、饮食类刚贞
2.公司展示类网页
3.女性用品网页
4.综合门户类网页
5.电子商务类网页
6.产品类网页
7.其他类网页
5.3 红系网页彩搭配案例
1.朱红
2.深红
3.玫瑰红
4.粉红
5.红+黑
国模沟沟女大尺度人体6.红+绿
7.红+黄
8.红+蓝
9.红+黑+灰
5.4 红系的文字颜搭配
1、彩搭配，红的搭配方案；
2、彩搭配：案例讲解；
3、案例运用。　
1、灵活运用红在网页设计中；
2、实际操作练习。
1-6郑爽韩庚
橙在网页中应用
6.1 橙系配方案
6.2 橙系网页案例分析
1.食品、饮食类网页
2.娱乐类网页
3.个性展示类网页
4.综合门户类网页
1、彩搭配，红的搭配方案；
2、彩搭配：案例讲解；
3、案例运用
1、灵活运用多在网页设计中；
2、实际操作练习。
1-7
黄系在网页中应用
7.1 黄系配方案
7.2 橙系网页案例分析
1.食品、饮食类网页
2.娱乐类网页
3.个性展示类网页
4.综合门户类网页
1、彩搭配，多的搭配方案；
2、彩搭配：案例讲解；
3、案例运用
1、灵活运用多在网页设计中；
2、实际操作练习。
1-8
其他颜
第7章 黄系在网页中的应用
第8章 绿系在网页中的应用
第9章 青系在网页中的应用
第10章 蓝系在网页中的应用
第11章 紫系在网页中的应用
第12章 黑系在网页中的应用
1、彩搭配，多的搭配方案；
2、彩搭配：案例讲解；
3、案例运用
1、灵活运用多在网页设计中；
2、实际操作练习。
1-9
常用网页颜代码表
常用网页颜代码表
常用网页颜代码表对照。
掌握常用网页颜代码表方法。
六、训练任务
序号
明日之子马伯骞项目
名称
训练任务
实现的能力目标
相关支撑知识
训练方式、手段、步骤
结果
1-1
平行四边形是轴对称图形吗?
认识彩
1、彩构成作业；
2、彩三要素的辨别。
1、对彩构成有一定的了解。
2、彩三要素的把握；
3、彩对比的掌握，对彩明度、相、对比度、补、冷暖的掌握。
1、彩构成中了解原、间、复等基本的构成原理。
2、彩三要素明度、相、纯度；
3、彩对比中明度、相、纯度的相关知识。
1、项目导入；
2、按操作指导，掌握工具使用；
3、写项目报告；
4、评分。
项目报告
1-2
感知彩
1、出影响网站可用性的因素；
2、在设计中去训练可行性因素
1、掌握彩的象征意义，根据实际灵活运营彩。
2、掌握彩的感觉，不同彩对人的感受。
1、彩的象征意义。不同颜的象征意义。
2、彩的感觉，不同颜对人的感受。
1、项目导入；
2、按操作指导，掌握工具使用；
3、写项目报告；
4、评分。
策划报告
1-3
网页中彩搭配
1、项目导入，选择汽车、服装类项目导入。
1、掌握彩搭配的基本方法；
2、网页中遇到非彩搭配的一些基本原理；
3、网页搭配的技巧运用。
1、彩搭配的方法；
2、网页的非彩搭配原理；
3、网页搭配技巧运用。
1、项目导入；
2、按操作指导，掌握网站布局；
3、写项目报告；
4、评分。
项目设计
1-4
彩赋予页面的活力
1、项目导入，选择广告公司、科技类公司项目导入。
1、掌握网页彩搭配的原理，根据不同情况进行彩搭配运用；
2、对网页彩模式的掌握；
3、网页文件保存格式的掌握。
1、网页彩搭配原理；根据内容、主题、彩的特效进行搭配；
2、彩模式，对几种不同模式的颜进行了解。
3、网页中文件格式的把握。　
1.项目导入
2.按操作指导，掌握网站的基本设计。
3.做设计报告
4.评分
项目报告
1-5
红系在网页中应用
例分析
1.食品、饮食类刚贞
2.公司展示类网页
3.女性用品网页
4.综合门户类网页
5.电子商务类网页
6.产品类网页
7.其他类网页
1、灵活运用红在网页设计中；
2、实际操作练习。
1、彩搭配，红的搭配方案；
2、彩搭配：案例讲解；
3、案例运用。
1.案例欣赏；
2.项目导入，
3.任务设计。
4.评分。
项目设计
1-6
橙在网页中应用
案例分析
1.食品、饮食类网页
2.娱乐类网页
3.个性展示类网页
4.综合门户类网页
1、灵活运用多在网页设计中；
2、实际操作练习。车用尿素有什么用途
1、彩搭配，红的搭配方案；
2、彩搭配：案例讲解；
3、案例运用
1、项目导入；
2、按操作指导，掌握工具使用；
3、任务设计；
4、评分。
项目设计
1-7
黄系在网页中应用
案例分析
1.食品、饮食类网页
2.娱乐类网页
1、灵活运用多在网页设计中；
2、实际操作练习。
1、彩搭配，多的搭配方案；
2、彩搭配：案例讲解；
3、案例运用
1、项目导入；
2、按操作指导，掌握策划知识；
3、项目设计；
4、评分。
项目设计
1-8
其他颜
案例分析
1.科技、生物类网页
2.娱乐类网页
1、灵活运用多在网页设计中；
2、实际操作练习。
1、彩搭配，多的搭配方案；
2、彩搭配：案例讲解；
3、案例运用
1、项目导入；
2、按操作指导，掌握策划知识；
3、项目设计；
4、评分。
项目设计
七、考核标准（考核方案）