第五章5-App界面元素设计的构成及UI设计组件-教案.doc

序号：25 课程 数字媒体交互设计 系部 数字艺术系 任课教师 张靖瑶 课题名称：App产品交互设计开发制作： 学习任务五 App界面元素设计的构成与UI设计组件 内容提要与时间分配： 一、课程说明与要求 1.课程说明 （ 3分钟） 二、学情分析与课程导入 （ 2分钟） 三、理论知识讲解 1.AppUI交互设计常用组件 （ 17分钟）………重点 2.App界面元素设计的构成方法 （ 15分钟）………难点 3.App交互界面内容构成【思政融入】 （ 10分钟） 四、实践技能训练 1.各平台界面构成内容划分的区域尺寸 （10分钟） 2.App交互界面的创意设计 （15分钟） ……重点 五、课堂总结 （ 3分钟） 六、课后思考 （ 5分钟） 注：共计2学时 教学方法：讲授法+讨论法+实训指导 说明：教案按每个授课单元或根据授课特点按章节进行设计。 教学目的与要求 1.了解AppUI交互设计常用组件及应用场景 2.掌握App界面设计的构成方法 3.利用交互界面的内容构成理论知识，进行交互界面的创意设计 授课班级 授课日期 节次 与难点 教学重点 教学重点：App交互设计常用组件的认识包括：警告提示、行动列表、标签栏、工具栏、 菜单、底部动作条、toast提示等，重点在于这些组件的区别以及应用场景，便于交互设计时增加用户的体验度。 教学难点：App界面元素的构成方法，主要在于显著性元素的体现，用户的视觉和心里需求以及用户操作时的心里预期，在交互设计中，用户更期待高效和降低认知负荷，所以要提升界面交互的易用性。 授课地点 授课方式与 授课方式：理论讲授、互动讨论、实训指导 授课地点： 参考资料 使用教材及 教材：《交互设计：设计思维与实践》由芳，王建民编著，电子工业出版社 资料：教学课件、案例 及作业题 复习思考 1. 搜集并分析AppUI常用组件 2. 组件的区别及用法 习要点 下次课预 预习和思考App界面设计布局风格与设计规范 学效果分析 实施情况及教 【此处内容须为课后手写，内容参考如下】 本次课按计划实施教学，教学内容充实，结合日常应用讲授理论知识，学生理解较好。通过作品分析训练，学生能很好地理解App交互设计常用组件功能；通过实例引导学生对常用组件的应用场景的理解，强化学生参与性和感受力。在实践环节，通过有针对性地指导，学生能够掌握App界面设计的构成方法及构成内容。综上，通过本次课的教学，学生对App的界面交互设计有了更深的认识，能从满足交互设计的角度，将界面的构成方法应用到实际产品中，能将所学的知识完整表达、灵活运用到实践中，达到了本课的教学目标。 教研室主任审核： 年 月 日 说明：教师备课笔记附后。