UI前端设计
袁安翠

1
2
3
4
5
6
7
8

网页背景和导航栏绘制

发布时间:2018-05-16 12:05   发布人:袁安翠   浏览次数:7081

 任务4:网页背景和导航栏绘制 】

        

     经过前面几个项目的学习,学生对界面设计有了一定的了解,实际动手操作能力有所提高,但操作熟练度还有进步的空间。

   经过一阶段的网站界面的熟悉,李老师安排小明独自承担网页界面的整体布局、规划与设计。

   本任务要求学生掌握PS中蒙版与剪贴蒙版的使用,并能利用其进行网页背景和导航栏的设计。

      

【 一分钟导学视频 】



能力目标

知识目标

素质目标

1. 能够了解图层蒙版及剪切蒙版。

2. 能够应用蒙版等进行宣传海报等的制作。

2. 能够熟使用进行网页背景和导航栏的设计

1、掌握UI网页设计布局形式。

2、掌握蒙版与剪贴蒙版的使用。

3、并能利用其进行网页背景和导航栏的设计。


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

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

3. 培养团队合作能力。


学习任务

重点、难点

突破方法

1. 蒙版。

2. 蒙版在商业中的应用。

3. 蒙版在海报设计中的应用。

4. 网页背景与导航栏绘制。

1. 蒙版。

2. 蒙版的使用。

3. 网页背景与导航栏绘制。

4. 教学难点:网页背景与导航栏绘制

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


【 视频讲解】

课前知识储备视频

案例讲解视频

1、蒙版认识

2、蒙版商业应用案例

3、宣传海报制作

4、化妆品广告设计


1、网页背景和导航栏绘制案例分析

2、网页背景和导航栏绘制实现


【 资料下载 】

单元设计

word.jpg网页背景和导航栏绘制

课程教案

word.jpg网页背景和导航栏绘制

演示文稿

ppt.jpg网页背景和导航栏绘制

任务工单

word.jpg网页背景和导航栏绘制

素材下载

1、蒙版应用素材tupian.jpg

2、网页背景和导航栏绘制tupian.jpg

蒙版素材.zip

课内同步项目

制作化妆品海报

qvod.jpg案例讲解

3-4制作化妆品网页.zip

课外拓展项目

制作化妆品网页

qvod.jpg案例视频1

qvod.jpg案例视频2

qvod.jpg案例视频3

qvod.jpg案例视频4

3-4制作化妆品网页.zip

试题解答

练习

疑难问题解答

1、什么是蒙版?voice.jpg



  • 张期飞 2018-06-14 16:05:36
    特别好
  • 冷宜城 2018-06-14 16:11:24
    特别棒