网页导航栏设计6 第1篇
底部导航更多是应用在移动端中，在PC端的应用中不是很广泛，一般应用于一些活动或个性化的网站当中。在PC端中采用底部导航，往往采用固定的方式，这就意味着对于结构复杂的网站不是很合适。其次，将导航放置底部，对于用户的使用习惯来说不是很友好，用户的眼睛都是从上到下从做往右浏览的，这样的设计比较挑战用户的使用习惯。底部导航栏多出现在移动APP界面设计中，符合绝大多数用户的交互习惯，这也是友好用户体验的表现。Pixso资源社区作为一款在线协同设计工具，能够支持一站式UI/UX、原型、白板、交互与交付，带给团队更加高效的设计体验，
网页导航栏设计6 第2篇
侧边栏导航可以设计成各种个性化的形式。Pixso社区采用的侧栏导航设计，设计元素设定在合理的宽度，导航栏中的字体不会过长，显示上不会出现太大的问题。UI设计师可以通过滑动侧栏的方式来查看个人的设计稿件，既节省网站的空间，同时也显得更加简约。结构复制的网站不适用于这种类型的导航，侧边栏的二级导航栏也不能用于侧边导航，所以这种类型的导航大多适合一些设计师或个人网站，还有一些结构简单的网站。
Pixso 资源社区内置的侧边栏仪表板，便采取的侧边导航的形式，侧边导航的使用能够简化界面设计的内容，尤其是对于含有大量数据的管理后台仪表盘设计，收起来的侧边栏能使整个界面看起来更加简洁，有条理，
网页导航栏设计6 第3篇
当主要部分超过5个时，一个切实可行的解决方案是显示四至五个优先级最高的选项，将其它的归位一类叫做更多项：
这个方案的设计原则和选项卡基本一致，更多项的子类可以在导航页面的下拉菜单中显示：
你可以说这种方案的使用效率比抽屉导航强不到哪去，对大多数用户而言，只要可见项优先级足够高，有四至五个可见的高频功能会极大的降低学习成本，改善用户体验。
例如：Facebook
动态消息、好友请求、通知和搜索总是可见，剩下的所有功能是可以在“更多”菜单里
网页导航栏设计6 第4篇
如果导航项的数量较大，而且优先级几乎没什么区别，采用“更多”项将会是一个糟糕的妥协，另一个方案是滚动视图中列出的所有项目：
这种方案的缺点是用户只能看到可见范围内的几个选项，其余的选项用户不可预知。尽管如此，当用户探索购物或新闻类选项时，这依然是可接受的解决方案。
作为视觉设计，需要确保提供足够的视觉线索，表明在水平滚动后有更多的元素，弱化边缘元素就是个不错的办法。
例如：C Channel
荣获 2016年度 Material Design 设计奖(创意导航组)
网页导航栏设计6 第5篇
当其他部分的可见性和可访问性并不重要时，一个少见但有趣的方案是使用下拉菜单：
下拉菜单有一个双重角色：首先，它作为一个页面标题，虽然选项隐藏其下，向下箭头表明有可能迅速切换到相似的部分。其二，除了切换同级选项，切换到下级项目也是能被用户接受的。
例如：多邻国
通过下拉菜单快速切换练习语言
网页导航栏设计6 第6篇
对于大多数用户来说，下拉菜单的交互方式并不常见。令人意外的是，抽屉导航可能是一个不错的选择。它的主要缺点是较低的可发现性，当设计二级导航选项是，这种模式可能是一个适当的解决方案。
例如：Uber(优步) & Red Dot(红点)
屏幕上的一切都是为了请求一辆车，诸如历史、设置这类的二级选项不应该比从一个汉堡包菜单更突出
结论
没有万能的导航栏设计，它取决于产品定位、用户需求以及内容信息。适用于其它应用的导航可能不会为你工作，反之亦然。每一个优秀的导航设计，是对优先级、信息架构、逻辑结构和用户需求的高度把控。