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

【 项目引入 】

【 项目思维导图 】

学习任务

重点、难点

突破方法

1. 图标设计概述；

2.拟物化图标设计；

3.扁平化图标设计；

4.微质感图标设计。

重点：1. 拟物化图标设计；

          2.扁平化图标设计；

          3.微质感图标设计；

难点：1.拟物化图标设计；

          2.微质感图标设计。

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

知识目标

能力目标

素质目标

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

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

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

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

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

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

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

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

3. 培养团队合作能力。

课程思政——梦想

效果图

【 视频讲解】

知识储备——图标概述

【 资料下载 】

单元设计

          图标设计设计概述

课程教案

          图标设计概述

演示文稿

         1、图标设计概述.pdf

任务工单

          UI设计概述

素材下载

   百度搜索HBuilder安装文件

课内同步项目

          Dreamweaver软件使用

练习题

       1、练习1

疑难问题解答

     1、HBuilder需要注册才能使用吗？