数字媒体交互设计（慕课版）教案 3.8 界面设计-页面布局设计的基本理论及Web界面常见的版式设计类型-教案.docx

，服装然桁孥归教案序号：14课程数字媒体交互设计系部数字艺术系任课教师课题名称：web产品交互设计开发制作：学习任务人 页面布局设计的基本理论及 Web界面,常见的板式设计类型内参提要与时间分配：一、课程说明与要求1 .课程说明（3分钟）二、学情分析与课程导入（2分钟）三、理论知根讲解2 .页面布局设计的基本理论【思政融入】（25分钟）唯点3 .web界面希见的版式设计类型 （15分钟）重点4 .其他版式设计构图类型（7分钟）四、实践技能训练1 .常见版式设计类型的应用及使用布局设计理论情况的分析（5分钟）2 .布局设计类型在网页中的应用搜集 （10分钟）3 .格式珞原理在网页中的应用（5分钟） 唯点、五、课堂总结（3分钟）六、课后思考（5分钟）注：共计2学时教学方法：讲授法+讨论法说明：教案按每个授课单元或根据授课特点按章节进行设计。教学目的与要求1 .熟悉网页布局设计的基本理论2 .掌握web界面常见的几种版式设计类型3 .掌握常用的布局设计理论在交互设计中的应用授课班级授课日期节次教学重点与难点授课方式与授笈点使用教材及参考资料复习思考及韭题下次课预习要点实施情况及教学效果分析教学重点：web界面常见的版式设计类型，根据设计主题和视觉需求，在预先设定好的有限 版面内，运用造型要素和形式原则，根据特定主题与内容的需要，将文字、图片（图形）及 色彩等视觉传达信息要素进行有组织、有目的的组合排列的设计过程。教学难点：页面布局设计的基本理论，包括格式塔原理、网格系统、7+2法则、席克定律、 费茨定律、奥卡姆剃刀原理、复杂守恒定律等，理论内容较多，要了解各个理论的特点及应 用场景，尤其是对格式塔接近性、连续性、封闭性等原则的掌握，在页面布局设计中应用率 较高。授课方式：理论讲授、案例引导、实训指导 授课地点：教材：交互设计：设计思维与实践由芳，王建民编著，电子工业出版社 资料：教学课件、案例1 .从现实生活中的各类网页中分析常见的版式设计类型的网站2 .尝试将解读格式塔原理中的几个重要原则及用法预习和思考网页交互高保真设计规范【此处内容须为课后手写，内容参考如下】本次课按计划实施教学，教学内容充实，结合设计案例讲授理论知识，学生理解较好。 通过作品分析训练，学生能很好地理解页面布局设计的基本理论；通过引导学生对布局设计 的常用理论进行分析，强化学生参与性和感受力。在实践环节，通过有针对性地指导，学生 能够了解常见的版式设计类型，掌握格式塔原理、格栅系统等布局理论并应用到网页交互设 计上。综上，通过本次课的教学，学生能从满足需求设计的角度去认识web版式设计的类 型以及布局设计的基本理论，并能将所学的知识完整表达、灵活运用到实践中，达到了本课 的教学目标。教研室主任审核:说明：教师备课笔记附后。