loading请求处理中...

手机网页的几种导航栏布局设计盘点

2021-12-01 21:40:03 阅读 10933次 标签: 网页设计素材asp动态网页设计 作者: 蓝blue

  我们观察各种手机网页,你会发现他们的导航栏是不一样的。的确,手机网页的导航栏布局设计的确是有好几种。不同的手机导航栏布局设计强调的重点内容也是不一样的。端看你想要强调什么内容。一品威客网提供专业的导航栏布局设计服务,找导航栏布局设计服务。就上一品威客网。

导航栏布局设计

  1、标签式

  标签式导航是ios平台上公认的最经典的导航模式,看市场上几乎有80%的应用都在使用就能知道。标签式导航关注的是平行空间的展示,它的优点是适用于多个内容体系,且重要程度相似(平级关系),能频繁在不同页面间切换,切换成本底,只需一次点击;缺点是占用一定高度空间,且标签数量有限,最多5个标签。

  二、抽屉式

  抽屉式导航的目的是带给用户更为沉浸的体验。它的特点是,“阅读”为王,点击切换少,专注于主体信息本身。从表现形态来看,抽屉导航很符合产品的二八法则,即产品中只有20%的功能常用,所以要突显,剩下的80%不常用,因此隐藏。它不像标签导航一样强调平级关系的切换,而是突出重要且核心的功能。抽屉导航的另一些优点是,侧边导航收纳的导航标签可以是5个以上,节省屏幕空间。缺点是无法快速完成导航切换,操作成本高。

  三、选项卡式

  分段选项卡:是由两个或两个以上宽度相同的分段组成,正常情况下不超过4个,视觉上会有一个很明显的描边按钮。分段选项卡经常会作为二级导航,对主导航内容再次分类,可以在顶部导航栏的下方,也可以直接放在导航栏上,如下图所示。标签之间互相关联,只能点击切换,操作效率较低。

  四、下拉菜单式

  现如今,下拉菜单式导航并不常用。下拉菜单和导航抽屉一样,是以突出内容为主的导航模式,一般位于产品顶部,通过点击呼出导航菜单。由于导航菜单位于屏幕顶部,不适合结合手势,操作负荷大,因此不适合需要频繁切换功能,且能在一定程度上节省屏幕空间。一般情况下,下拉菜单很容易被滑动选项卡取代,且滑动选项卡可以结合手势操作,使用效率更高,这也是现在下拉菜单很少被使用的原因,除非你的下拉菜单选项中有很明显的优先级区分。

  五、宫格式

  宫格式导航,是一种类似于手机桌面各个应用入口的导航方式。每个入口往往是比较独立的信息内容,用户进入一个入口后,只处理与此入口相关的内容,如果要跳转至其他入口,必须要先回到入口总界面。这种导航经常用于工具类app中,它的优点是功能拓展性强,可增加多个入口。缺点是单页承载信息能力弱,层级深,不适合频繁任务切换。

  以上就是手机网页的几种导航栏布局设计盘点的介绍。如果你想找导航栏布局设计服务,或者想要了解更多导航栏布局设计资讯,就上一品威客网。一品威客网汇集全国千万优秀专业人才,提供最全面、最专业的导航栏布局设计服务。

APP界面设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
APP界面设计相关任务
DESIGN TASK 更多
求购网页版电商直播系统

¥20000 已有2人投标

网页开发

¥6800 已有4人投标

网页版软件开发一期款

¥5000 已有1人投标

网页播放m3u开发

¥10000 已有2人投标

网页程序

¥600 已有1人投标