侧边抽屉式:
1.浮层 (overlay),通过轻滑或点击的手势打开抽屉,抽屉部分遮挡或覆盖原来页面的内容,
例如RetailMeNot
2.嵌入层 (inlay),通过轻滑、平移或点击打开抽屉,把原先的页面内容部分推出屏幕外,例如Path。
3.新兴模式
点击导航图标(或者叫“汉堡包”图标)打开侧边抽屉的时候,嵌入式抽屉不仅把上一级页面向右推开,还采用3D效果将其推到
后面。
下拉菜单式
移动网页和响应式网页设计推动了这一模式的发展,现在更普遍的叫法是下拉菜单。
与侧边抽屉式一样,下拉菜单也可以是嵌入式的,将页面内容推到菜单之下;还可以是浮层式的,菜单层浮在内容页之上,如Pocket2和Qwiki,Walmart和Home Depot。浮层设计在原生移动应用中更为常见。在Ultravisual应用里,浮层式下拉菜单从底端显示出来。
Starbucks.com:采用下拉菜单式导航的响应式网页设计 OS版Pocket和Qwiki:浮层式下拉菜单 安卓版Walmart和Windows Phone版Home Depot:浮层式下拉菜单下拉菜单式的一个重要规则是,无论什么样的手势,都能打开菜单,比如点击图标、轻滑、平移。同样,隐藏菜单也是这样的。
不要让菜单覆盖整个屏幕,要把背景露出来一点。点击背景的任一位置时,同样可以隐藏菜单。
转盘菜单式
转盘菜单也叫轮盘、环形菜单或径向菜单,自20世纪90年代以来一直出现在桌面软件设计中,近年来更多地出现在网页应用中。在游戏设计中,这种模式也非常受欢迎。
开源的第三方安卓系统Paranoid中的转盘菜单式导航这个模式可能是所有主导航模式中最不常用的,在设计任何有多个层级的菜单时应该避免采用。如果你的应用信息结构扁平化,那么可以考虑选用选项卡式菜单,这对所有用户来说都更为熟悉。
网友评论