UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

任务1 网页导航栏的绘制

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



 网页导航栏设计 】

            

       今天我们来讲解网页导航栏的绘制。网页导航栏通常是我们浏览页面关注到的第一项内容,起到引导用户与分流的作用。通过本任务的学习,要求同学们了解PC端页面常见导航栏类型,熟悉其常见的功能布局形式。了解常见网页导航栏参数指标,能够根据网页类型灵活设计出满足项目需要的导航栏。

 

【 任务引入 】

 

 

【 项目思维导图 】


学习任务

重点、难点

突破方法

1.文字工具的使用;

2.文字选择及排版技巧;

3.网页尺寸规范;

4.导航栏的分类;

5.导航栏的绘制。

重点:1. 文字选择及排版技巧;

          2.导航栏的分类;

          3.导航栏的绘制;

难点:1.文字选择及排版技巧;

          2.导航栏的绘制。

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

知识目标

能力目标

素质目标

1.掌握文字工具使用;

2.掌握文字选择及排版技巧;

3.掌握网页导航栏的类型及导航栏的绘制。

1.能够熟练应用文字工具并进行合适的文字排版;

2.能进行各种类型导航栏的绘制。

1. 传统文化教育;

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

3. 培养团队合作能力。

课程思政——传统文化

                 

效果图

                                                    

                游戏导航栏.jpg


【 视频讲解】

知识储备


    1、文字选项栏的设置

    2、字符对话框设置

    3、文字选择及排版技巧

    4、宣传单页排版

   

任务实现


    1导航栏任务分析

    2、导航栏的分类

    3、导航栏logo区绘制

    4导航区绘制


拓展任务实现


    1网页店招实现


【 资料下载 】

活页教材

          网页导航栏绘制

课程教案

          网页导航栏绘制

演示文稿

       2、拟物化图标的绘制.pdf

任务工单

          网页导航栏绘制

素材下载

        天下logo.png

        广告图.jpg

        网易Logo.jpg

        天下背景图.jpg

        项目校徽.png

课后同步项目

         学院官网导航栏设计

练习题

      1练习

疑难问题解答

     1、常见导航栏的类型有哪些

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

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

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