粘性的菜单、滑动导航固定导航栏,它们的意思都是一样的:当你滚动的时候,导航栏会跟着你。
不是每个人都喜欢这种设计风格,因为它占据了页面的额外空间。但它也让用户可以直接访问页面上任何地方的所有导航链接。
如果你正在寻找具有眼睛吸引力的粘性菜单,这些例子一定会让你兴奋不已。如果你想在自己的项目上寻找灵感,这些都是可以肯定的。
提升页面利用效率
在有些网站,在页面的最上方,你会看到一个带有文本和导航链接的完整logo。当向下滚动时,文本实际上消失了,导航条也会滑上来。
这占用了更少的空间,而且它是非常理想的图形菜单。它的logo也更小。这个设计只是隐藏了文本,但是他们可以通过调整图形的尺寸来节省更多的空间。
动画效果的固定导航条
这是我最喜欢的导航栏效果,固定导航条要求在所有的页面上都保持一致,如果你访问主页,你会发现它的标志直接嵌入到他们的特效中。如果你往下滚动,你往往会看到一个非常酷的动画。
导航文本向右移动,标志动画进入视图。这是一个很酷的设计,因为它感觉很有活力。
图形化的固定导航条
充斥着过多的图形、动画,或者只是设计成“时髦”,或许不是一个特别好的选择。但是这种图形化的导航条往往在通栏的宽幅大banner网站有着意想不到的好效果。
固定的热点垂直导航
每当我看到一个我无法阅读的网站,但我仍然明白如何导航,它告诉我网站设计得很好。
因为它是一个单页面设计,所以链接的亮点取决于你看的是哪个部分。所读内容的高亮让你清楚的知道你当前阅读的版块,同时也会方便的提醒你还有其他的网站版块可以供你选择。
半透明表格视图导航
如果你在网上搜索,你会找到很多方法来重现这种风格。在设计醒目大字体标题时也有很多技巧。
这种表格视图,它占用的空间不多,但你仍然知道这是他的网站最重要的组成部分。另外,多布置一些面向向上的小箭头也可以让访问者回到页面顶端(特别是在移动端)。