移动UI设计-菜单篇
1、导航模式
导航类型 | 导航种类 |
主要导航模式 | 跳板式、列表菜单式、选项卡菜单式、陈列馆式、仪表式、隐喻式、超级菜单式 |
次级导航模式 | 页面轮盘式、图片轮盘式、扩展列表式 |
2、导航种类样式及场景说明
2.1 主要导航模式
A.样式说明
B.应用场景
主导航样式名称 | 应用场景说明 | 备注 |
跳板式 | 登录界面中的菜单选项就是进入各个应用的起点 | 对操作系统没有特殊要求,在各种设备上表现良好 |
列表样式 | 每个菜单项都是进入应用各项功能的入口点,很适合用来显示较长或拥有次级文字内容的标题 | 包括个性化列表菜单、分组列表和增强列表(简单的列表菜单上增加搜索、浏览或过滤之类的功能后形成的) |
选项卡菜单式 | 极大的保留web菜单设计特征 | 不同操作系统上有不同表现,对于选项卡的定位和设计,不同操作系统有不同的规则 |
陈列馆式 | 在平面上显示各个内容项来实现导航,主要用来显示一些文章、菜谱、照片、产品等,可以布成轮盘、网格或幻灯片演示 | 有时这些内容进行分组更易于用户浏览,很好地应用于用户需要经常浏览、频繁更新的内容 |
仪表式 | 一种度量关键绩效指标是否达到要求的方法,主要应用于商业应用、分析工具、销售和市场 | 不要使用过多仪表导航,使用前需要开展研究决定 |
隐喻式 | 用页面模仿应用的隐喻对象,主要用于游戏 | 需要谨慎使用隐喻式导航 |
超级菜单式 | 超级菜单式导航和网站所有的超级菜单导航类似,较大的覆盖面板上分组显示已定义好格式的菜单选项 | 首先要确定信息架构,如导航对象仅仅是应用中少数主要内容,就可以使用选项卡类导航模式 |
2.2 次级导航模式
所有的主要导航模式都可以用作次级导航,如选项卡下用选项卡导航、选项卡下用列表导航、选项卡下采用仪表盘式导航、跳板式导航下采用陈列馆式导航等。
还有一些导航模式适合作为次级导航:页面轮盘式、图片轮盘式、行内扩展式
A.样式说明
B.应用场景
次级导航名称 | 应用场景 | 备注 |
页面轮盘式 | 操作者可利用“滑动”操作快速浏览一系列离散的页面 | 如果页面超过8个,最好考虑使用列表菜单导航 |
图片轮盘式 | 主要来展示特色产品 | |
行内扩展式 | 通过下拉屏幕显示更多信息 | 很好地逐步显示某个内容项的更多细节或选项 |