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

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

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

导航分类

1、扁平式导航

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

扁平式导航
扁平式导航

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

2、分层式导航

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

分层式导航 分层式导航

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

3、舵式导航

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

舵式导航 舵式导航

微博(原),美拍等

4、抽屉式导航

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

抽屉式导航 抽屉式导航

5、沉浸式导航

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

沉浸式导航 沉浸式导航

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

导航设计原则

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

相关文章

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

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

  • 01.【移动端导航】

    导航设计综述 最好的路途就是没有路途,需要的东西就在手边,不需要跑来跑去。但在所有App都在堆砌功能的今天,这个设...

  • 产品设计规范

    产品设计这个涉及的范围有点大!先来了解学习下规范吧! 一、先细分讲解下移动端App的设计规范: 标准色规范 我之前...

  • iOS移动产品APP界面设计规范

    一.概述 编写目的:编写iOS移动产品设计规范(以下简称“设计规范”)主要是为了规范化公司移动产品设计,将常用控件...

  • PC客户端设计,产品经理需要知道的那些点

    自互联网产品设计行业诞生以来,出现了很多平台设计规范和组件模板,但大多是移动端(iOS/Android)和Web端...

  • 移动端导航

    导航是任何应用程序的支柱。其目的是让用户以尽可能少的摩擦到达他们想去的地方。 移动导航必须是可发现的、可访问的并且...

  • 移动端界面信息规范

    移动端页面信息规范 1、结构 1.1、页面结构 顶栏导航根据固定高度x1.2.3适配即可;内容区域根据不同手机分辨...

  • 移动端UI规范整理-布局&导航

    最近看了很多交互设计前辈的知识总结,非常厉害,但是我发现仅仅是看并不能记住,所以决定自己站在巨人的肩膀上按照自己的...

  • 移动端产品设计-常见导航模式

    图表使用 百度脑图 绘制,联系 @WenryXu 索取原文件。

  • 交互微专业笔记2- ios与Andriod的设计规范

    ios与Andriod的设计规范 ios端:经典的延续 页眉——导航栏 用于实现在应用不同信息层级结构间的导航,有...

网友评论

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

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