移动UI设计-菜单篇

1、导航模式

导航类型	导航种类
主要导航模式	跳板式、列表菜单式、选项卡菜单式、陈列馆式、仪表式、隐喻式、超级菜单式
次级导航模式	页面轮盘式、图片轮盘式、扩展列表式

2、导航种类样式及场景说明

2.1 主要导航模式

      A.样式说明

        

      B.应用场景

主导航样式名称	应用场景说明	备注
跳板式	登录界面中的菜单选项就是进入各个应用的起点	对操作系统没有特殊要求，在各种设备上表现良好
列表样式	每个菜单项都是进入应用各项功能的入口点，很适合用来显示较长或拥有次级文字内容的标题	包括个性化列表菜单、分组列表和增强列表（简单的列表菜单上增加搜索、浏览或过滤之类的功能后形成的）
选项卡菜单式	极大的保留web菜单设计特征	不同操作系统上有不同表现，对于选项卡的定位和设计，不同操作系统有不同的规则
陈列馆式	在平面上显示各个内容项来实现导航，主要用来显示一些文章、菜谱、照片、产品等，可以布成轮盘、网格或幻灯片演示	有时这些内容进行分组更易于用户浏览，很好地应用于用户需要经常浏览、频繁更新的内容
仪表式	一种度量关键绩效指标是否达到要求的方法，主要应用于商业应用、分析工具、销售和市场	不要使用过多仪表导航，使用前需要开展研究决定
隐喻式	用页面模仿应用的隐喻对象，主要用于游戏	需要谨慎使用隐喻式导航
超级菜单式	超级菜单式导航和网站所有的超级菜单导航类似，较大的覆盖面板上分组显示已定义好格式的菜单选项	首先要确定信息架构，如导航对象仅仅是应用中少数主要内容，就可以使用选项卡类导航模式

2.2 次级导航模式

所有的主要导航模式都可以用作次级导航，如选项卡下用选项卡导航、选项卡下用列表导航、选项卡下采用仪表盘式导航、跳板式导航下采用陈列馆式导航等。

还有一些导航模式适合作为次级导航：页面轮盘式、图片轮盘式、行内扩展式

A.样式说明

B.应用场景

次级导航名称	应用场景	备注
页面轮盘式	操作者可利用“滑动”操作快速浏览一系列离散的页面	如果页面超过8个，最好考虑使用列表菜单导航
图片轮盘式	主要来展示特色产品
行内扩展式	通过下拉屏幕显示更多信息	很好地逐步显示某个内容项的更多细节或选项