UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

电商APP启动图标的设计

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

 电商APP启动图标设计 】

           

       手机开机或解锁后,我们首先看到的界面布满了各个应用程序的启动图标,今天我们就来讲解APP启动图标设计。通过本任务的讲解,要求同学们首先掌握APP界面启动图标的规范流程,其次要求同学们了解常见的启动图标类型,并具有精益求精的精神,使我们设计出的图标具有很好的辨识度和一定的艺术欣赏价值。


 

【 任务引入 】

 

 

【 项目思维导图 】


学习任务

重点、难点

突破方法

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

2、电商APP闪屏页的设计。

重点:1. 电商APP 启动图标的设计;

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

难点:1.电商APP启动图标的设计

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

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

知识目标

能力目标

素质目标

1.掌握电商APP启动图标的设计;

2.掌握常规电商APP闪屏页的设计

3.了解常见的闪屏页类型。

1.能够进行APP启动图标设计;

2.能进行常见闪屏页的设计。

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

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

3. 培养团队合作能力。

课程思政——团队能力

                 

效果图


                                                                        APP启动图标85.png

【 视频讲解】

知识储备


    1金属质感云盘图标


任务实现


    1、APP启动图标任务分析

    2图标底盘绘制

    3中心区域绘制

    4、带子绘制


拓展任务实现


    1闪屏页的设计任务引入

    2、活动闪屏页任务分析

    3、闪屏页绘制


【 资料下载 】

活页教材

          电商APP启动图标的设计

课程教案

          电商APP启动图标的设计

演示文稿

       2、拟物化图标的绘制.pdf

任务工单

          拟物化图标设计

素材下载

   APP启动图标.png

         云盘图标.png

         红包.png

         儿童.png

         闪屏页.png

课后同步项目

         金属质感云盘图标

练习题

      1、练习1

疑难问题解答

     1、APP 启动图标的创意方法有哪些