手機商城網站的底部導航欄該如何設計？

手機網站建設中，為了有效利用空間，又可以較大限度地展示網站的內容分類，很多網站都以摒棄漢堡導航欄的做法，使用底部標簽導航欄的設計，這樣的設計把網站內容的具體分類直觀地呈現給用戶，也會促使用戶瀏覽更多的內容。但是，這種小小的底部標簽導航欄的設計，也包含著很多大學問。不妨隨著小編來仔細瞧瞧：

　　一、排版設計

　　手機網站建設使用底部標簽導航欄，首先在數量上要控制好，一般來說，按照移動屏幕的尺寸合理劃分，欄目的數量在5個以內是比較合理的，這樣的劃分使得標簽大小既能清晰可見，又不會占用過多的屏幕。

　　另一方面，站長一定要提前規劃好網站內容的層級劃分，在網站建設時，按照欄目內容的重要程度從左到右依次排序。

　　二、圖標的設計

　　欄目使用圖標加文本的形式展現，主要是為了讓用戶領悟標簽欄的含義，也是便利之后在欄目中添加微交互設計。圖標是依據標簽的含義來設計的，有些標簽是很多網站都有使用的，并且用戶比較熟悉的，比如首頁、個人中心等，這些標簽可以沿用用戶熟悉的圖標，不需要另外設計。

　　但是有一點很重要，手機網站的圖標設計風格一定要統一，不管是在線條的處理上，還是在色彩的填充上等，都要使用統一設計手法，給用戶統一視覺體驗。

　　三、交互設計

　　欄目添加適當的微交互設計是必要的，在統一的圖標設計中，細微的微交互改變，就足以令用戶知道自己所處的標簽頁面是哪個。

　　但是，欄目的交互設計變化還是要更明顯一點，防止粗心的用戶定位不了當前的位置。

　　底部標簽導航欄的設計在手機網站建設中已經很常見，但是細節的打磨還是很有必要的。因為用戶使用導航欄也是比較頻繁的，用戶對于其中的變化也能準確捕捉，一個具有良好體驗與個性化的底部標簽導航欄，也能讓手機網站的辨識度提升。