前进新趋势：革命性创新网站导航设计

每个网站有属于自己的个性——它能反射出背后的个人或者团队。如何做到让自己的网站显得与众不同、卓尔不群，让用户流连忘返或者立马下单？

为了让你的网站脱颖而出，不仅需要有丰富的高质量内容，同时也要兼顾网站的创新性和功能性。从用户的角度出发好好想一下，怎样让你的网站用户体验更友好？简单的搜索功能是需要的，或者你也可以精心设计一下网站的导航。同时，要注意保持整个网站设计语言的一致性。在这个html5狂潮涌进的时代，诞生了很多先进的网页设计作品，他们都有卓越的导航设计，接下来整理的这些网站将唤起你关于导航的极限创意，快来亲自体验下吧！

在需要的时候导航栏应该一直在那里，而当用户想要专注于某个特定的任务时，导航栏则应该优雅的隐藏起来。比如说，在设计一个网上商店的出纳页面时，网站的导航应该可以随时都易于使用，但同时也要注意突出像出纳表单和按钮控件之类的鲜明功能。Toybox的导航设计就恰好满足了这些。

如下图示，这个侧边导航给人的感觉就像是你在窥视页面背后或者是掀开了一个玩具盒的盖子看看里面到底有些什么。这个侧边导航非常方便使用，鼠标悬停在浏览器左侧即可出现，主体部分即时出现的旋转效果也很带感，可以很好的引导用户的注意力。将导航隐藏起来同时也实现了界面的简洁，使网站的浏览体验非常的愉悦，因为网站并没有留下太多无用的信息去分散用户的注意力。

至于其他你想知道的信息，比如说Toybox公司的主营业务和地址，可以在顶部的一个直接呈现的导航栏里找到。首页的磁贴鼠标hover效果也非常的有趣，当鼠标悬停于某个项目的缩略图时，其余的项目缩略图都后退变暗并且产生景深的效果。

Escape Flight设计得非常精妙！新页面的loading动画中，logo中火箭的火焰尾气动态效果非常好，显得新颖时尚。导航栏固定在顶部，就像一个即将启程的港口或者甲板，就好像你已经来到了飞机场。下拉菜单看起来就像是一张旅行清单，和主题很搭。当你选择了一个地点后，鼠标往下滚，所有重要的信息都会固定在顶部，对于旅行者来说这样使用起来会更简便舒适。

网站充分的利用了漂亮的摄影图片，Escape Flight使图片全屏显示，或许这正是你从一个旅行类网站想要得到的。它让你略微感受到即将到来的旅程，并且优雅的展示出目的地的美景。当你鼠标悬停在某个地点的缩略图上方时，你将发现所有你想要知道的：票价、天气状况、航班时间以及旅行时长。你还想知道更多吗？

SumAll的布局简洁，没有任何不必要的信息去转移用户的注意力。鼠标hover效果以一个简单的动画效果展示更多的信息，页面过度效果则是hover效果的一个扩展。当你点击一个按钮的时候，简介和选项将出现在下面。我非常喜欢这样的体验，就是当我点击一个选项后没有被带到一个新的页面，而是让信息整洁的出现在按钮下方。但这个网站也有一个缺点：导航磁贴不是响应式的，在更小的分辨率下磁贴会有错位。

Barcamp Omaha是一个在线邀请别人加入某次活动的网站。这个单页非常高效的用统一的视觉风格来引导用户浏览网站内容。活动较重要的信息，时间、地点、事件都放在了页面的头部，但网站的设计让用户有强烈欲望的往下滚，看看还能发现什么。我非常喜欢twitter和facebook在这个页面中的变体图标。

当用户往下滚的时候，通过大胆的标题设计，更多的信息被系统的呈现出来，网页布局依然很简洁整齐。会议内容的目录则是以简单的动画来吸引用户的眼球。当用户滚动到页面底部的时候，联系信息出现了，唾手可得。