图标是用户界面的重要构成元素。通过点击图标，我们可以实现与电脑或手机的交互，可以启动APP、登录网站。那么图标是怎样设计制作出来的呢？本项目将以多个图标任务为例，对图标的风格类型和设计原则及方法进行讲解。图标设计是界面设计的基本功，同学们要认真练习图标绘制，熟悉熟练软件的基本操作。

【 项目引入 】

【 项目思维导图 】

学习任务

重点、难点

突破方法

1. 电商APP启动图标的设计；

2.电商APP闪屏页的设计；

3.电商APP首页的设计；

4.电商APP购物车页设计；

5.电商APP个人主页设计。

重点：1. 电商APP 界面尺寸规范；

          2.电商APP首页各区块的设计；

          3.电商APP购物车页设计；

难点：1.电商APP首页的设计；

          2.电商APP购物车页的设计。

采用翻转课堂、项目导入的教学模式，采用分组讨论、案例教学、演示动画等教学方法，运用在线教学平台。

知识目标

能力目标

素质目标

1.掌握APP界面各区块的尺寸规范。

2.掌握APP个页面之间的逻辑关系。

3.了解电商APP个页面的设计。

1.能够了解APP界面的尺寸规范；

2.能进行APP界面各区块的设计。

1. 养成积极主动学习意识；

2. 养成勤于动手的习惯；

3. 培养团队合作能力。

课程思政——团队合作

效果图

【 视频讲解】

知识储备——电商APP概述

                     1、电商APP概述

                     2、APP创意过程

                     3、iphon各机型认识

                     4、不同机型之间的适配

【 资料下载 】

活页教材

          电商APP界面设计概述

课程教案

          电商APP界面设计概述

演示文稿

        1、APP界面设计概述.pdf

任务工单

          电商APP界面设计概述

素材下载

   IPhoneX@2x.png

课后同步项目

          不同机型之间的适配

练习题

       1、练习1

疑难问题解答

     1、iPhone常见机型有哪些？