UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

项目2 图标设计

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

 图标设计 】

        

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

 

【 项目引入 】

 

 

【 项目思维导图 】


                图标设计1.jpg


学习任务

重点、难点

突破方法

1. 图标设计概述;

2.拟物化图标设计;

3.扁平化图标设计;

4.微质感图标设计。

重点:1. 拟物化图标设计;

          2.扁平化图标设计;

          3.微质感图标设计;

难点:1.拟物化图标设计

          2.微质感图标设计。

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

知识目标

能力目标

素质目标

1.掌握拟物化图标设计要点;

2.掌握扁平化图标设计要点;

3.了解微质感图标设计要点。

1.能够进行简单的拟物化图标的设计;

2.能进行扁平化风格图标的设计;

3.能进行微质感图标的设计。

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

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

3. 培养团队合作能力。

课程思政——梦想

                 

效果图

              未标题-1.png

                   

【 视频讲解】

知识储备——图标概述


                     

 

【 资料下载 】

活页教材

          图标设计概述

课程教案

          图标设计概述

演示文稿

         1、图标设计概述.pdf

任务工单

          图标设计概述

素材下载

   百度搜索UI设计相关文件

课后同步项目

         1、UI介绍

练习题

      1、练习1

疑难问题解答

     1、什么是图标?voice.jpg

        2、图标绘制的原则有哪些?voice.jpg