美文网首页
移动端常用的几种导航方式

移动端常用的几种导航方式

作者: Z小欣 | 来源:发表于2017-04-21 11:56 被阅读0次

一、Tab标签式导航

a、顶部Tab导航

通常被新闻、音乐类应用使用,应用的内容分类较多时采用顶部Tab导航

网易新闻&虾米音乐

b、底部Tab式导航

通常被功能类应用使用,如微信、淘宝。Android为了避免与底部实体按键重叠会选择顶部Tab导航。不过,现在两端设计样式趋于统一。

微信&淘宝

c、底部Tab扩展试导航,如微博、淘宝当应用的功能不断完善和细化时,底部的4-5个标签已不能满足需求。

二、抽屉式导航

抽屉式导航可以收起应用的非核心功能,提高用户体验。

三、列表式导航

适用于结构单一、信息层级浅的应用,或作为应用的二级页面导航。

四、宫格式导航

适用于功能独立、信息无交叉的类集 。手机的主屏幕就采取这种导航方式。

相关文章

  • 移动端常用的几种导航方式

    一、Tab标签式导航 a、顶部Tab导航 通常被新闻、音乐类应用使用,应用的内容分类较多时采用顶部Tab导航 b、...

  • 导航模式(笔记)

    整理来源:几种常见移动导航模式详析 常用移动导航模式.mmap_微盘下载

  • 2018-06-12 CSS中的flex布局详解

    前言:之前我写过的一篇博客介绍CSS常用的几种布局方式,PC端最常见的就是浮动布局和flex布局,而在移动端,由于...

  • 常用移动端的导航设计

    标签导航设计 最常见移动端首页设计,需要用于各功能需要频繁切换的应用,一般底部固定为3-5个图标+文字标签展示...

  • 移动端设计模式——常见的几种导航形式

    在移动端,导航是APP最重要的区别。根据不同的内容,选择不同的导航方式。没有完美的导航,只有合适的导航。根据具体的...

  • Tab导航(ViewPager+Fragment)

    tab导航 首先举个栗子: 现在的移动端大多都会使用tab导航。例如微信,网易云音乐,qq等等。比较常用的方法就是...

  • react-navigation 之 TabNavigator

    TabNavigator是移动端常用的一种导航组件,目前react-navigation提供了四种创建tab-na...

  • 移动端导航

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

  • 实现移动端布局的几种方式

    方案一 rem dpr=1时没有任何问题,但是在dpr=2或者更高的手机屏幕上,因为物理像素的增加,存在小于1px...

  • 移动端适配的几种方式比较

    不管那种布局方式都需要先设置好meta px + % UI稿一般都是按照p6的尺寸来出图的,直接写px的话,意味着...

网友评论

      本文标题:移动端常用的几种导航方式

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