网站设计中的导航通常只包括相同的基本菜单项，适度地位于标题中，并且总是从一开始就向浏览者打招呼。自从汉堡包按钮普及以来，在导航设计方面没有发生什么惊天动地的事情。
但一些网页设计师敢于改变这种情况，使用了非传统但优雅的粘性垂直菜单。它们往往更加紧凑、简约，并漂亮地利用了垂直字体。
一些网站会选择使用垂直导航有几个原因。
- 首先，它们很紧凑，对于那些需要或想要用完网站的整个英雄部分的人来说是理想的。
- 第二，它们的尺寸通常适合在台式机和移动设备上使用。
- 第三，由于它们的粘性，它们是完美的指南和锚点，使用户体验更加舒适。
- 最后，不断地显示网站的标志或名称是增强品牌识别的一种简单方法。
要想亲自体验垂直导航，请看一下我们为你收集的下面这些鼓舞人心的例子。你会喜欢这些结果的!
网页设计师工具箱
无限下载。1,000,000+网页模板、主题、插件、设计资产，以及更多的东西!
[
网页模板
2,000多个模板
](1.envato.market/c/78798/298…)
[
通讯模板
270多个模板
](1.envato.market/c/78798/298…)
[
仪表板模板
150+模板
](1.envato.market/c/78798/298…)
[
WordPress主题
1,200多个主题
](1.envato.market/c/78798/298…)
[
WordPress 插件
550+ 插件
](1.envato.market/c/78798/298…)
[
模板
8,200多个模板
](1.envato.market/c/78798/298…)
奥斯汀-麦金尼
我们的第一站是Austin McKinney的个人作品集。在这里，垂直导航条只包括基本内容：一个汉堡包按钮，社交媒体资料的链接，标志，以及设计师的职业。除了设计精美的垂直导航条外，这个网站也是超简约主义和超窄幅设计的完美结合。
编辑部新报
Editorial New的创建者向我们展示了垂直导航的效果，不管是颜色、风格选择还是互动细节。他们的导航条只包括一个元素--汉堡包按钮。它打开了一个可爱的带目录的滑出式菜单。由于导航被贴在屏幕的左侧，用户无论在网站的什么地方，都可以快速访问菜单。
众筹公式
众筹公式的垂直导航条位于页面的右侧。虽然我们不习惯在那里看到它，但它仍然工作得很好。更重要的是，由于菜单按钮采用了对比强烈的橙色，它很自然地吸引了人们的目光。
NSDI
NSDI背后的团队使用垂直导航条，不仅显示汉堡包按钮，还显示全屏滑块的分页。另一个与众不同的特点是，所有的元素都随着用户移动。在这里，他们有一个超窄的垂直导航条和角落导航，共同工作，以创造一个舒适的用户体验。
科维别墅
科维别墅的官方网站有不是一个而是两个超窄的垂直导航条。第一个用于显示他们的社会媒体链接，而第二个则是用于激活内部菜单的按钮。与上部的标题一起，这两个导航条加强了网站的微妙的方块感。请注意，只有右边的面板粘在屏幕上，并随着用户的移动而移动。
泰德公司
和上面的Editorial New一样，TedCo的垂直导航条是角落导航的一部分，看起来很优雅，信息量很大，完成了UI的复杂设计。垂直导航条停留在原处，给用户在浏览网站时提供了永远有用的焦点。
游侠工作室
Rogue Studio的详细导航条是一个很好的例子，在这个解决方案中，所有的菜单项都完全展示在观众面前。虽然这个组件看起来比我们其他的例子更杂乱，但它比它们有一个显著的优势。它为用户提供了浏览网站所需的一切，而不需要执行任何辅助功能。
使导航垂直化可以为任何网站注入新的活力。尽管它们不是什么新东西，但感觉有些大胆，令人耳目一新，值得尝试。
The postExploring the Use of Sticky Vertical Navigation in Web Designappeared first onSpeckyboy Design Magazine.
