美文网首页
01.移动端_产品设计与规范_导航

01.移动端_产品设计与规范_导航

作者: 石头_9985 | 来源:发表于2022-02-17 15:43 被阅读0次

    导航分类

    1、扁平式导航

    • 在一级页面提供导航栏和标签栏(也叫标签式导航)
    • 方便用户在不同的内容类别间切换

    扁平式导航
    扁平式导航

    市面上大部分APP都是采用这种导航结构

    2、分层式导航

    • 在每个页面都只做一次选择,直到到达目标页面。
    • 要想到达另外的目标页面, 你必须重回之前的步骤或是从头开始重新选择。

    分层式导航 分层式导航

    “设置” 和 “邮件” 就是采用 这种导航结构

    3、舵式导航

    在扁平式导航的基础上增加一个更扁平的入口,方便用户在不同模块之间跳转时,随时可以进入这个舵式模块,并
    完成使用流程后还能回到刚才的位置

    舵式导航 舵式导航

    微博(原),美拍等

    4、抽屉式导航

    一般采用将导航主体隐藏在app侧边的方式,以一个按钮来呼出导航,在使用完成之后再使用相同的按钮隐藏起来。

    抽屉式导航 抽屉式导航

    5、沉浸式导航

    又叫“内容驱动式导航” 或“体验驱动式导航”,是沉浸式设计的一种表现在内容中自由地转换,或是内容本身定义导航。

    沉浸式导航 沉浸式导航

    游戏、阅读以及其它沉浸式 App 一般都采用这种导航结构。

    导航设计原则

    1.根据产品的特性,导航可以混合使用,体现形式多样化
    2.不能为了追求多样化,滥用导航类型

    相关文章

      网友评论

          本文标题:01.移动端_产品设计与规范_导航

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