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