UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

任务2 扁平化图标绘制

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


 扁平化图标设计 】

           

       拟物化图标之后到现在也非常流行的是扁平化设计,今天我们来讲解扁平化文件管理图标的绘制。通过本任务的学习,同学们要熟练掌握钢笔工具、选区运算的使用方法,并能对形状实施灵活多样的变形操作,以此来实现较好的形状和色块的拼接。对于钢笔工具的使用,同学们课下要勤加练习,熟才能生巧。


 

【 任务引入 】

 

 

【 项目思维导图 】


学习任务

重点、难点

突破方法

1.钢笔工具的使用;

2.自由变换工具的使用;

3.卡通树的绘制;

4.扁平化文件管理图标的绘制。

重点:1. PS钢笔工具的使用;

          2.自由变换工具的灵活应用;

          3.扁平化文件管理图标的绘制;

难点:1.钢笔工具的使用;

          2.扁平化图标的绘制。

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

知识目标

能力目标

素质目标

1.掌握钢笔工具的使用;

2.掌握自由变换工具的使用;

3.掌握扁平化图标绘制的要点。

1.能够熟练应用钢笔工具及自由变换工具;

2.能进行扁平化图标的设计。

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

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

3. 培养团队合作能力。

课程思政——工匠精神

                 

效果图



                                                               文件管理图标.png


【 视频讲解】

知识储备


    1钢笔工具的使用

    2自由变换

    3卡通树的绘制


任务实现


    1、扁平化文件管理图标分析

    2扁平化文件管理图标的绘制1

    3扁平化文件管理图标的绘制2


拓展任务实现


    1扁平化图标底盘的绘制

    2扁平化邮件图标的绘制


【 资料下载 】

活页教材

         扁平化图标绘制

课程教案

          扁平化图标绘制

演示文稿

       3、扁平化图标的绘制.pdf

任务工单

          扁平化图标绘制

素材下载

   文件管理图标.png

         扁平化图标绘制.jpg

课后同步项目

        扁平化邮件图标的绘制

练习题

      1、练习

疑难问题解答

     1、扁平化图标特点有哪些