手機(jī)網(wǎng)站建設(shè)中，為了有效利用空間，又可以較大限度地展示網(wǎng)站的內(nèi)容分類，很多網(wǎng)站都以摒棄漢堡導(dǎo)航欄的做法，使用底部標(biāo)簽導(dǎo)航欄的設(shè)計(jì)，這樣的設(shè)計(jì)把網(wǎng)站內(nèi)容的具體分類直觀地呈現(xiàn)給用戶，也會(huì)促使用戶瀏覽更多的內(nèi)容。但是，這種小小的底部標(biāo)簽導(dǎo)航欄的設(shè)計(jì)，也包含著很多大學(xué)問。不妨隨著小編來(lái)仔細(xì)瞧瞧：

　　一、欄目排版設(shè)計(jì)

　　手機(jī)網(wǎng)站建設(shè)使用底部標(biāo)簽導(dǎo)航欄，首先在數(shù)量上要控制好，一般來(lái)說(shuō)，按照移動(dòng)屏幕的尺寸合理劃分，欄目的數(shù)量在5個(gè)以內(nèi)是比較合理的，這樣的劃分使得標(biāo)簽大小既能清晰可見，又不會(huì)占用過(guò)多的屏幕。

　　另一方面，站長(zhǎng)一定要提前規(guī)劃好網(wǎng)站內(nèi)容的層級(jí)劃分，在網(wǎng)站建設(shè)時(shí)，按照欄目?jī)?nèi)容的重要程度從左到右依次排序。

　　二、欄目圖標(biāo)的設(shè)計(jì)

　　欄目使用圖標(biāo)加文本的形式展現(xiàn)，主要是為了讓用戶領(lǐng)悟標(biāo)簽欄的含義，也是便利之后在欄目中添加微交互設(shè)計(jì)。圖標(biāo)是依據(jù)標(biāo)簽的含義來(lái)設(shè)計(jì)的，有些標(biāo)簽是很多網(wǎng)站都有使用的，并且用戶比較熟悉的，比如首頁(yè)、個(gè)人中心等，這些標(biāo)簽可以沿用用戶熟悉的圖標(biāo)，不需要另外設(shè)計(jì)。

　　但是有一點(diǎn)很重要，手機(jī)網(wǎng)站的圖標(biāo)設(shè)計(jì)風(fēng)格一定要統(tǒng)一，不管是在線條的處理上，還是在色彩的填充上等，都要使用統(tǒng)一設(shè)計(jì)手法，給用戶統(tǒng)一視覺體驗(yàn)。

　　三、欄目的交互設(shè)計(jì)

　　欄目添加適當(dāng)?shù)奈⒔换ピO(shè)計(jì)是必要的，在統(tǒng)一的圖標(biāo)設(shè)計(jì)中，細(xì)微的微交互改變，就足以令用戶知道自己所處的標(biāo)簽頁(yè)面是哪個(gè)。

　　但是，欄目的交互設(shè)計(jì)變化還是要更明顯一點(diǎn)，防止粗心的用戶定位不了當(dāng)前的位置。

　　底部標(biāo)簽導(dǎo)航欄的設(shè)計(jì)在手機(jī)網(wǎng)站建設(shè)中已經(jīng)很常見，但是細(xì)節(jié)的打磨還是很有必要的。因?yàn)橛脩羰褂脤?dǎo)航欄也是比較頻繁的，用戶對(duì)于其中的變化也能準(zhǔn)確捕捉，一個(gè)具有良好體驗(yàn)與個(gè)性化的底部標(biāo)簽導(dǎo)航欄，也能讓手機(jī)網(wǎng)站的辨識(shí)度提升。