由淺入深介紹一些關於移動端開發設計產品相關的內容。一來鞏固自己學到的知識與經驗，二來給大家相互討論學習共同進步，三來分享讓初學者有個更系統的認識。本系列文章分享僅適用於一二年級的設計同學以及產品同學。
1、狀態欄（Status Bars）
狀態欄，位於手機頂部，主要用於顯示手機信息狀態，常用的有運營商、網絡狀態、時間、電池電量等等，示各家系統而定。值得注意的是安卓系統還會顯示後臺運行程序的圖標。由於沉浸式體驗的加入，iOS系統的狀態欄可以根據app當前頁面的延伸更改背景色或者選擇去掉。而安卓系統由於各家廠商定製深度的不一樣會有所不同，就原生系統而言，6.0以上的系統纔可以實現和iOS一樣的沉浸式體驗。狀態欄必要時可以隱藏，比如放大看圖片、看視頻等
2、導航欄（Navigation Bars）
導航欄，iOS的導航欄位於狀態欄下方，可顯示當前頁面的標題。當顯示新頁面時，導航欄左側會出現一個帶上屏幕標題的返回按鈕，有時右側還會出現內容空間，比如編輯、完成等等。iOS的導航欄背景是半透明的，都可以調節背景色，必要的時候還可以隱藏。比如全屏情況下看視頻、看圖片甚至微信的朋友圈其實都隱藏了導航欄。安卓的導航欄在屏幕的底部跟iOS有根本上的區別，三個操作按鈕分爲返回、回到桌面以及打開後臺中心。而與iOS相同的“導航欄”稱爲標題欄。
3、搜索欄（Search Bars）
搜索欄，可以單獨存在也可以存在與導航欄的右側進行全局或者局部的搜索，iOS更傾向於前者而安卓更多是位於導航欄的右側，可根據使用場景的不同靈活調整，需要注意的是，iOS搜索欄默認用文字“取消”來取消操作並且以模態的形式進行搜索，而安卓常用“向左箭頭”表示取消搜索，新建頁面進行搜索。
4、標籤欄（Tab Bars）
標籤欄，位於應用屏幕的底部，提供應用不同模塊之間快速切換的能力。iOS的標籤欄一般3-5個標籤，背景爲半透明，可以有背景色必要的時候需要隱藏比如喚起鍵盤時，每個標籤一般爲圖標+文本。根據MD（Material Desigh）風格安卓標籤欄一般在標題欄下方，但由於現大多數開發都習慣把安卓“iOS”風格化，所以同樣的安卓的標籤欄也跟iOS一樣常用於屏幕底部。
5、工具欄（Tool Bars）
工具欄，位於屏幕底部。其中包含用於執行與當前視圖或其中的內容相關的操作的按鈕。只有iOS纔會有工具欄的概念。工具欄背景半透明可以有背景色彩，必要的時候需要隱藏。例如Safari瀏覽器向下滑動時隱藏工具欄以及喚起鍵盤時需要隱藏工具欄。
這些都是常規的佈局分佈，是設計規範是基礎。我們需要立於基礎但不能受限於此，大膽創新纔是立命之本。很多優秀的設計都是在此佈局的基層上增刪改，同時也要考慮所在開發團隊的能力，項目進度安排時間安排。根據用戶羣體的特點、使用習慣進行設計。當自己還沒有跟好的創意時多參考下優秀的作品。