《平面设计项目实战》教案 第15课 商城类APP界面设计（一）.doc

PAGE2

PAGE2

PAGE3

PAGE3

课题

商城类APP界面设计（一）——APP界面设计相关知识

课时

2课时（90min）

教学目标

知识目标：

（1）了解App的基本界面

（2）了解App界面设计规范

（3）掌握App界面的制作方法和技巧

能力目标：

（1）能够根据设计需求分析App界面的设计思路，确定设计风格

（2）能够使用Photoshop2021软件制作App界面

素质目标：

（1）养成周到细致、全面系统的思维方式

（2）增强探索意识，提升钻研精神

教学重难点

教学重点：App界面的制作方法

教学难点：制作App首页

教学方法

问答法、讲授法、演示法、练习法

教学用具

电脑、投影仪、多媒体课件、教材

教学设计

?课前任务→考勤（2min）→问题导入（5min）→传授新知（20min）→拓展知识（5min）→项目分析（8min）→项目实施（45min）→课堂小结（3min）→作业布置（2min）

教学过程

主要教学内容及步骤

教学方法及手段

设计意图

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课前任务

请同学们观察自己常用的购物软件，看看他们由哪些界面组成

【学生】完成课前任务

通过课前任务，让学生观察常用的软件，激发学生自主学习意识和学习兴趣

考勤

（2min）

【教师】清点上课人数，记录好考勤

【学生】班干部报请假人员及原因

培养学生的组织纪律性，掌握学生的出勤情况

问题导入

（5min）

【教师】请学生分享，自己常用的购物软件是什么，由哪些界面组成

【学生】举手分享

【教师】根据学生的回答，一起总结App的基本界面

问答法

让学生分享课前了解的知识，引出App的基本界面，激发学生自主学习的积极性

讲授新知

（20min）

一、App的基本界面

【教师】展示App操作视频，直接展示某购物App的基本界面，并讲解每个界面的内容

（一）开屏页

1．启动页

2．闪屏页

3．引导页

（二）首页

（三）注册登录页

（四）商品详情页

（五）播放页

（六）个人中心页

【学生】观看、聆听、记录、理解

讲授法

通过播放App演示视频的方式，让学生直观地了解App的基本界面

二、App界面设计规范

【教师】分别展示iOS系统和Android系统下不同规范的图片和数据

（一）尺寸规范

（二）字体规范

（三）图片规范

【学生】聆听、记录、理解

讲授法、演示法

通过展示图片，让学生直观地了解不同系统下的App设计规范

拓展知识

（5min）

【教师】展示华为鸿蒙系统的工作视频，以及必威体育精装版的研发进展信息

【学生】观看、聆听

讲授法

通过展示华为自主研发的鸿蒙系统，增强学生的民族自信心

项目分析

（8min）

【教师】讲解制作商城App的设计需求、设计思路、设计风格，展示商城类App的首页、商品详情页和个人中心页

【学生】观看、聆听、记录、理解

讲授法

通过教师的讲解和效果图的展示，让学生了解制作要求，为实操环节做好准备

项目实施

（45min）

（一）制作首页

【教师】简单讲述本项目的制作流程，讲解并演示制作首页的操作步骤（本步骤界面较长，需拆分为两部分，完成一部分后就要让学生进行练习）

步骤1?启动Photoshop软件，新建一个名为“首页”、宽度为750像素、高度为1334像素、分辨率为72像素/英寸、颜色模式为“RGB颜色”的文档。

……（详见教材）

【教师】演示完成，让学生分组练习，每组率先完成的同学可以举手示意老师检查，检查无误后，自动成为本组的组长，辅助其他同学完成操作，组内同学都完成，可以一起举手示意老师

【学生】聆听、分组练习。遇到问题及时向教师请教，或扫码观看视频

演示法、练习法

通过练习制作商城类APP首页，让学生将所学知识与实践相结合，培养学生的实操能力

以学生为主体，针对学生接受能力的差异性，让优秀学生带动其他学生掌握知识

课堂小结

（3min）

【教师】简要总结本节课的要点

本节课学习App基本界面、App设计规范还有项目实施一部分实操环节。重点在于掌握App设计规范和使用设计软件制作App界面的方法

【学生】总结回顾知识点

总结知识点，巩固学生对本次课重点和难点知识的掌握

作业布置

（2min）

【教师】布置课后作业

本课作业布置二维码

老师扫描此码，即可进行线上作业布置

【学生】完成课后任务

通过课后作业复习巩固学到的知识

教学反思