网站创意设计整体设计.doc

网站创意设计课程整体教学设计一、 管理信息课程名称：网站创意设计 制定时间：2009年9月课程代码： 所属部门：信息技术系制 定 人：刘月海 批准人：二、 基本信息学分：4 课程类型：网站制作组专业课学时：80 先修课：使用DW制作网页、网站配色与布局授课对象：08青鸟班二年级学生 后续课：网站综合实训三、 课程设计1 课程目标设计 (1) 能力目标学生学习完本课程后，能掌握不同应用领域中常用的平面设计手法，并将这些手法揉合到网页设计中；熟练应用Photoshop制作页面的平面效果图，从临摹到带有一定自己的创意，为毕业设计做好准备。具体目标： 平面设计人员，掌握卡漫设计能力、包装设计制作的能力和海报设计制作能力。 网页制作人员，熟练应用Photoshop制作页面的平面效果图的能力。(2) 知识目标了解网站制作流程,布局方法以及不同方法的差异、优缺点，学会书写网站设计说明书运用基本的构成手法进行造型设计、运用基本的点线面等构成手法设计包装、运用直接展现、突出特征、借用比喻、悬念安排等手法设计海报分析并运用Photoshop将以上设计具体实现为效果图了解各类网站的各自特点及设计原则分析并用Photoshop临摹制作各类优秀网站效果图(3)素质目标 养成良好的开关机的习惯。 养成小组合作学习的习惯。 在表述与回答问题的过程中提高语言表达能力。2 课程内容设计模块名称学时平面设计项目（卡漫设计，包装设计，海报设计制作）24平面效果图制作项目（包括产品类网站、门户类网站的制作）56 学生学习完本课程后，能掌握不同应用领域中常用的平面设计手法，并将这些手法揉合到网页设计中；熟练应用Photoshop制作页面的平面效果图，从临摹到带有一定自己的创意，为毕业设计做好准备。3 能力训练项目设计编号能力训练项目名称拟实现的能力目标相关支撑知识训练方式、手段及步骤结果（可展示）1.1卡漫设计掌握卡漫设计的表现手法掌握运用基本的造型手法运用PS工具实现卡漫形象的塑造应用分类卡漫设计的风格卡漫的设计手法1.简介2.演示案例1分析3.相关理论：1）应用分类2）卡漫设计的风格4.演示案例1制作5.演示案例2分析6.相关理论：卡漫的设计手法7.演示案例2制作8. 优秀卡漫设计赏析通过现场操作、上传作业方式评价学生掌握情况2.1包装设计通过包装设计的实例解析，掌握包装设计的常用表现手法运用Photoshop工具实现产品包装形象的塑造包装设计概念应用分类包装设计表现手法1.简介2.演示案例1分析3.相关理论：1）包装设计概念2）应用分类4.演示案例1制作5.演示案例2分析6.相关理论：包装设计表现手法7.演示案例2制作8. 优秀包装设计赏析通过现场操作、上传作业方式评价学生掌握情况2.2海报设计掌握海报设计的分类掌握海报设计的表现手法掌握海报设计的注意事项运用Photoshop工具实现海报设计的效果海报设计概念应用分类海报设计的表现手法海报设计的注意事项1.简介2.演示案例1分析3.相关理论：1）海报设计概念2）应用分类4.演示案例1制作5.演示案例2分析6.相关理论：1）海报设计的表现手法2）海报设计的注意事项7.演示案例2制作8.优秀海报设计赏析通过现场操作、上传作业方式评价学生掌握情况2.3产品类网站设计掌握绘制产品类网站的布局图掌握产品类网站界面设计全流程作品欣赏理论概要技术要点案例分析1. 简介2案例解析1）作品欣赏2）理论概要3）技术要点4）案例分析3.案例制作4.切割布局、输出页面通过现场操作、上传作业方式评价学生掌握情况2.4门户类网站设计掌握绘制门户类网站的布局图掌握门户类网站界面设计全流程作品欣赏理论概要技术要点案例分析1. 简介2.案例解析1）作品欣赏2）理论概要3）技术要点4）案例分析3.案例制作4.切割布局、输出页面通过现场操作、上传作业方式评价学生掌握情况2.5商务类网站设计掌握绘制商务类网站的布局图掌握商务类网站界面设计全流程作品欣赏理论概要技术要点案例分析1. 简介2.案例解析1）作品欣赏2）理论概要3）技术要点4）案例分析3.案例制作4.切割布局、输出页面通过现场操作、上传作业方式评价学生掌握情况2.6房产类网站设计掌握绘制房产类网站的布局图掌握房产类网站界面设计全流程作品欣赏理论概要技术要点案例分析1. 简介2.案例解析1）作品欣赏2）理论概要3）技术要点4）案例分析3.案例制作4.切割布局、输出页面通过现场操作、上传作业方式评价学生掌握情况2.7娱乐类网站设计掌握绘制娱乐类网站的布局图掌握娱乐类网站界面设计全流程作品欣赏理论概要技术要点案例分析1. 简介2.案例解析1）作品欣赏2）理论概要3）技术要点4）案例分析3.案例制作4.切割布局、输出页面通过现场操作、上传作业方式评价学生掌握情况4 进度表设计序号或周次学时教学目标和主要内容单元标题能力目标能力训练项目编 号知识目标其他内容1学生报到，未上课234网页制作流程和设计常识掌握Photoshop网页布局的方法掌握Photoshop网页配色的方法导入了解网站设计、制作的流程掌握网页布局的基本原则及方法掌握网页配色的基本原则及方法书写08奥运官方网站设计说明书通过现场操作、上传作业方式评价学生掌握情况44卡漫设计（上1）掌握卡漫设计的表现手法掌握运用基本的造型手法运用PS工具实现卡漫形象的塑造1.1绘制QQ宝贝绘制绿豆蛙通过现场操作、上传作业方式评价学生掌握情况54卡漫设计(下）掌握卡漫设计的表现手法掌握运用基本的造型手法运用PS工具实现卡漫形象的塑造1.1绘制我的书包绘制奶人造型绘制小牛造型通过现场操作、上传作业方式评价学生掌握情况6体育节与十月一放假784包装设计通过包装设计的实例解析，掌握包装设计的常用表现手法运用Photoshop工具实现产品包装形象的塑造1.1制作白茶茶叶盒包装制作立顿奶茶包装制作绿顿饮料包装制作喔喔奶糖包装通过现场操作、上传作业方式评价学生掌握情况94海报设计掌握海报设计的分类掌握海报设计的表现手法掌握海报设计的注意事项运用Photoshop工具实现海报设计的效果2.1制作绿顿鲜果乳海报制作烈火雄心电影海报制作味千拉面海报制作洁仕特产品海报通过现场操作、上传作业方式评价学生掌握情况104项目一测试114产品类网站设计（一）掌握绘制产品类网站的布局图掌握产品类网站界面设计全流程导入作品欣赏理论概要技术要点案例分析通过现场操作、上传作业方式评价学生掌握情况124产品类网站设计（二）掌握绘制产品类网站的布局图掌握产品类网站界面设计全流程2.2作品欣赏理论概要技术要点案例分析通过现场操作、上传作业方式评价学生掌握情况134门户类网站设计掌握绘制门户类网站的布局图掌握门户类网站界面设计全流程2.3作品欣赏理论概要技术要点案例分析通过现场操作、上传作业方式评价学生掌握情况144商务类网站设计掌握绘制商务类网站的布局图掌握商务类网站界面设计全流程2.4作品欣赏理论概要技术要点案例分析通过现场操作、上传作业方式评价学生掌握情况154房产类网站设计（一）掌握绘制房产类网站的布局图掌握房产类网站界面设计全流程2.5作品欣赏理论概要技术要点案例分析通过现场操作、上传作业方式评价学生掌握情况164房产类网站设计（二）掌握绘制房产类网站的布局图掌握房产类网站界面设计全流程2.6作品欣赏理论概要技术要点案例分析通过现场操作、上传作业方式评价学生掌握情况174娱乐类网站设计（一）掌握绘制娱乐类网站的布局图掌握娱乐类网站界面设计全流程导入作品欣赏理论概要技术要点案例分析通过现场操作、上传作业方式评价学生掌握情况184娱乐类网站设计（二）掌握绘制娱乐类网站的布局图掌握娱乐类网站界面设计全流程2.7作品欣赏理论概要技术要点案例分析通过现场操作、上传作业方式评价学生掌握情况19元旦放假20期末复习2122期末考试5 第一堂课设计（网页制作流程和设计常识）1.简介2.案例解析-斑马网1）网站的分类2）构成网页的元素3）网页制作的基本步骤3.案例解析-布局新浪1）布局实用原则2）布局应用3）优秀布局赏析4.案例解析-配色亚马逊1）网页配色实用原则2）配色应用3）经典配色赏析5.案例解析-08奥运网站设计说明书1）设计说明书的目的2）设计说明书写注意事项3）设计说明书的一般步骤四、 考核方案设计（供参考）本课程属于实践性、应用性很强的课程，所以要加强过程性考核，加强动手应用能