app导航栏设计方式大总结(上篇)

2016-12-6 分享达人 设计理念

如果您想订阅本博客内容,每天自动发到您的邮箱中,请点这里 

手机app已经成为人们日常生活中离不开的一个工具,各式各样的app可以说也是融入了设计师大量的心血。那么今天我们就来聊一聊手机app导航栏设计的一些方法方式以供参考。
(1)tabbar导航。Tabbar导航主要用于二级页,本质和标签导航相同,当应用层级较多的情况下,可以采用tab导航,典型场景是用于改变的当前的视图,或对当前页面内容进行分类查看。Tabbar的优点很明显,用户完成切换的成本很低,只需要一次点击操作,而放在屏幕底部对主体内容的视觉冲击可以说是最小的,这样用户就不会在浏览主体内容时受到过多的干扰。
(2)App混合组合导航。当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面时,就可以采用组合导航。组合导航上方用宫格的形式展现快捷入口,与标签导航不同的是,这些宫格入口之间不需要是平级的关系,也不必包含整个层级的内容,你可以将它理解为一种图形化的文字链。
(3)App标签导航。标签导航位于页面底部,通常包含5个标签是比较合适的数量,这种导航是非常常见的,如果你的应用需要用户频繁的在不同分页切换,可以采用这种导航,如微信最新版的APP界面设计图。不过,它的缺点是会占用一定高度的空间。
(4)底部菜单导航。使用底部菜单导航的APP,相对来说,都是一些功能菜单比较少的APP应用,因为底部空间位置有限,只能主要列出应用程序重要的功能。
(5)App宫格导航。这种宫格导航是将主要入口全部聚合在页面,让用户做出选择。这样的组织方式无法让用户在第一时间看到内容,选择压力较大,采用这种导航的应用已经越来越少,往往用在二级页作为内容列表的一种图形化形式呈现,或是作为一系列工具入口的聚合。 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计  cs界面设计  ipad界面设计 包装设计 图标定制 用户体验 、交互设计、网站建设平面设计服务 

 

标签: app导航栏设计方式大总结


Powered by emlog 京ICP备12006971号-1 sitemap