• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >Android > 精品干货丨APP常用导航框架,干货丨app导航

精品干货丨APP常用导航框架,干货丨app导航

作者:网友 字体:[增加 减小] 来源:互联网 时间:2017-05-26

网友通过本文主要向大家介绍了小庄 精品干货,精品干货,精品干货店,久久热丨这里精品,99热视频丨这里精品等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

精品干货丨APP常用导航框架,干货丨app导航


文章目的:在整体上把握移动端App的导航框架,理解每种导航所具有的优点、局限性和其所适用的范围。

文章用心:典型APP案例(源码:http://www.jinhusns.com/Products/Download/?type=xcj)、按导航热门度排列、文章结构清晰。

导航作为移动App的基本入口以及主要功能的展现方式,不同性质的App所罗列的不同优先级的功能,展示出来的导航也各有千秋,其服务的对象和目的也不尽相同。概括为一句话:需具体问题,具体分析。但,其中也不乏规律可循。

罗 列一下常见的导航样式:标签式Tab(微信)、列表式List(网易,偏向信息展示)、抽屉式Side(手机QQ)、九宫格式SpringBoard(支 付宝)、轮播式Cards(Iphone天气,自带软件)、陈列馆式(猫眼)、点聚式(百度云)、瀑布式Gallery(图片、壁纸软件,偏向信息展 示)。

1.标签式Tab

 

01.png

 

典型微信、电话,最常用的导航模式。

优点:直观展示入口内容,频度使用高,且功能内容不一。

局限性:如若是一款功能模块较多的软件,再采用标签式会显得笨重,可考虑采用其他导航模式。

适用范围:

在整体上:适用于排列主要功能的大部分软件。

在功能上:作为移动软件的一级功能入口,摆放最主要功能。

2.列表式 List

 

02.png

       典型网易、知乎,较常用导航模式。

优点:层次清晰,展示内容多,展示内容性软件。

局限性:需注重编排。

适用范围:

在整体上:适用于资讯类软件。

在功能上:对各种内容的展示,需保证清晰、明了。

3.抽屉式 Side

 

03.png

典型手机QQ、QQ空间,较常用导航模式。

优点:扩展性强,需求频度稍弱(隐藏),需要时能显示,弱需求的整合归类。

局限性:弱需求隐藏。

适用范围:

在整体上:适用于功能较多,需求层级较多的软件。

在功能上:同类弱需求的组合排列。

4.九宫格式 SpringBoard

 

4.png

典型支付宝、优酷,较常用导航模式。

优点:功能入口直观,且功能模块多。

局限性:功能多、杂,无重点突出。

适用范围:

在整体上:适用于功能模块多的平台性软件。

在功能上:较多重要功能,以展示列的形式显示功能。

5.轮番式 Cards

 

05.png

典型Iphone天气、花田,较常用导航模式。

优点:功能内容统一,浏览方式顺畅。

局限性:但不能展示多页,只能顺序查看。

适用范围:

在整体上:适用于功能单一、统一的工具型软件,适用于随意看看。

在功能上:同级功能内容的展示,适用于顺便再看看的性质。

6.陈列式

 

06.png

典型猫眼、大众点评,较常用导航模式。

优点:直观、方便,内容陈列。

适用范围:

在整体上:适用电影、书籍等陈列展示。

在功能上:相同内容的展示,现基本都是用于展示电影内容。

7.点聚式

 

07.png

典型百度云、Path,较少用导航模式。

优点:灵活、有趣,界面更加开阔。

局限性:隐藏了功能,且隐藏功能不能太多,不然显示后,用户较难反应。

适用范围:

在整体上:适用于信息内容展示较多的软件并功能需求频度较低

在功能上:与抽屉式导航类似,都是用于隐藏次级功能。但是,此类导航所隐藏的功能更加少,需要给用户指明其功能,但是显示效果佳。

8.瀑布式 Gallery

 

08.png

典型花瓣、壁纸10000+,较少用导航模式。

优点:浏览式查看、目的性不强。

局限性:布局需设计,会造成视觉疲劳。

适用范围:

在整体上:适用于信息展示,偏向于图片而非文字类,浏览性质强。

在功能上:同类内容的展示,用于随意看看,与轮播式导航类似,但是展示内容更多。

本文通过对导航类型分类,并评估其适用类型,能更加明确其使用目的性和适用性。

单一的导航是无法驾驭现在丰富功能的App的,采用混合型组合,针对导航的适用性采取不同类型的导航,适合的永远才是最好的。

本文统一、针对性了解和分析了导航的类别,希望以后在设计和理解App时,能有一个整体性的把握,这便足矣。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 精品干货丨APP常用导航框架,干货丨app导航

相关文章

  • 2017-07-23Android设计模式(十六)-中介者模式
  • 2017-05-26android自定义activity,androidactivity
  • 2017-05-26Android 调用百度地图API,androidapi
  • 2017-05-26Android中如何修改编译的资源ID值(默认值是0x7F...可以随意改成0x02~0x7E)
  • 2017-05-26XAMARIN ANDROID 二维码扫描示例,xamarinandroid
  • 2017-05-26Unity实现滑页嵌套(解决ScrollRect嵌套冲突问题)
  • 2017-05-26如何通过cmdline获取panel型号的dtsi文件节点(qcom,lcd,id)
  • 2017-05-26Socket for android 简单实例,socketandroid
  • 2017-05-26svn环境搭建(不同目录、设置不同的权限)
  • 2017-09-18Android开发简单服务器

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Mac Android studio提交本地项目到Github 已经配置 SSH KEY
    • 找不到draw9patch.bat?已经不用找了,draw9patch.bat
    • Json解析工具的选择,Json解析工具选择
    • getCacheDir()、getFilesDir()、getExternalFilesDir()、getExternalCacheDir(),mediacachefiles
    • Android 学习2----页面布局的学习,android2----
    • Java虚拟机 JVM,java虚拟机jvm
    • 安卓图片滑动,实现带小点的导航页面效果,安卓小点
    • docke swarm mode 集群应用之四-私有仓库harbor设置过程
    • 安卓--获取应用版本名称与版本号,安卓--版本版本号
    • hellocharts-android-Android图表开源库的使用(二)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有