UI前端设计
袁安翠

1
2
3
4
5
6
7
8

网站主页按钮的制作

发布时间:2018-05-15 10:02   发布人:袁安翠   浏览次数:15540

 任务2:网站主页按钮的绘制 】

        UI设计即为用户界面设计,全称UI=User Interface。UI设计是为了满足专业化、标准化需求而对软件界面进行美化、优化和规范化的设计分支。我们这门课就是培养学生处理多媒体界面设计和网络视觉设计的课程。

      本任务要求学生掌握PS的基本操作,了解简单的渐变颜色设置及多边形套索的使用,掌握网站主页按钮的绘制。

【 一分钟导学视频 】



能力目标

知识目标

素质目标

1、能够进行PS的简单使用。

2、能进行网站主页按钮的绘制。


1.掌握PS渐变色设计卡通灯笼。

2.掌握PS中图像的转换,能够熟练应用PS

3、进行网站主页按钮的设计制作。

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

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

3. 培养团队合作能力。


学习任务

重点、难点

突破方法

1. PS渐变色的认识。

2. 卡通灯笼的绘制。

3. 儿童插画的绘制。

4. 网站主页按钮的绘制。

1. PS认识、PS中选区的使用颜色填充,PS形状工具。

2. 教学难点:选区变换、渐变色的设置。

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

【 视频讲解】

课前知识储备视频

案例讲解视频

1、渐变工具的使用

2、光盘的制作

3、卡通灯笼的绘制

4、儿童插画的绘制1

5、儿童插画的绘制2

6、儿童插画的绘制3

 

1、网站主页按钮的绘制1

2、网站主页按钮的绘制2

3、网站主页按钮的绘制3


【 资料下载 】

单元设计

word.jpg网站主页按钮的绘制

课程教案

word.jpg网站主页按钮的绘制

演示文稿

ppt.jpg网站主页按钮的绘制

任务工单

word.jpg网站主页按钮的绘制

素材下载

1、光盘tupian.jpg

2、卡通灯笼tupian.jpg

3、儿童插画tupian.jpg

4、网站主页按钮tupian.jpg

5、选区运算tupian.jpg

课内同步项目

视频图标设计

qvod.jpg案例视频1

qvod.jpg案例视频2

qvod.jpg案例视频3

qvod.jpg案例视频4

课外拓展项目

 扩展按钮

qvod.jpg案例视频

试题解答

1、练习1

2、练习2   点击查看     素材2.zi

疑难问题解答

1、PS的基本功能有哪些?voice.jpg

2、常用的快捷键有哪些?voice.jpg



  • 张期飞 2018-06-14 16:02:13
    特别好
  • 王凯 2018-06-14 16:06:30
    非常棒
  • 高立 2018-06-14 16:06:42
    非常好
  • 冷宜城 2018-06-14 16:10:05
    特别棒
  • 耿鑫 2018-06-20 17:42:10
    讲的特别好
  • 魏绵远 2018-06-20 17:51:30
    好好好好
  • 冯潇 2018-06-21 18:46:44
    你们每节课都评论了????
  • 王思涵 2018-06-21 20:27:32
    扁平化风格插画挺好看的
  • 刘志强 2019-02-28 18:02:04
    很不错,看完起码不能一点不会了
  • 胡明泽 2019-06-17 09:22:17
    可以可以