网站的导航栏相当于网站的招牌，起着重要的导向作用，也是用户浏览网站时必须使用的功能。以往的网站设计师大多注重页面布局和形象美化。现在他们逐渐意识到，对于一个小小的导航栏来说有很多事情要做，因此越来越多的独到网站设计师放弃了传统的顶部导航，在导航栏的设计上玩各种创新的把戏。
一、六大热门
侧导航非常受网站设计者的欢迎。它通常分布在页面的左侧，使页面的整体布局简洁典雅，使栏目内容一目了然。在设计侧边导航时，可以将导航和横幅结合起来，也可以使用与横幅主色对比强烈的纯色，两者都能给游客一个独到的视觉印象。与网站顶部相比，网站侧面具有更广阔的可扩展空间，因此当网站需要修改添加栏目内容时，侧面导航会比顶部导航进行更好的调整。
底部导航是用户浏览网站的一个挑战，因为我们都知道顶部导航符合用户的阅读习惯。尽管用户对底部导航或多或少感到不舒服，但不可否认的是，底部导航确实比顶部导航更有趣，在不考虑导航和横幅比例的情况下，它在设计上可以更加自由。如果网站的定位是喜欢新鲜探索能力的年轻人，选择底部导航可以给他们更大的惊喜。~
你有没有想过，打开一个网站是一个巨大的导航，几乎占据了整个屏幕？那种冲击力真的不是开玩笑。我们共同网站的主页是基于横幅。全屏导航以导航为主页主体，是一次非常大胆前卫的尝试。如果设计合理，更方便用户快速切换到不同的页面。
顾名思义，隐藏导航并不是没有导航，而是隐藏导航。它与全屏导航相反。它不是一种存在的感觉，而是低调的等待着你。当然，这个搜索过程非常简单，只要鼠标移动到某个标记或点击使导航出现。我们常说，滑动菜单实际上是一种隐藏式的导航，它能***限度地显示网站的内容，给用户带来愉悦的体验。
滚动导航在单页网站中很常见。因为它是一个单页网站，没有页面跳转。当您向下滚动页面时，导航和内容将显示在您面前。显然，这类网站的显示能力都集中在同一个页面上。如果你想使一个简短而精致的网站没有太多复杂的功能，这个简单的单页网站滚动导航是***的。
我们都很容易被凉爽的动态效果所吸引。如果我们在导航中添加动画效果，我们可以更清楚地引导用户点击并使用导航。例如，当鼠标悬停在导航上时，导航字体会更改，背景颜色块的大小也会更改，等等。如此小而整齐的区别就足够了。与下面属于图形导航的情况一样，前景是文本，背景是图片。当鼠标移动到相应的导航时，静态图片会有轻微的动态变化。动画导航不需要太花哨，否则会干扰视觉。
二、实践操作课程
以上总结的流行趋势其实只是导航条设计创意的冰山一角，还有更多未知数有待探索。网站设计从来没有一个标准答案，下一个趋势很可能来自你。因此，我们不仅要从中吸取教训，还要在学习上有意识地创新和突破，形成个人特色。现在凡客建站推出的新版导航栏可以支持子栏目的自由布局。其实，这也鼓励站长尝试DIY，跳出固有的模板，做出自己的风格。让我们看看。~
将鼠标移到导航栏上，单击快捷栏上的“切换到新版本”，然后选择“设置样式”，在“设置导航栏样式”弹出窗口中，选择所需样式，然后在“子列”中选择“自由布局”。
目前，凡客网站有三类素材模块。个左边带图表的子列标题，右边带纯文本的垂直列标题；第二个是带图表的水平列标题；第三个是带纯文本的垂直列标题。选择“保存”后，可以进入编辑状态。
将鼠标移到需要添加子级列的级列。单击下拉页面中的“编辑模块”，直接替换初始模板上编辑的图片和标题文本。图片和文本可以链接到相应的内容页。
如果要设计自己的排版，还可以删除初始模板中的元素。根据需要在左侧“添加模块”的弹出窗口中添加文本、图片、按钮等。这些部件可以随意移动。平时做PPT也是这样。
三、设计原则
导航栏的设计日新月异。然而，无论您选择何种形式的导航栏，无论其设计有多大的不同，以下三个基本原则都不容忽视。
对于信息量大的网站来说，这一点尤为重要，因为它涉及多个优等栏目和子级栏目，这就要求网站管理员对导航的层次结构进行梳理，简化和合理化，使用户能够方便地搜索和获取信息。
由于导航条是用来引导用户的，所以它必须有一个明确的方向，而且不需要用户花时间思考，它只能凭直觉才能正确快速地操作。因此，导航文本应尽量简洁明了，不含糊，图标的使用应直观易识别。
三、一致性
错误的导航栏是一个故障。试想一下，如果你想在综合网站上购买一件T恤衫，但当你点击导航栏上的“服装”按钮，跳转到零食产品页面时，你还想在这里购物吗？所以在一天结束的时候，确保你点击导航栏上的每个按钮来检查它。不要戴帽子和帽子。
掌握以上导航栏设计要点，不要让用户迷失在你的网站中！