1、网页设计的风格呈现教案学校名称 渤海大学授课教师 李季 助教课程名称 网页设计的风格呈现课程性质 必修授课学期 2009 年-2010 学年 第一学期授课时数 64 课时授课对象 艺术设计 08 级平面 1 班学生人数 21 人一、授课题目：网页设计的风格呈现二、学时分配：共 4 学时，本次讲授为全部内容三、教学目标：学习学习网页设计不同风格的呈现方式，从创意到设计执行整体把握好网页设计。丰富学生的网页设计风格呈现的能力，加强对不同风格网页设计要求的的感受、理解和应用表现能力。 四、教学重点：1.网站风格的概念2.研究风格的作用3.风格呈现类型和特点4.案例分析五、教学难点：如何将网页设计中客
2、户要求一些感性形容词语，如：大气、简洁、国际化、优雅等，付诸于实际可操作的设计。难点处理：采用直观比较分析法，通过分析优秀作品的方式总结出网页设计的类型卡，即不同类型是怎么设计的。一类型的网页设计进行对比，分析优劣。六、教学方法:集体授课、提问、案例分析、播放课件。七、教学用具：多媒体课件一个（内容包括：不同类型的网页设计作品；同一类型优劣不同的设计作品对比；）八、学生用品准备：笔记本、电脑。九、教学流程：（一） 、组织教学：组织好学生的注意力，开始上课。（二） 、讲授新课1、导入什么是网站风格：观看优秀的网页设计，直观的感受不同的网页设计带给人的感受是什么，它所体现的风格是什么，总结什么是网
3、页设计的风格。2、研究风格的作用提高设计者的设计能力，把一些感性的网页风格的形容词具体到怎么排版，怎么用色。3. 风格呈现类型和特点（结合范例分析讲解）A简洁、大气、国际化：近 5 年来，这几个关键词在客户需求里出现的频率最高，甚至所有客户都有这个需求。布局 结构简洁。明确的视觉区、功能区、信息区排版 文字及图形排列合理严谨、具有规则性颜色 高级色，经过细致调配，契合品牌形象背景 干净、整洁、通透图形设计 大幅 KV 主视觉细节 间距、排版合理、细节精致、不会过分的夸张动效 功能切换、按钮变换等小范围交互B古典风格：强调意境笔、墨、绢、中国画、中国红、青花瓷、青铜器、茶、竹、牡丹、龙等等。布局
4、 结构自由、松散排版 多为黑白 2 色，或一些传统色系，会加些纸，娟材质颜色 纹理性、整洁性图形设计 强调疏密关系字体 书法类、经典类字体细节 拟物型的细节手法C奢华、优雅风格奢华风格的呈现方式适合于一些特点非常鲜明的行业，如房地、产、珠宝首饰、家具等高价值行业，颜色较暗以衬托。优雅风格呈现方式适合于如服装、化妆品、美容美体、知识、书籍等方面对品质有较高要求，灰色，浅色更难做。奢华、优雅的风格呈现特点：强调品质感细节布局：结构严谨为主、部分自由颜色：奢华多为暗色系，亮色点缀，优雅反之 背景：简洁、通透图形设计：适合的图片选择，关注色调细节调整细节：细节刻画精致完美动效：节奏舒缓D明快、强烈风格
5、十、学生做作业，教师巡回指导A：设计一个企业网页，自己选定主题和企业文化，确定风格方向，要求风格明确，突出，附带设计说明目的:通过实践理解风格的意义，把感性的理解转变成思考分析能力，增强网页设计的表现能力。十一、学生作业展示分析在教学的结束阶段，学生把自己的作业进行讲解和分析一方面大家可以吸取一些经验教训，另一方面大家可以看看其他同学的思考方式和自己的差异在什么地方。还可以锻炼学生的表达能力。有利于教师进一步了解学生的状态、调整教学计划，适应学生进度。十二、教师总结将完成情况较好的作业进行现场点评，并对学生中常见的问题进行针对性的说明。最后将本课内容作简单回顾。十三、主要参考资料：网页设计 （中国传媒大学出版社）网页设计优秀案例 （中国计划出版社）十四、板书设计第四章网页设计的风格呈现一、网站风格的概念二、研究风格的作用三、风格呈现类型和特点（一）简洁、大气、国际化 （二）古典风格
