UI前端设计
袁安翠

1
2
3
4
5
6
7
8

网站导航栏的设计

发布时间:2018-05-16 11:58   发布人:袁安翠   浏览次数:6129

 任务1:网站导航栏的设计 】

        

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

    本任务要求学生了解网页UI基础、店招和导航条设计、网站导航栏设计。

      

【 一分钟导学视频 】



能力目标

知识目标

素质目标

1. 能够熟网页UI的设计原则及常见的网页布局方式。

2. 能进行网站导航栏及按钮的设计。

1. 掌握UI网页设计的相关理论知识、设计原则及网页的布局形式。

2.掌握网站导航栏及按钮的设计。


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

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

3. 培养团队合作能力。


学习任务

重点、难点

突破方法

1. 网页UI基础。

2. 绘制店招和导航条的设计。

3. 绘制网站导航栏。


1. 网页UI。

2. 绘制店招和导航条。

3. 绘制网站导航栏。

2. 教学难点:绘制网站导航栏

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

【 视频讲解】

课前知识储备视频

案例讲解视频

1、网页设计基础

2、网页布局

3、店招与导航栏的制作1

1、导航栏与按钮的制作1

2、导航栏与按钮的制作2

3、导航栏与按钮的制作3

【 资料下载 】

单元设计

word.jpg网站导航栏的设计

课程教案

word.jpg网站导航栏的设计

演示文稿

ppt.jpg网站导航栏的设计

任务工单

word.jpg网站导航栏的设计

素材下载

1、店招与导航栏素材tupian.jpg

2、校徽下载tupian.jpg

3、导航栏与按钮的制作素材tupian.jpg

4、导航栏Logotupian.jpg

课外拓展项目

帅气的游戏网站导航

qvod.jpg案例视频

3-1帅气的游戏网站导航.zip

试题解答

练习

疑难问题解答

1、网页常用的尺寸标准有哪些?voice.jpg

2、网页设计的原则有哪些?voice.jpg

3、网页页面构成元素有哪些?voice.jpg



  • 张期飞 2018-06-14 16:05:02
    特别好
  • 冷宜城 2018-06-14 16:10:57
    特别棒
  • 王思涵 2018-06-23 17:14:24
    挺好的