底部標簽欄導航在 UI 表現層方面也是千奇百態，除了常規的置底形式，設計師也發散了更多新穎的表現。突破現有規范的束縛，不被固有化思維所限制，才能不斷的進行設計創新。

1. 最穩定的常規設計形式

      底部標簽欄導航最常見的設計形式依然是置于底部的常規形式，通常是 3-5 個功能模塊為主，其中 5 個功能模塊是較為常見的。形成差異化的是在圖標設計上面進行發揮，難度較大的設計是結合品牌基因或者特征性元素表達，也有一些是純文字的設計形式。

      除了圖標上面進行發揮以外，也有一些會在背景上面進行裝飾，體現產品差異化。不過最常見的依然還是單色為主，或者根據模塊的需求在切換的過程中選擇使用不同的背景體現。雖然是最常規的導航模式，但是設計師依然可以在布局形式、圖標風格、配色關系、背景裝飾等方面進行發揮。

2. 動靜結合的微動效表現

      微動效在產品設計中的運用逐漸變得頻繁，相較于靜態的表現更能引起用戶的關注度，也能帶來趣味性和互動性。在底部標簽欄導航中的圖標設計上面，默認的采用靜態展示，而點擊狀態以動效的形式進行演變過渡也是非常常見的設計處理。

      在進行動效設計的時候，可以采用整個圖標位移形成動效，這是最簡單的動效表現，通常是上下彈跳位移。比較復雜的是圖標本身的結構動效，這也是圖標動效轉換比較連貫的形式。

3. 突出規范框架的束縛表現

      雖然大部分產品設計都會優先采用官方的設計規范，但是為了突出設計的差異化，也會進行一些突出規范框架的設計。在保持原有不變的導航設計中，我們可以針對局部功能模塊進行突出表現（比如舵式導航），也可以將點擊狀態進行突出表現。

4. 懸浮層增強空間感

      一些產品為了增強界面結構的空間感，針對底部標簽欄導航設計采用懸浮層的設計來進行表現，使得界面的通透性和呼吸感更強。這種設計形式依然保留了原本的結構，只是預留了左右和底部的間距，也有一些產品結合交互動效的形式表達，滑動過程中采用隱藏部分功能，增加瀏覽過程的內容輸出面積。

      注：尊重原創文章,轉載請注明出處和鏈接 http://www.dedgn.cn/news-id-14253.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們，了解更多相關資訊請關注UI設計頻道查看更多，了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050