种移动应用导航设计

　　我觉得《移动应用UI设计模式》真是一本设计师必备的工具书，不过由于行业发展速度太快，里面的有些配图和模式已经发生不少的变化，根据这书的基本理论总结了一些在ios和Android两个主流系统中app设计中经常用到的一些导航模式（需要注意app设计中的导航和传统手机网站的导航使用习惯不太一样）并重新找了相应的配图，希望能对大家有所帮助。
　　下图是《移动应用UI设计模式》一书的截图，截图中列出的是一些适合做主导航的导航模式。
　　其中跳板式导航、列表式导航和选项卡式导航最为常见，仪表式导航和隐喻式导航一般在拟物化设计或者是工具类的app中比较常见，超级菜单式现在会用到的比较少。由于这个行业发展速度很快，还出现了一些书中没有列出，但是在现在也很常见的导航模式，例如，出现于Android的侧边抽屉式设计，现在在ios中也得到了广泛的应用。下拉式菜单也会作为主导航出现。
　　下图是书中列出的一些只适合做次级导航的模式：
　　例如：页面轮盘式、图片轮盘式和列表式中的行内扩展式，还有一些超级菜单式导航也被用作次级导航。
　　一：跳板式导航
　　跳板式导航的特征是，登录界面中的菜单选项就是进入各个应用的起点。对操作系统并没有特殊要求，在各种设备上都有良好表现。它有时也被称为快速启动板（Launchpad）。
　　一般用做主导航，常用的布局模式33（常说的九宫格布局）23、22和21网格。但也不一定要拘泥于网格，也可以按照不同的优先级顺序，放大或者缩小网格，以突显出内容的层次感。
　　美图秀秀采用的就是23的跳板式导航模式，通过上下、分页来突出优先级。
　　ASM采用的是不规则网格的跳板式导航，以突出内容的优先级。
　　在跳板式导航和其他导航搭配使用中，一般会被用作次级导航，常见搭配模式：选项卡式跳板式
　　携程的首页中就是使用了以选项卡为主导航搭配跳板式导航的模式
　　二：列表式导航
　　最常见的主导航模式之一，又可分为分组列表、个性化列表、行内扩展式列表（这个一般用做次级导航）和增强性列表（是在简单的列表菜单之上增加搜索、浏览或过滤之类的功能后形成的）
　　列表菜单很适合用来显示较长或拥有次级文字内容的标题。
　　ios设置中使用的就是分组列表。
　　photosticker中首页采用了个性化列表的方式
　　印象笔记的ios版中使用了列表式导航混合跳板式导航的设计，其中列表式导航中又使用了分组列表和扩展列表。
　　Pinterest在搜索中的次级导航采用的就是增强性列表。
　　三：选项卡式导航
　　几乎大部分的app都采用的是这种导航模式作为主导航。根据操作系统不同，选项卡位置和设计也不相同。ios的选项卡是在底部，Android的则是在顶部。
　　其他导航模式和选项卡式导航搭配使用时一般都会用做次级导航。
　　Polyvore的ios版，使用的是底部选项卡导航：
　　keep的ios也使用的是底部选项卡式导航。
　　Flickr的Android版使用的就是标准的Android的选项卡在顶部的设计。
　　Forever21中使用了选项卡式导航搭配图片轮盘式导航。其中图片轮盘式导航为次级导航。
　　Wanelo中使用的是选项卡式导航搭配选项卡式导航，一般这种搭配模式在app中也非常见。
　　Snapette采用的主导航为选项卡式导航搭配下拉式导航。
　　Snapette采用的次导航为下拉式，其中下拉式导航又以列表的方式排列。
　　TheHunt中使用了主导航为选项卡式导航搭配轮盘式导航的模式。
　　RIVERISLAND中采用了主导航为选项卡式导航搭配陈列馆式和抽屉式。
　　四：陈列馆式导航
　　陈列馆式的设计通过在平面上显示各个内容项来实现导航，主要用来显示一些文章、菜谱、照片、产品等，可以布局成轮盘、网格或用幻灯片演示。
　　BBCNews的首页导航模式
　　淘宝二手中的主导航采用了陈列馆式导航，次导航采用的是抽屉式导航。
　　淘宝二手中使用的次级导航是抽屉式导航，在抽屉式导航中又采取了跳板式导航23的设计。
　　五：抽屉式导航
　　起源于Android的一种导航模式，后在ios中也常见到。一般在Android中用做主导航，在ios中往往会搭配其他的主导航模式做次级导航使用。
　　印象笔记的Android版就是采用了侧抽屉的导航模式。
　　Foursquare的ios版采用的侧抽屉式导航模式。
　　六仪表式导航
　　仪表式导航提供了一种度量关键绩效指标（KeyPerformanceIndicators，KPI）是否达到要求的方法。经过设计以后，每一项量度都可以显示出额外的信息。这种主要的导航模式对于商业应用、分析工具以及销售和市场应用非常有用。
　　完美衣橱的统计中在次级导航中采用了仪表式导航。
　　Mint和Ego应用中的仪表式导航（书中的例子）
　　七隐喻式
　　这种导航的特点是用页面模仿应用的隐喻对象。这种导航主要用于游戏，但在帮助导航人们组织事物（如日记、书籍等），并对其进行分类的应用中也能看到。
　　CandyCrush中的选关采用的就是隐喻式。
　　八超级菜单式导航
　　这种导航模式在现在的app设计中使用的比较少，而且一般会用做分类检索de次级导航使用。在手机网站的导航设计中比较常见。
　　这个app中就采用了超级菜单式导航做为次级导航使用。（不好意思忘记这个app的名称啦（））
　　九下拉式导航
　　这种导航模式在手机网站中比较常见，在app中做为唯一性的导航不是很常见。