导航条是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容，是人们浏览网站时可以快速从一个页面转到另一个页面的快速通道。
导航条的目的是让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不费力地找到并管理信息，让用户在浏览网站过程中不至于迷失位置。
为了让网站信息可以有效地传递给用户，导航一定要简洁、直观、明确。
1. Tab导航
Tab 导航分上下两种。是最常用的导航形式。也有人称之为标签导航。
优势 ：所有的入口一目了然，方便查找。适用于多个内容体系，且重要程度相似（平级关系），能频繁在不同页面间切换，切换成本底，只需一次点击。
劣势 ：总会占据屏幕的高度空间，阻挡内容。且标签数量有量，最多5个。当然在PC端这一劣势就不是那么明显，所在在Web界面这一导航方式是用的很普遍的。
适用的场景： 导航条目不多，使用频率相差不大的。
2. 抽屉导航
分支类目过多；某一类的层级较深时就适用这种导航。
优势 ：可以容纳多个分支类目，隐藏多余的类目，保持当前页面简洁。抽屉导航的另一些优点是，侧边导航收纳的导航标签可以是5个以上，节省屏幕空间。
劣势 ：有部分类目，当前页面不可见，不容易寻找，增加了认知成本； 无法快速完成导航切换，操作成本高。
3.宫格导航
宫格式导航，是一种类似于手机桌面各个应用入口的导航方式。每个入口往往是比较独立的信息内容，用户进入一个入口后，只处理与此入口相关的内容，如果要跳转至其他入口，必须要先回到入口总界面。 这种导航适用于几个功能没有交叉的应用。功能较多，较分散。
优势： 类目清晰，容纳很多类目无压力。
劣势: 首屏没有内容，只有入口。
4.列表导航
首页是一条条的item，item有单文字的，也有图文结合的，比如一般的设置页面。纯粹的列表导航很少见，一般都是搭配着别的导航模式一起使用，大多作为二级导航。
优势 ：内容突出
劣势 : 不适合层级较深的应用
6.复合导航
现在，应用大多有复杂的多项功能，导航也适应这种情况，复合使用，现在这种也是当下适应性最强用的导航。
导航分析
1、Web端导航分析
我把Web端的导航主要分为三种，一种就是置顶的标签导航，这里放置着用户个人信息，再加上老用户用的比较频繁的，一般用下拉列表式表现；然后是左侧类别分类导航，一般都是抽屉式的；还有一种就是中间的频道导航，在这里是网站的不同频道。当然我举的多是电商多。产品不多的网一般一个导航就够了，甚至搜索框都不需要。
2.移动端导航
移动端界面小，因此导航也相对简单很多。一般都是中间的频道导航，我表现为宫格式导航；还有置低的用户用的最频繁的导航。
1、进入到任务栏设置页面；
2、将鼠标下拉至“任务栏在屏幕上的位置”设置选项处，可以看到现在任务栏在屏幕上的位置被设置为“顶部”；
3、将“任务栏在屏幕上的位置”设置为“底部”；
4、然后就可以看到任务栏到屏幕下方了，然后再次鼠标右键任务栏空白处，勾选锁定任务栏即可将任务栏锁定在屏幕底部。
电脑桌面下方的导航条不见了，可以把电脑的鼠标移动到下方，点击导航条右键，选择固定任务栏。然后导航条就可以一直显示了。
导航条是一个网站中必不可少的元素，那么如何用HTML和CSS制作一个导航条呢？下面我给大家分享一下。
工具/材料
Sublime Text
首先打开SublimeText软件，新建一个html页面，并且在html页面中准备好html结构，如下图所示
接下来我们在html的body结构里添加导航条的内容，如下图所示
然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示，书写样式的时候一定要注意写在style标签里面
最后运行html页面，你就会看到如下图所示的导航条，当鼠标放在某个导航上时，背景色会变成红色
导航条在网站上具有导航作用，是指引和方便浏览者访问另一页面的快速通道。网站导航是网站的指路灯，也是网站内容的总体概述，同时也是搜索引擎收录网站的重要权衡因素。创建一套良好的网站导航系统将会使网站更易访问。
一、导航条的设计原则
我们先看看导航的分类：横排导航、竖排导航、多排导航、图片式导航、Frame框架快捷导航、Jump Menu下接菜单导航、隐藏式导航，甚至还可以是动态效果的Flash导航等。有时，大的导航里面还有小的导航。在某些情况下，大导航和小导航需要设计在同一个页面内。
网站导航系统基本遵循以下设计原则：
(1)尽可能多的提供相关资源的链接。
(2)一致性原则。导航样式非常多，怎样选用适合网页风格一致的志航条呢？就是要符合页面风格，要符合信息类别分类。
(3)网站板块和层次划分合理。导航条既是网站路标，又是分类名称，是十分重要的。导航条应放置到明显的页面位置，让浏览者在第一时间内看到它并作出判断，确定要进入哪个栏目中去搜索他们所要的信息。导航条的设计根据具体情况可以有多种变化，它的设计风格决定了页面设计的风格。反过来，设计师已经大致上有了网页设计的模式，也可以按照模式的方向去把握导航的风格。
二、导航条的布局
导航条是网站风格的主要组成部分。一个好的导航条可以在确定网页风格的同时，使页面层次清晰。导航条制作一直是设计师们需要重点思考的问题，是网页创意的重要体现。
现在互联网最流行的导航条布局方式有以下几种：
(1)水平导航条：以水平方式排列导航项，如百度
(2)垂直导航条：以垂直的方式排列导航项。
(3)POP导航条和组织有序的导航条。
隐藏导航条：设置-显示-导航条-显示和隐藏按钮-滑动开关，可单独为daoAPP设置导航条。
开启后，在导航栏左侧出现一个小圆点的按钮，点击此图标可以隐藏导航栏。您可以通过从屏幕底部向上滑动来使用导航按钮。
本文转载自互联网，如有侵权，联系删除
