【移动应用UI设计模式】第一篇：导航的设计--只要导航模式

导航的设计模式 分为 主要导航模式和次级导航模式。

一,主要导航模式

   1.跳板式：跳板式导航对操作系统并没有特殊要求,在各种设备上都有良好表现。它有时也被称为“快速启动板”(Launchpad)。跳板式导航的特征是,登录界面中的菜单选项就是进入各个应用的起点。 

1.1最单纯的跳板式导航。下方设置一个toolBar或者一个imageView，上面添加相应的item。

1.2 添加ScrollView的跳板式。在view上首先添加了scrollView，再进行普通的田字格跳板式布局。

1.3 比较个性的跳板式：跳板式+菜单cell。

1.4 特意的增大某些网格的大小和长宽以彰显重要性

1.5 普通的网格式跳板布局

2.列表菜单式--动态列表和静态列表两种形式

列表菜单式导航与跳板式导航的共同点在于,每个菜单项都是进入应用各项功能的入口点。这种导航有很多种变化形式,包括个性化列表菜单(Personalized List Menu)、分组列表(Grouped List)和增强列表(Enhanced List)等。增强列表是在简单的列表菜单之上增加搜索、浏览或过滤之类的功能后形成的(见图1-8至图1-11)。 

列表菜单很适合用来显示较长或拥有次级文字内容的标题。使用列表菜单的应用要在所有次级屏幕内提供一个选项,用来返回菜单列表。通常的做法是在标题栏上显示一个带有列表图标或“菜单”字样的按钮。 

3.选项卡式 --使用Bar（tool，tabbar）等

Android、Symbian和Windows系统都把选项卡定位在屏幕的顶端,这种形式看上去很眼熟,因为它模仿了标准的网站导航模式。Nokia和Windows都在屏幕顶端设计了可滚动的选项卡,用户移动选项卡后能看到更多的菜单项(见图1-16和图1-17)。 

4.陈列馆式

陈列馆式的设计通过在平面上显示各个内容项来实现导航,主要用来显示一些文章、菜谱、照片、产品等,可以布局成轮盘、网格或用幻灯片演示(见图1-18至图1-20)。 

个人认为：陈列馆式 1.使用了tableView+ScrollViewCell +headerView进行设置

             2.使用了UIImageView 进行拼图

5.仪表式

仪表式导航提供了一种度量关键绩效指标(Key Performance Indicators,KPI)是否达到要求的方法。经过设计以后,每一项量度都可以显示出额外的信息。这种主要的导航模式对于商业应用、分析工具以及销售和市场应用非常有用(见图1-21)。 

6.隐喻式

7.超级菜单式

点击某一个按钮出现很多选项。