美文网首页码路拾遗99Design那些开发的事
App导航设计——二级航模式解析

App导航设计——二级航模式解析

作者: 大鸽子Z | 来源:发表于2015-04-12 11:00 被阅读2159次

1、次级选项卡式

作为二级导航的导航控件,Android和IOS系统分别有各自的术语与规范,如果要使用这种导航方式就要遵循各自的设计规范。

Android与IOS设计规范

网易新闻和今日头条都使用了滚动选项卡式菜单,对核心的信息内容进行分类整理,以滚动选项卡导航作为应用最核心内容的导航方式,同时将其他次级内容放入侧边抽屉栏中,以突出核心内容的展现。

2、列表式

列表式导航更容易扩展和分组,常用于设置、消息和承载大数据量信息的界面。由于列表的左右宽度较大,可以结合图标、标题说明或消息数字提示等。为了让列表信息更有层次,在设计上可以考虑分组或二级列表的方式。

二级列表:即当列表达到一定数量之后需要进行分组,形成树状列表。这类分组可以展开和隐藏内容,方便用户查找信息并快速定位(如QQ好友列表)。

同样,此导航方式Android和IOS系统分别有各自的术语与规范。

Android与IOS设计规范 Android版最美应用与网易云音乐

3、走马灯式

走马灯的导航方式,适用于整体性比较强的内容,在一个界面中能完全表现一块内容,且多个内容之间是并列关系,用户通过左右手势滑动来聚焦到当前内容。一般来说,走马灯的内容数量不能太多,控制在5~7个以内,以避免用户操作疲劳。在设计上可提供视觉暗示,例如显示下一张的部分内容,或者在底部添加分页指示器,让用户在浏览页面时保持清晰的方向感和对数量的认知。

进行个性化处理的Android版最美应用

4、图示

图示是一种有趣的导航方式,它让导航更加的可视化,同时根据页面内容的变化,可以及时的更新图片,适合以图片为主的内容。经常变化的图片也会让用户感受到栏目内容更新的及时性,对用户来说更有吸引力。

Android版Airbnb

                                                                                                                                   ZYG

相关文章

  • App导航设计——二级航模式解析

    1、次级选项卡式 作为二级导航的导航控件,Android和IOS系统分别有各自的术语与规范,如果要使用这种导航方式...

  • 移动应用设计细节分析——导航

    移动设计模式整理分析——导航篇 产品导航设计优缺点分析 8种移动APP导航设计模式大对比 1.扁平式导航 1.1 ...

  • APP导航设计

    良好的APP导航设计模式决策对整个app的核心体验起到关键作用。几种常见的移动APP导航设计模式对比图。 ☆ AP...

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

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

  • APP导航设计模式

    导航主要分为两大类,横向和纵向。横向的导航有:标签导航、舵式导航、tab导航、轮播导航;纵向的导航有:宫格导航、下...

  • App导航设计模式

    1.抽屉式导航 抽屉式导航就是当前比较流行的导航样式,是应用选择比较多的一种导航方式,这种导航的核心思想就是隐藏,...

  • APP导航设计模式

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

  • 让APP中内容呈现更友好易用的5种常见导航设计模式

    今天的文章会着重介绍移动端APP导航的设计模式。无论你所设计的APP是什么样的类型,或多或少都绕不开导航设计。作为...

  • 解析十种APP导航设计模式

    1.标签导航(标签导航位于页面底部 ,标签的分类最好在5个以内,比如微博、微信、淘宝) 优点:清楚当前所在的入口位...

  • 移动应用UI设计模式图示

    移动应用UI设计模式: 1.导航设计模式:主要导航和次要导航模式。 1)主菜单导航模式: 跳板式 Springbo...

网友评论

本文标题:App导航设计——二级航模式解析

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