移动UI设计-菜单篇 _选项卡

1、导航模式
导航类型
导航种类
主要导航模式
跳板式、列表菜单式、选项卡菜单式、陈列馆式、仪表式、隐喻式、超级菜单式
次级导航模式
页面轮盘式、图片轮盘式、扩展列表式
2、导航种类样式及场景说明
2.1 主要导航模式
A.样式说明

文章插图
B.应用场景
主导航样式名称
应用场景说明
备注
跳板式
登录界面中的菜单选项就是进入各个应用的起点
对操作系统没有特殊要求，在各种设备上表现良好

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

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