服务热线:

021-51085186

021-51085186
2016-01-19

如何设计出优秀的移动端导航?

您现在的位置:首页 » 文章中心 » 常见问题

     我们每天上下班路途中都会玩手机,休息时也会玩IPAD,工作时也会使用手机,手机这种移动端产品已经深深植入到我们的生活与工作中了,所以上海做网站的公司现在更加关注移动端网站建设。导航,作为移动端网站最不可缺少的一部分,如何更好地设计?

1、抽屉式导航,也叫隐喻式导航,我们常玩手机QQ就可以发现,一些导航是隐藏起来了,这种就是抽屉式导航。将一些信息功能都隐藏起来了,这样整体页面设计更加美观简洁大方。很好地解决了信息太多,导致页面杂乱问题。但是这种导航设计有两个缺点:

(1)抽屉栏为页面带来干净的设计的同时,也让用户忽视隐藏的信息,既然你第一眼看不到这些入口,那么你也就会时常忘记它们在哪儿。

(2)现在的手机屏幕越来越大,导致单手持握时,一些抽屉式导航处于操作盲区,难以点击。

2、标签式导航,也叫tab式导航,经常可以在移动端见到。通常这种导航分为三种导航:底部tab式导航、顶部tab式导航、底部tab式导航的扩展形式,这三种导航应用很广泛,例如QQ、微信、淘宝、微博、美团、京东等全部都在使用这种标签式导航。如果你的应用需要用户频繁的在不同分页切换,可以采用这种导航。它的缺点是会占用一定高度的空间。

3、舵式导航,是一种标签导航的变体,顾名思义,就是它的样式很像轮船上用来指挥的船舵,两侧是其他操作按钮。当页面有处于同一层级的几大部分内容,同时又需要一个非常重要且频繁操作的入口,就可以采用这种导航模式。

4、宫格式导航,例如九宫格导航。我们每天都能见到这种导航,例如我们自己的手机桌面,上面有很多APP,这种排列就是宫格式导航。这种宫格导航是将主要入口全部聚合在页面,让用户做出选择。采用这种导航的应用已经越来越少,往往用在二级页作为内容列表的一种图形化形式呈现,或是作为一系列工具入口的聚合。

5、列表式导航,是不得不提到的导航设计之一,这种导航结构清晰,易于理解,冷静高效,能够帮助用户快速的定位去到对应的页面。列表项目可以通过间距、标题等进行分组,形成扩展列表。列表式导航就是最必不可少的一种信息承载模式。

6、平铺式导航,和列表式导航相对应的一种导航模式,和现在流行的扁平化网页设计风格一样,提倡简洁大气。这种导航方式很容易带来高大上的视觉体验,最大程度的保证了页面的简洁性和内容的完整性,且一般都会结合滑动切换的手势,操作起来也非常方便。

因为时代在进步,流行也在不断地变化,所以做网站的公司在建设移动端导航设计也会每年都不一样,未来也会有更加新颖的导航设计!