我们观察各种手机网页,你会发现他们的导航栏是不一样的。的确,手机网页的导航栏布局设计的确是有好几种。不同的手机导航栏布局设计强调的重点内容也是不一样的。端看你想要强调什么内容。一品威客网提供专业的导航栏布局设计服务,找导航栏布局设计服务。就上一品威客网。
1、标签式
标签式导航是ios平台上公认的最经典的导航模式,看市场上几乎有80%的应用都在使用就能知道。标签式导航关注的是平行空间的展示,它的优点是适用于多个内容体系,且重要程度相似(平级关系),能频繁在不同页面间切换,切换成本底,只需一次点击;缺点是占用一定高度空间,且标签数量有限,最多5个标签。
二、抽屉式
抽屉式导航的目的是带给用户更为沉浸的体验。它的特点是,“阅读”为王,点击切换少,专注于主体信息本身。从表现形态来看,抽屉导航很符合产品的二八法则,即产品中只有20%的功能常用,所以要突显,剩下的80%不常用,因此隐藏。它不像标签导航一样强调平级关系的切换,而是突出重要且核心的功能。抽屉导航的另一些优点是,侧边导航收纳的导航标签可以是5个以上,节省屏幕空间。缺点是无法快速完成导航切换,操作成本高。
三、选项卡式
分段选项卡:是由两个或两个以上宽度相同的分段组成,正常情况下不超过4个,视觉上会有一个很明显的描边按钮。分段选项卡经常会作为二级导航,对主导航内容再次分类,可以在顶部导航栏的下方,也可以直接放在导航栏上,如下图所示。标签之间互相关联,只能点击切换,操作效率较低。
四、下拉菜单式
现如今,下拉菜单式导航并不常用。下拉菜单和导航抽屉一样,是以突出内容为主的导航模式,一般位于产品顶部,通过点击呼出导航菜单。由于导航菜单位于屏幕顶部,不适合结合手势,操作负荷大,因此不适合需要频繁切换功能,且能在一定程度上节省屏幕空间。一般情况下,下拉菜单很容易被滑动选项卡取代,且滑动选项卡可以结合手势操作,使用效率更高,这也是现在下拉菜单很少被使用的原因,除非你的下拉菜单选项中有很明显的优先级区分。
五、宫格式
宫格式导航,是一种类似于手机桌面各个应用入口的导航方式。每个入口往往是比较独立的信息内容,用户进入一个入口后,只处理与此入口相关的内容,如果要跳转至其他入口,必须要先回到入口总界面。这种导航经常用于工具类app中,它的优点是功能拓展性强,可增加多个入口。缺点是单页承载信息能力弱,层级深,不适合频繁任务切换。
以上就是手机网页的几种导航栏布局设计盘点的介绍。如果你想找导航栏布局设计服务,或者想要了解更多导航栏布局设计资讯,就上一品威客网。一品威客网汇集全国千万优秀专业人才,提供最全面、最专业的导航栏布局设计服务。
交易额: 128.29万元
无 |广东省 |深圳市 |南山区
交易额: 108.18万元
无 |浙江省 |温州市 |瓯海区
交易额: 96.87万元
工作室 |广东省 |东莞市 |东莞市
交易额: 83.31万元
公司 |广东省 |广州市 |天河区
成为一品威客服务商,百万订单等您来有奖注册中
价格是多少?怎样找到合适的人才?
¥3000 已有6人投标
¥20000 已有2人投标
¥6800 已有4人投标
¥5000 已有1人投标
¥1000 已有1人投标
¥10000 已有2人投标
¥750 已有1人投标
¥600 已有1人投标