主导航模式-瞬时导航

侧边抽屉式:

1.浮层 (overlay),通过轻滑或点击的手势打开抽屉,抽屉部分遮挡或覆盖原来页面的内容,

例如RetailMeNot


主导航模式-瞬时导航_第1张图片

2.嵌入层 (inlay),通过轻滑、平移或点击打开抽屉,把原先的页面内容部分推出屏幕外,例如Path。


主导航模式-瞬时导航_第2张图片

3.新兴模式

点击导航图标(或者叫“汉堡包”图标)打开侧边抽屉的时候,嵌入式抽屉不仅把上一级页面向右推开,还采用3D效果将其推到

后面。


主导航模式-瞬时导航_第3张图片


下拉菜单式

移动网页和响应式网页设计推动了这一模式的发展,现在更普遍的叫法是下拉菜单。

与侧边抽屉式一样,下拉菜单也可以是嵌入式的,将页面内容推到菜单之下;还可以是浮层式的,菜单层浮在内容页之上,如Pocket2和Qwiki,Walmart和Home Depot。浮层设计在原生移动应用中更为常见。在Ultravisual应用里,浮层式下拉菜单从底端显示出来。


主导航模式-瞬时导航_第4张图片
Starbucks.com:采用下拉菜单式导航的响应式网页设计


主导航模式-瞬时导航_第5张图片
OS版Pocket和Qwiki:浮层式下拉菜单


主导航模式-瞬时导航_第6张图片
安卓版Walmart和Windows Phone版Home Depot:浮层式下拉菜单

下拉菜单式的一个重要规则是,无论什么样的手势,都能打开菜单,比如点击图标、轻滑、平移。同样,隐藏菜单也是这样的。

不要让菜单覆盖整个屏幕,要把背景露出来一点。点击背景的任一位置时,同样可以隐藏菜单。

转盘菜单式

转盘菜单也叫轮盘、环形菜单或径向菜单,自20世纪90年代以来一直出现在桌面软件设计中,近年来更多地出现在网页应用中。在游戏设计中,这种模式也非常受欢迎。

主导航模式-瞬时导航_第7张图片
开源的第三方安卓系统Paranoid中的转盘菜单式导航

这个模式可能是所有主导航模式中最不常用的,在设计任何有多个层级的菜单时应该避免采用。如果你的应用信息结构扁平化,那么可以考虑选用选项卡式菜单,这对所有用户来说都更为熟悉。

明天阅读:次级导航模式

你可能感兴趣的:(主导航模式-瞬时导航)