Tab Bar 應該要一直固定在界面下嗎？

作者：Hindy

原文地址：http://zhuanlan.zhihu.com/uicircle/20288490

轉載無限歡迎，但請註明「作者」和「原文地址」。轉載請在文中保留此段，感謝您對作者版權的尊重。如需商業轉載或刊登，請聯繫作者獲得授權。

原問題：為什麼中國很多app都不固定下面的tab（點到下一級頁面就消失了）？

要解決這個問題我想應該先解決下面兩個問題，可能也是大家真正關心的。

1. 正確的 Tab Bar 應該要固定在下面嗎？

2. Tab Bar 是固定在下面好還是不固定的好？

首先可以肯定地說，Tab Bar 是應該要固定在下面的。蘋果官方的設計規範中就對 Tab Bar 有過這樣的描述：

Always appears at the bottom edge of the screen

（總是出現在屏幕底部）

詳見 iOS Human Interface Guideline

（2015-04-08 更新版本）

這樣設計最主要的好處是：

1. 即便從某一類進入更深的頁面，也可快速切換到其他類（方便瀏覽、切換任務）；

2. 進入某類的深頁面，再次點擊該類的圖標，能直接回到該類主頁（而不需要一層一層返回，簡化流程）。

但唯一比較尷尬的就是這種情況：

Tab Bar 和 Tool Bar 同時出現，雖然操作上沒有問題，但總覺得有點強♂硬。

（這裡其實是可以優化的，但 Twitter 選擇強硬的放上來也可以理解。）

那麼不固定在下面呢，有什麼好處嗎？就產品設計而言，去掉 Tab Bar 還是有好處的。它可以一次展現更多內容（對小屏幕手機這點作用會更顯著）。它還可以令人更專註於當前頁面的內容（這點在閱讀長文、看某一張照片等情境下尤其重要）。

但我主要想說的是，國內的很多廠商似乎從沒考慮過要將 Tab Bar 固定在下面。甚至不是如 瑜公瑾 所說，因為是平台、入口而不將 Tab Bar 固定，而是【根】【本】【沒】【想】【過】這個問題。單純只是大家都這麼做，我就這麼做了。

總結，Tab Bar 應該要固定，並且相較而言就是固定了比較好用。（閱讀類、工具類等部分頁面除外，請參考上文描述）

我在此願望各位設計師遵循 iOS 設計規範中所提的，將 Tab Bar 固定在下方，做好設計優化並做出更好用的產品。願望從每一位設計師自己開始，從這一個小點開始，讓國內的設計與國外優秀的設計間的差距更近！更近！

感謝閱讀。

我還開了同名微信公眾號「UIcircle」，會同步推送文章，歡迎關注哦