7种比较流行的APP导航栏设计

把其中的例子替换成自己网络的例子，并加上自己的想法。

Good navigation like good design, is invisible.这句话我很赞许。

现今比力盛行的几种Navigation的方式。

1. Spring Board 九宫格型

适合工具荟萃，非内容型应用。利便用户在只管少移动眼光，翻页，点击等行动下，做出快速选择，直接跳转，接纳行动。典型例子：支付宝，微信钱包。

支付宝

如上面支付宝，可以通过一些变形来突出某部门选择。

微信钱包

书中用了以前Facebook 的例子，但现在已经可以看到。FB改成了更合适的标签型。

导航方式的选择，和产物的类型亲近相关。

2. List Menu 列表型

和九宫格型属于同类导航，可导的内容较少。特点在于，很适合长题目的选项，或者需要副题目的选项。设置页面就是典型的列表型导航，可直接跳转到对应选项。

IOS 设置

3. Tab Menu 标签型

标签型导航在差别系统中有差别体现：顶部，底部，等。IOS 用底部标签较多，而Android用顶部标签较多。

想去 底部标签

如［想去］，用的是底部标签。微信也是用的底部标签。底部标签切换利便，适合需要频仍切换的展示型产物。然而底部标签的存在会降低屏幕的使用效率，这个时间，在不需要的时间隐去底部标签就是很智慧的一种做法。如大部门文章阅读页面的设置。

MONO 顶部标签

Mono用的是顶部标签。顶部标签适合需要在某个标签页面内恒久停留的产物。而且，也是一种只管降低导航对阅读体验影响的展示模式，不外切换不利便。可以思量增添左右划动的手势来辅助切换－mono正是这样设计的。

4. Gallery 画廊型

画廊型导航，一样平常用于图片／影像／文章类产物的导航。每一篇文章，每一副图画都自力显示出来，便于预览展示和选择。如[花瓣]:

花瓣

字体，间距，内容选择得好的话，能给人很是优(gao)质(bi)量(ge)的感受。

好比：

[好奇心日报]，［MONO］的早午茶都接纳了画廊型而不是列表型的方式举行文章导航。

好奇心日报

mono

[想去],[暖岛] 都接纳了画廊型方式展示商品。

IMG_0904.PNG

IMG_0905.PNG

现在淘宝也接纳了画廊型，可以看作提升购物体验的一种方式。京东依然接纳的列表型，从侧面可以看作，淘宝销售物品需要更多展示，好比说服装类；京东面向客群男性／或者男性头脑者居多，展示不是要害，各项参数更主要，好比电器类。

5. Dashboard软件公司

仪表板

需要直接看希望，并点击进入看明细的产物，好比说：财政记载，销售，运营治理等，用此类导航会比力合适。

好比 随手记。

随手记

6. Metaphor 暗喻型

通过图标陈列导航，而非正常某种排列方式。通常比力有意见意义，用于游戏，或者带有小我私家意见意义的APP当中，好比杂志，旅行，珍藏类，等。

杂志

多看

7. Mega Menu 大菜单

暂时在常用的APP中没找到。Mega menu 的形式小我私家以为不适合移动端展示，在早期web转移动的时间曾经泛起过，但未来不是趋势。