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

　　一、平铺式导航

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

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

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

　　二、隐藏式导航

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

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

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

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