主导航模式-瞬时导航

侧边抽屉式:

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中的转盘菜单式导航

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

明天阅读:次级导航模式

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,283评论 4 61
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,946评论 22 665
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,362评论 25 709
  • 这两天无意看到一些内容刷新案例,发现原来光一个刷新操作,也是有不同的刷新类型区分的,所以在这里记录一下。 内容刷新...
    妖叶秋阅读 1,603评论 7 19
  • 如果你拒绝触碰它,你永远都不能知道它真实的模样。生活这枚巧克力并不总是你想象的苦,你不愿意尝一尝,所以不知道它的甜。
    庭两两阅读 204评论 0 1