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

主导航模式-瞬时导航

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

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

明天阅读:次级导航模式

相关文章

  • 主导航模式-瞬时导航

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

  • 01导航《移动应用UI设计模式(第2版)》交互设计读书笔记

    一、主导航模式 决定是全局/瞬时导航时自问 若答案存在“是” 使用全局导航: 你的应用层次是否扁平?菜单的分类是同...

  • Repeated Menu(重复式菜单)

    问题 用户需要进入访问主导航 解决方法 在页面的底部重复主导航 何时用 这种模式经常与顶部(水平)导航结合使用。网...

  • 移动应用UI设计模式

    本书主要介绍以下设计模式: 导航模式:了解主导航和次级导航的设计模式 表单模式:改掉行业内表单设计的不良习惯 表格...

  • 定向的组织

    小班教学 目的区分地形 4到5人组。采用小间隔攻击点模式 每次一人主导航,其余人跟随。 主导航员,记录时间,距离,...

  • APP导航设计模式

    下图是八种导航设计模式对比图: 一、列表式导航 列表式导航是最常见的主导航形式之一,是APP设计中不可少的一个导航...

  • App导航设计——主导航模式解析

    都说好的导航是产品成功的一半,在研读了《移动设计》、《方寸之间》以及《移动UI设计模式》之后,又结合自身平日的观察...

  • 移动界面设计模式

    导航模式 一、主导航 1、全局导航 标签式:方便查看和切换选项|只能容纳3-5个选项|不好突出优先级 桌面式:可容...

  • 前段常用单词

    一、导航类 导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sideba...

  • iOS中导航设计模式

    平铺导航模式 UIPageController 标签导航模式 UITabBarcontroller 树形导航模式 ...

网友评论

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

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