设计符合时代感的优秀导航

原文地址：http://www.58img.com/web/2144

设计符合时代感的优秀导航

发布时间：Friday, February 6, 2015 11:31:30 AM  标签: 交互设计, 网页设计  分类：Web

网站导航的作用大家都很明白，主要就是为了让所有用户都清楚的看到网站中一共拥有哪些模块。但如果一个足够精美的网站中出现了很不搭调的导航，是不是会很令人扫兴呢？所以，符合这个时代的网页设计，应该要注重每一个细节，尤其是交互率很高的导航栏。

以下是为大家收集的集美观实用于一体的导航设计，供大家欣赏评论。

1.这个网站的导航栏在位置上与普通导航不同，设计师很贴心的将一整栏都放在了页面下方。头部少了导航的设计让页面看起来更通透，多了一些自由感。

2.这是个扁平化风格的网站，虽然首页看起来很“正经”，但是接下来的部分中却充斥了一些美国漫画风的元素。Adam Mottau的导航设计充分体现了极简主义，用户其实更喜欢这种类型的导航设计，会有一种操作简单的感觉。

3.Dadaab Stories的导航页设置在页面底部，但与第一个案例不同的是，该网站首页背景大图的色彩和内容都比较反复，所以，如果直接采用无线框的导航设计会不够显眼。但加入透明度较高的色块之后就看起来更有统一性和规则性。

4.有没有见过导航占了首页的二分之一？下面这个案例就让你大开眼界。虽然一半的页面都是导航栏，但是有规律的颜色排序不仅没有让整体看起来很复杂，反而比普通网页更加创意美观。

5.这是一个隐藏式侧边栏的导航设计，隐藏式侧边栏导航在《解析网站导航设计》中有所提及。这类导航的好处在于不影响用户的浏览，导航因此变得很听话，只在需要的时候及时出现。

6.这是一个图标式和选项卡式导航的结合体，无线框的导航设计体现了满满的海外风，如果担心这样的设计过于简洁，选项卡式能让导航在选择时看起来更加清楚。

7.这是一个横行滚动的网站，所以导航理所当然的放在了左边。纵观网站全局，整个网站呈现杂志风，充满了现代感，并且采用了对称的布局方式，让网站名副其实的简约又不失设计感。

8.Soho Fixed的导航栏已经与网站完全的融为一体了，看似随意的排版和设计，其实花了设计师很多的小心思。包括搜索框的位置，也被移到了导航栏下方，给用户一种耳目一新的感觉。

9.清新手绘风格的网站很多见，但是如此搭调的导航设计着实令人觉得很新颖。每一个导航很应景的如书签一般插入在书里，不由的让我们想起，导航不就是网站的书签吗？

10.Metro风格的网站设计因为担心影响界面的整体感觉，所以会比较多的会选用隐藏式导航设计，这样做的确让网页乖巧整洁了不少。

导航是用户在获取自己所需信息时的必要通道，正是这些通道把用户带到了每个目的地，而最好的交互一定也意味着为用户提供一个美好的旅途。