学习
实践
活动
专区
工具
TVP
写文章

移动端设计模式-导航栏

导航就像书的目录一样,它会讲哪些内容,以及这些内容又是怎样排布的,导航可以让你在页面中不迷路,告诉用户当前处于什么位置

没有完美的导航,只有合适的导航。根据具体的场景与需求,选择最合适的导航形式,是设计师需要去考虑的

一./ 标签式导航 /

(分为底部标签式、舵式导航、顶部标签式导航)

底部标签导航是iOS页面布局中比较推崇的一种导航方式。而顶部标签式导航是安卓常用的导航模式

1.1 / 底部导航栏 /

这是最常用的一种导航形式,底部导航栏位于页面底部,操作方便

使用场景:

用户在使用时,可快速切换功能模块

一般应用于有多个重要程度相当的内容体系的app中

1. 简单高效,操作方便

入口扁平化,主功能明确,用户快速了解产品,功能间可快速切换,用户在使用的过程中不会迷失方向,且简单清晰,层级明确

2. 更好的用户体验

符合拇指热区操作习惯,导航控件大,用户可单手、双手快速操作,能够轻松进行点击操作,进行功能间的快速切换

劣势:

1. 功能不能过多:一般在3-5个,不多于6个

2. 占用一定屏幕尺寸

标签导航占用了屏幕下方不少的位置,所以有些App就不适合用标签导航,比如阅读类的App。先不说一屏内少了很多字展示,用户也很容易误操作

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190909A09AFW00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

关注

腾讯云开发者公众号
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
腾讯云开发者公众号二维码

扫码关注腾讯云开发者

领取腾讯云代金券