凌晨叁点

我的前方，是星辰大海。——导航栏

在多一个项目进行接手的时候，首先要对自己拥有的信息进行梳理、分类，类别清晰，尝试多类型的导航设计（主角就是因为学会了导航的嵌套，才得以迎娶掌门之女登上掌门之位成为乌当派最强的男人）。

导航栏的样式大概分为：底部导航、顶部导航、抽屉式、下拉筛选、侧边栏、九宫格和列表式。

底部导航（选项卡导航/标签导航）：通常有3-4个标签，一般不会超过5个，有更多的选项时有些会选择将最后一项设置为“更多”，也有的是将底部导航做成可滑动的，并且有些会将常用操作整合成一个导航，提高操作便捷性。

优劣：更好的操作性，方便在不同分页进行切换；导航类别有限，文字如果区域过大，占据的空间就会略大。

顶部导航：谷歌为了和IOS区别推出的一种导航模式，由于在顶部，手指触及较难，所以谷歌提出了手势左右滑动来切换标签。它的结合性很好，可以作为选择标签的延伸，时常作为二级导航。

优劣势：标签的数量没有上限，占用空间小，操作方便；可见性略差。

抽屉式导航（汉堡菜单）：虚拟按钮，点击拉出菜单，将主要的内容显示出来，节省页面空间。

优劣势：扩展性好、占据空间少；需要重新设计切换动画，按钮可见度不高。

下拉筛选：一些软件将其设计成和抽屉导航类似，成一个“包”；也有一些软件和web端的多条件查询类似。

优劣势：占据空间小，易镶嵌；操作性差，因空间小，可操作空间更小，不易选择。

九宫格：将功能排不出来、适合导航较多的，并且由其产生的“变形”很多，比如有的对功能菜单分类应用九宫格导航；有的分类之后再对导航进行设计成“导航+简略信息设计”，甚至有的还可对其左右滑动。。

优劣势：可以展示的功能入口多；只是作为入口无法展示内容（简略信息），排布过多，容易“花”、“乱”。

侧边栏导航：类似于web端的菜单栏，可见性靠并且用户操作习惯过渡简单，现多见于商城的物品分类，为适用移动端，将其做成可上下滑动。

优劣势：可见性好，扩展性好；挤占了内容展示空间，左上角区域不易点击，下滑动该区域不易处理。

列表式：常规信息展示模式，清晰明了。可对其分类展示，亦或是可对导航内功能操作进行选择。

优劣势：扩展性好；不易排布过多。

现在随着行业的商务化，为产品订制开发的导航模式也随之增多，比如安卓的自定义桌面控件，在ios也变的相对多了起来。作为产品的设计，希望我们找到用户和产品的平衡点，将信息更明确更清晰的展示出来。