常用的APP导航布局有哪几种应该怎么设计

 时间:2024-10-13 18:12:58

1、列表:列表(list),常见于功能比较单一的应用场景,是app中最常用的一种方式。列表内容常见形式有:文字列表、图标和文字的混合列表、标签和控件(复选框、按钮)列表、图片和视频缩略图与文字组合列表。遵循由上至下的阅读习惯方式,所以使用起来用户不会觉得困难。合理的应用列表,给自己的app加分。iOS和安卓的列表最小高度是不同的,安卓48dp,iOS的是44pt。

常用的APP导航布局有哪几种应该怎么设计常用的APP导航布局有哪几种应该怎么设计

4、标签导航:标签栏(tab bar)通常以文字、图标、或者文字图标组合进行展示。点击标签,主内容区的页面会跟着切换,展示对应的内容。标签栏在iOS中一般在屏幕下方,经常使用图标,并在图标下方加上对应的文字。在安卓中,标签栏通常在屏幕上方。

常用的APP导航布局有哪几种应该怎么设计

6、泳道泳道(swimlane)是一组垂直排列的轮显,每个轮显能水平滚动,互不影响。泳道结合了网格布局的方法,排列比较规整。泳道的交互形式主要是:水平滑动(展示单条泳道里面更多的内容)、垂直滑动(展示更多泳道)、点击(进入泳道的下一层级)泳道需要注意的是,不能设置为自动滚动。在进行排版时,将泳道内的最后一个内容露出部分,引导用户进行水平滑动,垂直布局上也应该如此,减少用户的迷茫。使用泳道是要谨慎使用的,因为后面被隐藏的内容是不容易被发现的,所以使用泳道的时候要考虑到优先级的问题。

常用的APP导航布局有哪几种应该怎么设计

8、堆叠组合在非游戏类移动应用中,堆叠组合是最多使用的app框架模式。堆叠是常以列表、网格的形式存在,顶端或底端会有一个控制导航或访问功能的条栏。app中一种导航模式基本很难满足业务和使用需求,都是多个形式组合在一块,展示更丰富的内容。如下图,汽车之家首页采用了轮显、泳道、底部导航、顶部导航;淘宝也采用了轮显、网格、底部导航。

常用的APP导航布局有哪几种应该怎么设计
  • Win10电脑系统打字时怎么启用英文拼写自动纠错
  • php如何创建一个带颜色的背景图
  • 百度敏感操作保护设置怎么开启?
  • Photoshop中的色阶的调整三(图片色彩)
  • 基于MM440的恒压供水系统
  • 热门搜索
    徒步旅游 白石山旅游攻略 旅游度假村 旅游券 11月份适合去哪里旅游 成都到云南旅游团 芭提雅旅游 亚丁稻城旅游攻略 深圳市旅游 旅游黄金周