UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

项目4 电商APP界面设计

发布时间:2022-03-05 00:41   发布人:袁安翠   浏览次数:296

 电商APP界面设计 】

        

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

 

【 项目引入 】

 

 

【 项目思维导图 】


            电商APP界面设计.png


学习任务

重点、难点

突破方法

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. 培养团队合作能力。

课程思政——团队合作

                 

效果图

                           手机.png

                   

【 视频讲解】

知识储备——电商APP概述


                     

                     1、电商APP概述

                     2、APP创意过程

                     3、iphon各机型认识

                     4、不同机型之间的适配

【 资料下载 】

活页教材

          电商APP界面设计概述

课程教案

          电商APP界面设计概述

演示文稿

         

        1、APP界面设计概述.pdf


任务工单

          电商APP界面设计概述

素材下载

   IPhoneX@2x.png

课后同步项目

         不同机型之间的适配

练习题

      1、练习1

疑难问题解答

     1、iPhone常见机型有哪些