一、欄
1、狀態(tài)欄
狀態(tài)欄：展示了設(shè)備及其周圍環(huán)境的重要信息
（1）狀態(tài)欄是透明的
（2）避免滾動內(nèi)容直接透過狀態(tài)欄
2、導(dǎo)航欄
導(dǎo)航欄能夠?qū)崿F(xiàn)應(yīng)用不同信息層級間的導(dǎo)航
（1）避免過多的控件填滿你的導(dǎo)航欄
（2）確保你自定義的導(dǎo)航欄在你的應(yīng)用的每個視圖中都有一致的外觀與體驗
3、工具欄
工具欄中放置用戶在當(dāng)前情境下最常用的指令
（1）盡量避免在工具欄中放置偶爾用到的指令
（2）工具欄中的所有指令和操作是針對當(dāng)前屏幕和視圖的
幾種常見的工具欄形式：
工具欄常用在以下幾種情景中：
（1）內(nèi)容詳情頁中，放置針對當(dāng)前內(nèi)容的操作按鈕
（2）圖文編輯頁面中，放置編輯時用到的工具按鈕
（3）針對列表項中的內(nèi)容進(jìn)行編輯。例如：購物車中商品、網(wǎng)盤中文件列表
4、標(biāo)簽欄
標(biāo)簽欄讓用戶在不同的子視圖、任務(wù)和模式中切換
（1）標(biāo)簽欄最多一次可承載5個標(biāo)簽
（2）標(biāo)簽欄常應(yīng)用應(yīng)用的的主界面中，來組織整個應(yīng)用層面的信息結(jié)構(gòu)，也就是我們常說的幾種主導(dǎo)航方式之一
PS：
（1）標(biāo)簽欄常被用作主導(dǎo)航方式來布置產(chǎn)品結(jié)構(gòu)
（2）標(biāo)簽欄標(biāo)簽超過5個時，視覺上略顯擁擠，平行主任務(wù)過多，容易給用戶到來困擾
5、搜索欄
搜索欄中可出現(xiàn)一下可選元素：占位符文本（文案提示）、書簽按鈕、清除按鈕等
二、臨時視圖
1、警告框
警告框用于告知用戶一些會影響到他們使用APP或設(shè)備的重要信息
（1）嚴(yán)格限制app中警告框的個數(shù)，并且保證每一個保證框，都能提供重要的信息或者游泳的選項
（2）警告框應(yīng)簡明扼要的告訴用戶當(dāng)前所處的情景，并且告訴用戶他們可以做什么
（3）盡可能地避免使用“你”、“你的”、“我”、“我的”等字眼出現(xiàn)
（4）避免在文案中詳細(xì)描述“該按那個按鈕”而導(dǎo)致文本過長
2、操作列表
操作列表展示了與用戶觸發(fā)的操作直接相關(guān)的一些列選項
（1）提供完成一項任務(wù)的不同方法，這樣多種操作方式不會永久的占用UI 的空間
（2）在完成一項可能有風(fēng)險的操作前獲得用戶的確認(rèn)
（3）避免讓用戶滾動操作列表
3、模態(tài)視圖
模態(tài)視圖為當(dāng)前的任務(wù)或當(dāng)前工作流程提供了一種獨立的功能，為用戶提供了一種不脫離主任務(wù)的方式去完成一個任務(wù)或者獲得信息
（1）模態(tài)視圖通常會包含一個完成按鈕和一個取消按鈕（可根據(jù)實際功能/情景來進(jìn)行調(diào)整）
（2）能占據(jù)整個屏幕，也可能占據(jù)屏幕的一部分
（3）選擇一個適當(dāng)?shù)膭赢媮碚故灸B(tài)視圖
垂直出現(xiàn)：模態(tài)視圖從底部邊緣滑入屏幕，也同樣從屏幕底部滑出
彈出：當(dāng)前視圖從右往左水平滑動，顯示模態(tài)視圖，離開模態(tài)視圖時，原先的父視圖從左滑回屏幕右邊
總結(jié)：
（1）模態(tài)模型就行是導(dǎo)航模型中死胡同，它暫時覆蓋應(yīng)用正常的操作頁面，讓你去完成和父頁面內(nèi)容相關(guān)的一些任務(wù)
（2）通常模態(tài)視圖都是由屏幕底部滑出，覆蓋原有頁面
（3）模態(tài)視圖通常被用來添加或編輯內(nèi)容
（4）模態(tài)視圖屬于正常流程上的一個臨時支路
