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

一,主要导航模式

切换python 2 windows_List

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


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


切换python 2 windows_选项卡_02



切换python 2 windows_菜单项_03


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

切换python 2 windows_选项卡_04


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

切换python 2 windows_List_05

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

切换python 2 windows_切换python 2 windows_06

1.5 普通的网格式跳板布局

切换python 2 windows_切换python 2 windows_07


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


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


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


切换python 2 windows_选项卡_08

切换python 2 windows_选项卡_09

切换python 2 windows_选项卡_10

切换python 2 windows_选项卡_11


3.选项卡式 --使用Bar(tool,tabbar)等

切换python 2 windows_菜单项_12

切换python 2 windows_List_13

切换python 2 windows_菜单项_14

切换python 2 windows_List_15



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

切换python 2 windows_选项卡_16

切换python 2 windows_选项卡_17



4.陈列馆式


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

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

             2.使用了UIImageView 进行拼图

切换python 2 windows_选项卡_18

切换python 2 windows_切换python 2 windows_19

切换python 2 windows_List_20

切换python 2 windows_切换python 2 windows_21

切换python 2 windows_切换python 2 windows_22


5.仪表式



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


切换python 2 windows_选项卡_23


6.隐喻式

切换python 2 windows_切换python 2 windows_24



切换python 2 windows_切换python 2 windows_25

切换python 2 windows_切换python 2 windows_26

切换python 2 windows_List_27

7.超级菜单式

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

切换python 2 windows_List_28

切换python 2 windows_菜单项_29