设计师如何设计优秀的网页导航栏

四、滚动导航

如果导航项的数量较大，而且优先级几乎没什么区别，采用“更多”项将会是一个糟糕的妥协，另一个方案是滚动视图中列出的所有项目：

这种方案的缺点是用户只能看到可见范围内的几个选项，其余的选项用户不可预知。尽管如此，当用户探索购物或新闻类选项时，这依然是可接受的解决方案。

作为视觉设计，需要确保提供足够的视觉线索，表明在水平滚动后有更多的元素，弱化边缘元素就是个不错的办法。

例如：C Channel

荣获 2016年度 Material Design 设计奖(创意导航组)

五、下拉菜单

当其他部分的可见性和可访问性并不重要时，一个少见但有趣的方案是使用下拉菜单：

下拉菜单有一个双重角色：首先，它作为一个页面标题，虽然选项隐藏其下，向下箭头表明有可能迅速切换到相似的部分。其二，除了切换同级选项，切换到下级项目也是能被用户接受的。

例如：多邻国

通过下拉菜单快速切换练习语言

六、抽屉导航不一定很糟

对于大多数用户来说，下拉菜单的交互方式并不常见。令人意外的是，抽屉导航可能是一个不错的选择。它的主要缺点是较低的可发现性，当设计二级导航选项是，这种模式可能是一个适当的解决方案。

例如：Uber(优步) & Red Dot(红点)

屏幕上的一切都是为了请求一辆车，诸如历史、设置这类的二级选项不应该比从一个汉堡包菜单更突出

结论

没有万能的导航栏设计，它取决于产品定位、用户需求以及内容信息。适用于其它应用的导航可能不会为你工作，反之亦然。每一个优秀的导航设计，是对优先级、信息架构、逻辑结构和用户需求的高度把控。