導(dǎo)航是網(wǎng)站信息層級(jí)的的框架,網(wǎng)站的所有信息層包含在導(dǎo)航中,是引導(dǎo)用戶了解網(wǎng)站的重要工具,特別是對(duì)手機(jī)網(wǎng)站來(lái)說(shuō),用戶的導(dǎo)航使用率是很高,選擇一個(gè)合理的導(dǎo)航模式對(duì)手機(jī)網(wǎng)站來(lái)說(shuō)是很重要的。本文就來(lái)聊聊手機(jī)網(wǎng)站制作常用的導(dǎo)航設(shè)計(jì)模式。

一、平鋪式導(dǎo)航
平鋪式導(dǎo)航,這種導(dǎo)航設(shè)計(jì)模式就是在首頁(yè)明確羅列出來(lái),一般設(shè)置在網(wǎng)站Banner下面,用戶也能一眼就注意到,通過(guò)導(dǎo)航上的文本標(biāo)簽,用戶也能大致了解手機(jī)網(wǎng)站的層級(jí)信息。
這種模式一般有兩種,一種是桌面式導(dǎo)航,導(dǎo)航圖標(biāo)類似于桌面布局,每個(gè)欄目占據(jù)一個(gè)色塊,色塊里簡(jiǎn)單的圖標(biāo)加上欄目標(biāo)簽,這種模式布局清晰,且色塊大,欄目圖標(biāo)文本的可讀性強(qiáng),適用于導(dǎo)航欄目少的手機(jī)網(wǎng)站。
另一種是標(biāo)簽式/選項(xiàng)卡式導(dǎo)航,主導(dǎo)航層級(jí)頁(yè)面頂部或底部,這種導(dǎo)航欄有單純的文本式導(dǎo)航欄目,也有圖標(biāo)與文本結(jié)合的導(dǎo)航欄目,手機(jī)網(wǎng)站制作這種導(dǎo)航欄模式,最好能懸浮導(dǎo)航欄在頂部或底部位置,方便用戶進(jìn)入不同的板塊。
二、隱藏式導(dǎo)航
隱藏式導(dǎo)航類似于我們常說(shuō)的漢堡菜單欄,把導(dǎo)航欄隱藏在小圖標(biāo)或是某一列表中,通過(guò)點(diǎn)擊觸發(fā)欄目跳出。這種導(dǎo)航設(shè)計(jì)模式能節(jié)省頁(yè)面空間,讓頁(yè)面得到充分的利用。
這種網(wǎng)站導(dǎo)航設(shè)計(jì)有兩種,一種是側(cè)邊是導(dǎo)航,也叫抽屜式導(dǎo)航,這種隱藏的圖標(biāo)很小,一般懸浮在在頁(yè)面左上面,觸發(fā)后,欄目頁(yè)面?zhèn)让嫣觥?/p>
還有一種是列表下拉式,即點(diǎn)擊列表跳出欄目。
網(wǎng)站導(dǎo)航設(shè)計(jì)模式的選用要根據(jù)手機(jī)網(wǎng)站制作的內(nèi)容來(lái)設(shè)計(jì),也可以將以上兩種模式相結(jié)合,合適的才是用戶需要的。