《设计APP界面》教学设计.doc

PAGE1/NUMPAGES7

《设计APP界面》微教案

授课课题

设计APP界面

课程

计算机平面设计

学校

教学对象

中职学生

授课课时

10分14秒

授课类型

理实一体

教学设计描述

依据本课的性质，本课程主要采用讲授法与PPT动画相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成知识的学习。运用PPT动画，优化课堂教学，激发学生兴趣，提高课堂效率。

教学对象分析

本课教学对象是中职学生，中职学生已经具备了基本的信息素养，能够掌握软件的一般操作流程。通过前面设计课程的学习，学生们有了一定的平面设计的知识储备及软件操作技能。通过本次课的学习，学生们也可以知道作为一名移动UI设计师，做UI设计时他的具体工作是什么，应该如何展开自己的工作，能够把以前基础课中所学到的知识和技能加以综合应用，为软件硬件设计一款炫酷流畅的交互界面，会让学生们有极大的成就感。

教学

目标

知识

目标

了解基本常见的app界面类型；

了解其他app界面类型。

能力

目标

通过本次课的学习，对手机app的界面有全面的了解。

情感

目标

促进学生获取信息的能力、设计能力、审美能力的提高，鼓励学生溶入自己的个性制作出新颖、吸引人的作品。

思政

目标

通过在app界面设计中加入特色民族元素，让学生深刻理解中国传统文化所蕴含的时代价值，为“中国制造”向“中国设计”转变贡献一份力量。

教学重点

不同app界面设计的要点事项

教学难点

不同app界面设计的要点事项

教学方法

讲授法、讨论法

学习方法

自主学习、练习法

教具

多媒体平台、网络教室

教学

结构

教师：导入讲授考察学习情况

交流评价讨论

交流

评价

讨论

学生：思考听讲、总结反馈

教材

的设

计思

路及

分析

《设计APP界面》这次课，主要是为了让学生对app界面更加全面的了解，计APP界面是平面设计中一个重点难点内容，由于时间限制，不能展开篇幅讲app设计界面的全部内容，只能浅谈一部分。

本次课，教师主要是采用PPT动画展示市面上各种类型的APP界面，通过赏析优秀的APP界面，从中汲取经验，锻炼学生们的鉴赏能力。最后播放一段短片，通过滚动手机界面，融入思政元素。

学生们只有会读作品、读懂作品，理解优秀作品的精华，才有可能在未来设计出好的作品。

教学过程

教学

环节

教师

活动

学生活动

设计意图

课程导入

讲述手机app软件市场现状，突出app界面的重要性。

认真听讲。

让学生们了解市场现状，为本次课程知识学习做铺垫。

探究新知（一）

我们都知道在使用各类app时都能看到各式各样的应用界面类型，这些界面类型中也有几个基本常见的界面类型，那么下面我们就先来了解一下这几种最常见的应用界面类型是如何设计的：

?启动界面：影响用户对app的认知和看法最关键的是第一印象，而启动画面就是用户看到启动app后的第一个画面。它们通常是简约的，而且展示出产品的名称，logo或产品的标语。

?引导页：引导页是一组界面，展示app可能为用户带来的功能和特点。对于首次启动应用程序的用户来说，可以帮助他们在不熟悉的功能和控件中进行定位，并了解app是否对他们有用。叙述文字应简短，有用且易读。

?登录界面：许多app为用户创建个人帐户，登录界面通常有两个输入框，用户可以在其中输入名称和密码以及确认按钮。对于第一次使用该应用程序的用户，需要有注册选项。也可以通过其他软件进行登录。而个人信息页使app内的交互更加个性化。用户进入网络的虚拟社区能够与其他人共享个人信息。

?主页和菜单界面：主屏幕是任何一款app都需要的重要组成部分。主屏幕的设计取决于产品的类型和功能。通常包括搜索字段或按钮，以便用户可以轻松搜索他们需要的内容，并提供对各种内容部分的访问的导航元素。为了使用户交互更容易，移动应用包含一个菜单，可以让用户点击后直达到特定的内容。

认真聆听老师的讲解。

教师采用PPT动画与知识讲授相结合的方式，能让学生的学习过程更加轻松有趣，便于知识的理解记忆。

探究新知（二）

由于移动行业的快速发展，很难有一套标准的界面适用于任何应用。因为每个app都有其特定的功能和市场，如电商、社交、音乐等，而这些市场也衍生了它们特有的界面类型。下面我们来学习一下最受欢迎的几种界面是如何设计的

?电商界面：包含目录界面、商品信息界面和结算页面。

?目录界面：任何电子商务项目的主要目标是销售产品。美团主界面展示各个商家的美食主要招牌美食信息，通过垂直滚动条来查看。主界面展示各个商家的美食、商品等主要信息，一行中的产品数量根据屏幕宽度确定。目录界面应包括一个号召性用语按钮，用户可以直接通过该按钮进入商品