• 首页   >   新闻动态   >   建站知识   >   手机网站常用的2种导航设计模式
  • 手机网站常用的2种导航设计模式

    2019-03-15 20:08:00

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

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


      一、平铺式导航


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


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


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


      二、隐藏式导航


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


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


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


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

    联系我们

    声明:如有侵权请联系管理员删除,转载请标明出处链接: https://www.dianaitong.com/show-31642.html

公众号

关注公众号

微信咨询

售前咨询

咨询热线

咨询热线

1588-022-8825