项目3 移动端“美食小吃”App交互UI设计-教案首页.docVIP

序号：03

课程

数字媒体交互设计

系部

任课教师

课题名称：项目三：移动端“美食小吃”App交互UI设计

内容提要与时间分配：

一、课程说明与要求

二、学情分析与课程导入

三、理论知识讲解

1.移动端“美食小吃”App交互UI设计背景分析（1学时）

2.移动端“美食小吃”App交互UI设计需求分析（1学时）

3.视觉层次结构与视觉引导（2学时）

4.App界面元素构成设计（2学时）

5.App界面设计风格（2学时）

6.移动端平台的界面设计规范（2学时）

7.App交互UI设计流程分析（1学时）

8.项目实施——移动端“美食小吃”App交互UI设计（2学时）

四、实践技能训练

1.App界面设计风格

2.移动端“美食小吃”App交互UI设计

五、课堂总结

六、课后思考

注：共计13学时（讲授法+案例法）

说明：教案按每个授课单元或根据授课特点按章节进行设计。

教学目的与要求

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

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

3.利用交互界面的内容构成理论知识，进行交互界面的创意设计

授课班级

授课日期

节次

与难点教学重点

教学重点：App交互设计常用组件的认识包括：警告提示、行动列表、标签栏、工具栏、

菜单、底部动作条、toast提示等，重点在于这些组件的区别以及应用场景，便于交互设计时增加用户的体验度。

教学难点：App界面元素的构成方法，主要在于显著性元素的体现，用户的视觉和心里需求以及用户操作时的心里预期，在交互设计中，用户更期待高效和降低认知负荷，所以要提升界面交互的易用性。

授课地点授课方式与

授课方式：理论讲授、案例引导、实训指导

授课地点：

参考资料使用教材及

教材：《网页交互设计基础与实例》，严晨著，北京理工大学出版社

资料：教学课件、案例

及作业题复习思考

1.搜集并分析AppUI常用组件

2.组件的区别及用法

习要点下次课预

预习和思考：网页交互高保真设计规范

学效果分析实施情况及教

【此处内容须为课后手写，内容参考如下】

本次课按计划实施教学，教学内容充实，结合日常应用讲授理论知识，学生理解较好。通过作品分析训练，学生能很好地理解App交互设计常用组件功能；通过实例引导学生对常用组件的应用场景的理解，强化学生参与性和感受力。学生能够掌握App界面设计的构成方法及构成内容。综上，通过本次课的教学，学生对App的界面交互设计有了更深的认识，能从满足交互设计的角度，将界面的构成方法应用到实际产品中，能将所学的知识完整表达、灵活运用到实践中，达到了本课的教学目标。

教研室主任审核：

年月日

说明：教师备课笔记附后。