数字媒体交互设计（慕课版）教案 第五章5-App界面元素设计的构成及UI设计组件-教案

课题名称App产品交互设讨开发员神章然桁孥归教案制作:9学习任序号25务五课程数字媒体交互设计系部数字艺术系任课教师张靖瑶App界面元素设计的构成与UI设计组件内卷提要与时间分配:一.课程说明与要求（3分钟）二，学情分析与课程导入（2分钟）

1.课程说明l.AppUl交互设计常用组件（17分钟）重占八八

3.App交互界面内今构成【思政融入】（10分钟）三,理论知识讲解

1.各平台界面构成内态划分的区域尺寸C10分钟）

2.App交互界面的创意设计（15分钟）重占

八、叩,实践技能训练・五，课堂忍结（3分钟）六，课后思考（5分钟）注共计2学时教学方法讲授法+讨抡法+实训指导说明教案按每个授课单元或根据授课特点按章节进行设计教授课班级授课日期节次学目

1.了解AppUI交互设计常用组件及应用场景的

2.掌握App界面设计的构成方法与要

3.利用交互界面的内容构成理论知识，进行交互界面的创意设计教学重点App交互设计常用组件的认识包括警告提示、行动列表、标签栏、工具栏、菜单、底部动作条、toast提示等，重点在于这些组件的区别以及应用场景，便于交互设计时增加用户的体验与难度点教学重教学难点App界面元素的构成方法，主要在于显著性元素的体现，用户的视觉和心里需求以及用点户操作时的心里预期，在交互设计中，用户更期待高效和降低认知负荷，所以要提升界面交互的易用性授课地点授课方式理论讲授、互动讨论、实训指导授参考课地点资料及作业题习要教材《交互设计设计思维与实践》由芳，王建民编著，电子工业出版社资料点授教学课件、案例课方式与使用教材

1.搜集并分析AppUI常用组件及复习思

2.组件的区别及用法考下次课预预习和思考App界面设计布局风格与设计规范【此处内容须为课后手写，内容参考如下】本次课按计划实施教学，教学内容充实，结合日常应用讲授理论知识，学生理解较好通过作学效品分析训练，学生能很好地理解App交互设计常用组件功能；通过实例引导学生对常用组件的应用果分析实场景的理解.，强化学生参与性和感受力在实践环节，通过有针对性地指导,学生能够掌握App界施情面设计的构成方法及构成内容综上，通过本次课的教学，学生对App的界面交互设计有了更深的况及认识，能从满足交互设计的角度，将界面的构成方法应用到实际产品中，能将所学的知识完整表达、教灵活运用到实践中，达到了本课的教学目标教研室主任审核:说明教师备课笔记附后。