美文网首页
主导航模式-瞬时导航

主导航模式-瞬时导航

作者: orangesup | 来源:发表于2017-09-06 23:18 被阅读12次

    侧边抽屉式:

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

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

    明天阅读:次级导航模式

    相关文章

      网友评论

          本文标题:主导航模式-瞬时导航

          本文链接:https://www.haomeiwen.com/subject/xehbjxtx.html