UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

图标设计

发布时间:2018-04-17 17:34   发布人:袁安翠   浏览次数:6030

项目2 图标设计

 图标设计 】

        

       图标是用户界面的重要构成元素。通过点击图标,我们可以实现与电脑或手机的交互,可以启动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设计概述

素材下载

   百度搜索HBuilder安装文件

课内同步项目

         Dreamweaver软件使用

练习题

      1、练习1

疑难问题解答

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







  • 袁安翠 2018-06-13 15:41:43
    你喜欢的按钮有哪些?
  • 张期飞 2018-06-14 16:02:41
    特别好
  • 王凯 2018-06-14 16:06:42
    非常棒
  • 冷宜城 2018-06-14 16:10:18
    特别棒
  • 冯潇 2018-06-21 18:47:52
    开机按钮
  • 王思涵 2018-06-21 20:29:47
    音乐按钮
  • 张敏 2018-06-22 09:27:19
    上课讲的十分详细
  • 孙学松 2019-06-27 17:38:55
    老师讲课非常好,漂亮,按钮非常漂亮