標籤導航是十大界面框架設計裏最常用的界面框架設計，也是被業界之內公認的一種普遍使用的頁面框架設計。那麼這種頁面框架設計在作業方面對一個用戶來說也是最常見的一種頁面框架設計，比如說微博、微信、手機百度、支付寶、淘寶，這些我們所謂的超級APP都是運用的標籤導航，無一例外。
從這個角度也可以看出來，優秀的產品用標籤導航這種頁面框架設計是非常普及的。標籤導航位於頁面底部，標籤的分類最好可以控制在5個之內。
使用這種框架的優點在於：
1.標籤導航能夠讓用戶清楚當前所在的入口位置。比如對於微信來說，無論用戶在“發現”還是“對話框”裏面，用戶都能通過底部的高亮區域來劃分當前所處的這個產品結構的區域。無論是當前位置的判斷，還是要找這個入口，都比較方便，比如對於微信來說，很容易都過標籤導航找到“朋友圈”。
2.輕鬆在各入口間頻繁跳轉且不會迷失方向。比如對於微信來說，微信團隊不僅希望我們拿微信來聊天，還希望我們拿微信來逛朋友圈、購物、支付、滴滴打車等等，那麼如果能夠讓用戶在不同的入口間實現頻繁的跳轉，那這時用標籤導航是最合適不過的。
3.直接展現最重要入口的內容信息。這有兩層意思，第一層就是它能展示出來最重要的入口，比如拿微信來說有那麼多的重要入口，顯然“微信對話框”最重要，那麼他們默認的把微信對話框作爲主入口。同樣微博最重要的是首頁，所以默認把微博首頁作爲最主要的入口。其次，入口不僅可以展示，入口裏面的信息也可以展示。
但是這種模式的缺點也是存在的：
功能入口過多時，該模式顯得笨重不實用。怎麼理解“功能模塊過多”，比如說現在標籤導航，一般情況下功能入口控制在5個以內，我們也會遇到6個的情況，但那種產品一般來說比較複雜，最少會是3個，最多5到6個。如果過多的話，標籤導航會彈不開，那這種模式就失效了。過多不行，過少也不太方便，如果說就一個Tab、兩個Tab，那麼標籤導航下面就會顯得特別的空，也不太好看，所以這個時候我們就會知道標籤導航的適用範圍最好在3至5 個之間，並且這幾個功能希望用戶能夠頻繁的去操作。
好了，理論知識就普及到這邊，下一篇我就來說說如何用代碼來具體實現”標籤導航”，效果如下：
好了。祝大家生活愉快。多多收穫友誼和愛情。如果想獲取更多的訊息，請掃描下方二維碼關注我的微信公衆號：
