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

发布时间:2024-06-14 点击:60
导航是网站信息层级的的框架,网站的所有信息层包含在导航中,是引导用户了解网站的重要工具,特别是对手机网站来说,用户的导航使用率是很高,选择一个合理的导航模式对手机网站来说是很重要的。本文就来聊聊手机网站制作常用的导航设计模式。
一、平铺式导航
平铺式导航,这种导航设计模式就是在首页明确罗列出来,一般设置在网站banner下面,用户也能一眼就注意到,通过导航上的文本标签,用户也能大致了解手机网站的层级信息。
这种模式一般有两种,一种是桌面式导航,导航图标类似于桌面布局,每个栏目占据一个色块,色块里简单的图标加上栏目标签,这种模式布局清晰,且色块大,栏目图标文本的可读性强,适用于导航栏目少的手机网站。
另一种是标签式/选项卡式导航,主导航层级页面顶部或底部,这种导航栏有单纯的文本式导航栏目,也有图标与文本结合的导航栏目,手机网站制作这种导航栏模式,最好能悬浮导航栏在顶部或底部位置,方便用户进入不同的板块。
二、隐藏式导航
隐藏式导航类似于我们常说的汉堡菜单栏,把导航栏隐藏在小图标或是某一列表中,通过点击触发栏目跳出。这种导航设计模式能节省页面空间,让页面得到充分的利用。
这种网站导航设计有两种,一种是侧边是导航,也叫抽屉式导航,这种隐藏的图标很小,一般悬浮在在页面左上面,触发后,栏目页面侧面跳出。
还有一种是列表下拉式,即点击列表跳出栏目。
网站导航设计模式的选用要根据手机网站制作的内容来设计,也可以将以上两种模式相结合,合适的才是用户需要的。


网站上线后如何维护呢
SEO优化中最常见的13个错误(避免这些错误,让你的网站排名更上一层楼)
seo搜索引擎优化技术(网站seo基本优化原则)
网站被镜像对SEO的影响以及如何处理
怎样通过自助建站搭建多语言版本网站
大家都在用的自助建站系统了解下
建设网站该怎样提升网站的气质
网站建设如何从细微处体现品牌性