APP养匈，全稱(chēng)是application，意思是應(yīng)用程序都伪，即裝在智能手機(jī)里的各類(lèi)軟件乖寒。APP和移動(dòng)操作系統(tǒng)（iOS、Android等）共同構(gòu)成只能手機(jī)的軟件部分院溺。
智能手機(jī)之所以智能楣嘁，很大的功勞要?dú)w于APP。我們用微信和朋友聯(lián)系，用網(wǎng)易云音樂(lè)聽(tīng)音樂(lè)逐虚，用音悅臺(tái)看MV聋溜，用美團(tuán)叫外賣(mài)，用京東叭爱、淘寶購(gòu)物...撮躁。毫不夸張的說(shuō)假如沒(méi)有了各類(lèi)功能強(qiáng)大的APP，我們的生活便黯然失色买雾。作為互聯(lián)網(wǎng)從業(yè)人員把曼，僅僅停留在會(huì)用APP是不夠的，必須深入了解它漓穿，才能更好的設(shè)計(jì)它嗤军。
本文包括以下內(nèi)容：
各種“欄”：狀態(tài)欄、導(dǎo)航欄晃危、標(biāo)簽欄叙赚、工具欄、搜索欄僚饭、范圍欄震叮。
內(nèi)容視圖：列表視圖、卡片視圖鳍鸵、集合視圖苇瓣、圖片視圖、文本視圖偿乖。
控制元素：用于控制產(chǎn)品行為或顯示的信息钓简。
臨時(shí)視圖：警告視圖、操作列表汹想、toast、模態(tài)視圖撤蚊。
（本文所描述的數(shù)值是以iOS系統(tǒng)為準(zhǔn)古掏，與Android系統(tǒng)的控件數(shù)值有差異）
各種“欄”
①狀態(tài)欄（Status Bar）
用來(lái)呈現(xiàn)信號(hào)、時(shí)間侦啸、電量等信息槽唾，Android系統(tǒng)還會(huì)顯示未讀信息的提示。高度20pt光涂，位于整個(gè)APP界面的頂部庞萍。
②導(dǎo)航欄（Navigation Bar）
導(dǎo)航欄也被稱(chēng)為標(biāo)題欄，一般會(huì)顯示標(biāo)題忘闻，也可以放搜索钝计、分段式控件或者其它功能入口。高度44pt，位于狀態(tài)欄下方私恬。
③標(biāo)簽欄（Tab Bar）
讓用戶(hù)在不同的子任務(wù)债沮、視圖和模式中進(jìn)行快速切換。標(biāo)簽欄上一般有會(huì)三到五個(gè)圖標(biāo)本鸣，若超過(guò)五個(gè)疫衩，可以考慮將第五個(gè)圖標(biāo)用更多表示。高度49pt荣德，位于APP最底部闷煤。
④工具欄（Tool Bar）
工具欄上防止著用于操作當(dāng)前頁(yè)面中各對(duì)象的控件，位于APP最底部涮瞻。高度通常設(shè)計(jì)成44pt鲤拿。
⑤搜索欄（Seach Bar）
用于搜索內(nèi)容，幫組用戶(hù)精準(zhǔn)的找到自己所需的信息和功能饲宛〗杂洌可位于導(dǎo)航欄下方，也可以放在導(dǎo)航欄上艇抠。高度可以自定義幕庐，一般設(shè)計(jì)為44pt。
⑥范圍欄（Scope Bar）
只有和搜索欄一起時(shí)才會(huì)出現(xiàn)家淤，用于定義用戶(hù)的搜索范圍异剥。位于搜索欄下方，高度可自定義絮重，一般為30pt~44pt冤寿。
內(nèi)容視圖
①列表形式（List style）
每條列表可以是單挑的圖片形式或文本形式，也可以是圖文結(jié)合的方式青伤。每條列表之間會(huì)用分割線(xiàn)進(jìn)行區(qū)分督怜，利用“緊密、對(duì)比狠角、重復(fù)号杠、對(duì)齊”的原則設(shè)計(jì)每條列表的信息，使得信息清晰有力的傳達(dá)給用戶(hù)丰歌。
②卡片形式（Card style）
將同類(lèi)信息歸納到一個(gè)矩形或者圓角矩形當(dāng)中姨蟋×⑻卡片可以被堆疊眼溶、覆蓋晓勇、移動(dòng)灌旧，這樣極大的擴(kuò)展了一個(gè)內(nèi)容塊的視覺(jué)深度和可操作性≡途玻卡片在設(shè)計(jì)形式上可以增加邊緣节榜、陰影别智，使得卡片具有立體感。
③集合視圖形式（Collection View）
將同類(lèi)信息用平鋪的形式展現(xiàn)薄榛，一般以圖片為主題讳窟，文字為輔助信息。多用于展示商品敞恋、照片、音樂(lè)等富媒體信息硬猫。
④圖片形式（Image style）、文本形式（Text style）
圖片和文本視圖比較好理解坑雅，所以放在一起衬横，圖片形式多見(jiàn)于圖片社交類(lèi)APP裹粤，文本形式常見(jiàn)于內(nèi)容類(lèi)APP蜂林。
內(nèi)容視圖是整個(gè)APP信息展示的主要形式，上述的五種常見(jiàn)視圖形式很多時(shí)候并不是獨(dú)立出現(xiàn)的矮锈，它們常痴隼伲混合出現(xiàn)，例如有些內(nèi)容視圖即屬于卡片惫霸、又屬于列表形式葱弟，大家要在透徹理解的基礎(chǔ)上靈活運(yùn)用。
控制元素
控制元素用于控制產(chǎn)品行為或顯示信息芝加，常見(jiàn)的控制元素見(jiàn)下圖射窒。
臨時(shí)視圖
臨時(shí)向用戶(hù)提供重要信息将塑，或提供額外的功能和選項(xiàng)。常見(jiàn)的有警告視圖艾疟、操作列表敢辩、toast蔽莱、模態(tài)視圖戚长。
Alert View：必須包含標(biāo)題，或者標(biāo)題加正文仪糖，有一個(gè)或者多個(gè)按鈕迫肖。
Action Sheet：由用戶(hù)某個(gè)操作行為觸發(fā)锅劝，包含兩個(gè)或以上的按鈕。
toast：在用戶(hù)觸發(fā)某個(gè)操作時(shí)咒程，彈出toast來(lái)對(duì)該操作進(jìn)行反饋鸠天。
模態(tài)視圖：占據(jù)整個(gè)屏幕或者大部分屏幕帐姻，包含完成當(dāng)前任務(wù)所需的文字和控件，通常也會(huì)一個(gè)完成任務(wù)的按鈕（點(diǎn)擊后即可完成任務(wù)饥瓷，當(dāng)前模態(tài)視圖也會(huì)消失），和一個(gè)取消按鈕（點(diǎn)擊后即放棄當(dāng)前任務(wù)呢铆，同時(shí)當(dāng)前模態(tài)視圖消失）
一個(gè)完整的APP包括四大類(lèi)：各種“欄”棺克；內(nèi)容視圖；控制元素确买；臨時(shí)視圖纱皆。你get了嗎湾趾？
