《网页色彩搭配实训》课程标准

《网页色彩搭配实训》课程标准一、课程性质技能训练课二、课程开设学期及基准学时、学分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.可爱、有趣1、色彩的象征意义。不同颜色的象征意义。2、色彩的感觉，不同颜色对人的感受。1、掌握色彩的象征意义，根据实际灵活运营色彩。2、掌握色彩的感觉，不同色彩对人的感受。项目编号项目名称项目内容主要教学知识点学习目标学时4.运动、轻快5.女性、优雅6.自然、冷静7.传统、古典8.简单、洁净9.时尚、高雅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文件格式1、网页色彩搭配原理；根据内容、主题、色彩的特效进行搭配；2、色彩模式，对几种不同模式的颜色进行了解。3、网页中文件格式的把握。1、掌握网页色彩搭配的原理，根据不同情况进行色彩搭配运用；2、对网页色彩模式的掌握；3、网页文件保存格式的掌握。项目编号项目名称项目内容主要教学知识点学习目标学时4.PNG文件格式5.SWF文件格式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.个性展示类网页1、色彩搭配，多色的搭配方案；2、色彩搭配：案例讲解；3、案例运用1、灵活运用多色在网页设计中；2、实际操作练习。项目编号项目名称项目内容主要教学知识点学习目标学时4.综合门户类网页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、灵活运用多色在网页设计中；1、色彩搭配，多色的搭配方案；1、项目导入；2、按操作指导，项目设计序号项目名称训练任务实现的能力目标相关支撑知识训练方式、手段、步骤结果1.科技、生物类网页2.娱乐类网页2、实际操作练习。2、色彩搭配：案例讲解；3、案例运用掌握策划知识；3、项目设计；4、评分。七、考核标准（考核方案）1、课程总体考核方案（表7-1）考核手段（所占比例）考核内容（所占比例）具体考核方案课程设计（60%）学生评分（50%）见表7-2（至少由5名同学组成学生评分小组）教师评分（50%）见表7-2平时成绩（40%）平时成绩（40%）2、课程设计考核方案（表7-2）评价标准评价标准概念理解20分色彩设计50分色彩感知10分课程设计20分说明对于概念的了解。色彩设计、色彩理解色彩的感知度。做最终作业的色彩把控。八、本课程运行实训教学条件要求1、校内实训教学条件要求序号实训项目（任务）实训室实训资源名称时间安排1认识色彩多媒体实训室硬件：局域网及计算机相关设备第三学期2感知色彩多媒体实训室硬件：局域网及计算机相关设备软件：Photoshop和Fireworks第三学期3网页中色彩搭配多媒体实训室硬件：局域网及计算机相关设备软件：Photoshop和Fireworks第三学期4色彩赋予页面的活力网站建设实训室硬件：局域网及计算机相关设备软件：Dreamweaver和Fireworks第三学期5红色系在网页中应用网站建设实训室硬件：局域网及计算机相关设备软件：Dreamweaver和Fireworks第三学期6橙色在网页中应用网站建设实训室硬件：局域网及计算机相关设备软件：Dreamweaver和Fireworks第三学期7黄色系在网页中应用网站建设实训室硬件：局域网及计算机相关设备软件：Dreamweaver和Fireworks第三学期8其他颜色网站建设实训室硬件：局域网及计算机相关设备第三学期软件：Dreamweaver和Fireworks9常用网页颜色代码表网站建设实训室硬件：局域网及计算机相关设备软件：Dreamweaver和Fireworks第三学期九、教材资料与网络资源1、教材资料（1）《专业色彩搭配手册:网页配色》教材张磊(作者),胡柳(作者)编写（2）《网页美工设计实训》赵殊，范萍编高等教育出版社（3）《网页设计与制作》科学技术出版社20072、网络资源（1)班组QQ群：申请学习班级QQ群，使学生在本班群上对学习的问题随时讨论，引导学生有效利用网络，高效率使用计算机。（2)教师博客：建立教师博客，以利与学生的沟通，把学习延伸到课外。（3）充分利用网络优质学习资源：标记语言，CSS标准标准之路，网络教程