手机网站常用的2种导航设计模式

分享到:

  导航是网站信息层级的的框架,网站的所有信息层包含在导航中,是引导用户了解网站的重要工具,特别是对手机网站来说,用户的导航使用率是很高,选择一个合理的导航模式对手机网站来说是很重要的。本文就来聊聊手机网站制作常用的导航设计模式。

手机网站导航栏设计


  一、平铺式导航


  平铺式导航,这种导航设计模式就是在首页明确罗列出来,一般设置在网站Banner下面,用户也能一眼就注意到,通过导航上的文本标签,用户也能大致了解手机网站的层级信息。


  这种模式一般有两种,一种是桌面式导航,导航图标类似于桌面布局,每个栏目占据一个色块,色块里简单的图标加上栏目标签,这种模式布局清晰,且色块大,栏目图标文本的可读性强,适用于导航栏目少的手机网站。


  另一种是标签式/选项卡式导航,主导航层级页面顶部或底部,这种导航栏有单纯的文本式导航栏目,也有图标与文本结合的导航栏目,手机网站制作这种导航栏模式,较好能悬浮导航栏在顶部或底部位置,方便用户进入不同的板块。


  二、隐藏式导航


  隐藏式导航类似于我们常说的汉堡菜单栏,把导航栏隐藏在小图标或是某一列表中,通过点击触发栏目跳出。这种导航设计模式能节省页面空间,让页面得到充分的利用。


  这种网站导航设计有两种,一种是侧边是导航,也叫抽屉式导航,这种隐藏的图标很小,一般悬浮在在页面左上面,触发后,栏目页面侧面跳出。


  还有一种是列表下拉式,即点击列表跳出栏目。


  网站导航设计模式的选用要根据手机网站制作的内容来设计,也可以将以上两种模式相结合,合适的才是用户需要的。

以上内容仍未解决您的问题?