现在的页面导航既个性又任性

导读我们来看一些现在的导航模式吧,有些是已经使用很久的样式,到现在还是可以运作的很好、有些是全新的,还有一些是现有的导航模式基于相应的应用场景做了一些调整后的产物。 1. 简单的导航 Plain Navigation 这是经典导航模式,在网页上方放置一排竖的或横的

我们来看一些现在的导航模式吧,有些是已经使用很久的样式,到现在还是可以运作的很好、有些是全新的,还有一些是现有的导航模式基于相应的应用场景做了一些调整后的产物。

1. 简单的导航 Plain Navigation

这是经典导航模式,在网页上方放置一排竖的或横的链接清单。这个样式从来没消失过,只是比以前更简洁了。

它常被用于小型网站,通常是小册子网站(brochure sites)和电子商务网站,他们的列表通常较小因而这种导航非常适用。

 

2. 隐藏导航 Hidden Navigation

现在任何事都以移动端方案优先的情况创造了这个隐藏导航。这个概念也渗透到PC的网页,有些设计师甚至为了五或六个链接就制作了全屏菜单。

这听起来是不必要的,但我认为一旦你隐藏了你的导航,相对的菜单就会变得很大。事实上这一点也不会影响可用性。

用这个Awwwards 案例来说,隐藏导航是很合理的。因为它们有一个需要一定空间来工作的复杂的下钻菜单。

 

3. 混合导航 Hybrid Navigation

在较大型的网站跟某些网络应用程序上,通常需要多种导航方式。一个简单的例子是It’s Nice That,它的左上角有一些主要的导航链接,然后将一个更全面的链接列表藏在了汉堡包按钮的背后。

想要更改浏览网站语言、申请工作,或是阅读隐私权条款当作娱乐的人(真的有人这样吗?)也许可以从那里开始。

 

4. 分类导览 Taxonomy-Based Navigation

你可以在博客、新网站,或是Pinterest 中找到这种导航。

这是因为要引导你的用户浏览分类的帖子和其他信息集。无论是按主题、日期、标签或诸如此类的方法进行分类,都是为了帮助你找到更多相同类型的内容。

 

5. 实验性的导航 Experimental Navigation

这不是指任何一个特定的设计样式,而是他们的集合。我喜欢把他们称为「作品集导航」,因为通常这种导航都被应用在作品集网站中,设计师可以在这边自由发挥创意。它通常没有任何传统菜单或是将菜单项分散在页面周围。角落是相当普遍的选择。

它通常用了大量的JavaScript ,高度展示个人喜好的布局方式,还有大量的动画。。这种导航方法通常在一定程度上会降低可用性,但不能否认的是这种效果通常是新颖而富有创造性的。

相关文章