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

作者:人气:来源:2015-03-20

广告载入中...

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

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

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

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

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

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

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

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

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

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

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

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

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

继续阅读:web动态

分享吧:

手机移动