起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識APP知多少：你真的了解APP嗎？
我們用過的APP數不勝數，但是更多的是局限于其功能方面，一個APP包括哪些元素，APP完整的五臟六腑你可知曉？
APP，全稱是application，意思是應用程序，即裝在智能手機里的各類軟件。APP和移動操作系統（iOS、Android等）共同構成能手機的軟件部分。
智能手機之所以智能，很大的功勞要歸于APP。我們用微信和朋友聯系，用網易云音樂聽音樂，用音悅臺看MV，用美團叫外賣，用京東、淘寶購物…。毫不夸張的說假如沒有了各類功能強大的APP，我們的生活便黯然失色。作為互聯網從業人員，僅僅停留在會用APP是不夠的，必須深入了解它，才能更好的設計它。
本文包括以下內容：
各種“欄”：狀態欄、導航欄、標簽欄、工具欄、搜索欄、范圍欄。
內容視圖：列表視圖、卡片視圖、集合視圖、圖片視圖、文本視圖。
控制元素：用于控制產品行為或顯示的信息。
臨時視圖：警告視圖、操作列表、toast、模態視圖。
（本文所描述的數值是以iOS系統為準，與Android系統的控件數值有差異）
各種“欄”
1.狀態欄（Status Bar）
用來呈現信號、時間、電量等信息，Android系統還會顯示未讀信息的提示。高度20pt，位于整個APP界面的頂部。
狀態欄
2.導航欄（Navigation Bar）
導航欄也被稱為標題欄，一般會顯示標題，也可以放搜索、分段式控件或者其它功能入口。高度44pt，位于狀態欄下方。
搜索
3.標簽欄（Tab Bar）
讓用戶在不同的子任務、視圖和模式中進行快速切換。標簽欄上一般有會三到五個圖標，若超過五個，可以考慮將第五個圖標用更多表示。高度49pt，位于APP最底部。
底部標簽
4.工具欄（Tool Bar）
工具欄上防止著用于操作當前頁面中各對象的控件，位于APP最底部。高度通常設計成44pt。
工具
5.搜索欄（Seach Bar）
用于搜索內容，幫組用戶精準的找到自己所需的信息和功能。可位于導航欄下方，也可以放在導航欄上。高度可以自定義，一般設計為44pt。
搜索
6.范圍欄（Scope Bar）
只有和搜索欄一起時才會出現，用于定義用戶的搜索范圍。位于搜索欄下方，高度可自定義，一般為30pt~44pt。
范圍
內容視圖
1.列表形式（List style）
每條列表可以是單挑的圖片形式或文本形式，也可以是圖文結合的方式。每條列表之間會用分割線進行區分，利用“緊密、對比、重復、對齊”的原則設計每條列表的信息，使得信息清晰有力的傳達給用戶。
列表形
2.卡片形式（Card style）
將同類信息歸納到一個矩形或者圓角矩形當中。卡片可以被堆疊、覆蓋、移動，這樣極大的擴展了一個內容塊的視覺深度和可操作性?？ㄆ谠O計形式上可以增加邊緣、陰影，使得卡片具有立體感。
卡片形
3.集合視圖形式（Collection View）
將同類信息用平鋪的形式展現，一般以圖片為主題，文字為輔助信息。多用于展示商品、照片、音樂等富媒體信息。
集合視
4.圖片形式（Image style）、文本形式（Text style）
圖片和文本視圖比較好理解，所以放在一起，圖片形式多見于圖片社交類APP，文本形式常見于內容類APP。
公眾號“UE修養”&花瓣AP
內容視圖是整個APP信息展示的主要形式，上述的五種常見視圖形式很多時候并不是獨立出現的，它們常常混合出現，例如有些內容視圖即屬于卡片、又屬于列表形式，大家要在透徹理解的基礎上靈活運用。
控制元素
控制元素用于控制產品行為或顯示信息，常見的控制元素見下圖。
控制元素
臨時視圖
臨時向用戶提供重要信息，或提供額外的功能和選項。常見的有警告視圖、操作列表、toast、模態視圖。
警告視圖（Alert View）：必須包含標題，或者標題加正文，有一個或者多個按鈕。
操作列表（Action Sheet）：由用戶某個操作行為觸發，包含兩個或以上的按鈕。
toast：在用戶觸發某個操作時，彈出toast來對該操作進行反饋。
模態視圖：占據整個屏幕或者大部分屏幕，包含完成當前任務所需的文字和控件，通常也會一個完成任務的按鈕（點擊后即可完成任務，當前模態視圖也會消失），和一個取消按鈕（點擊后即放棄當前任務，同時當前模態視圖消失）
警告視圖&操作列表&模態視
toas
一個完整的APP包括四大類：各種“欄”；內容視圖；控制元素；臨時視圖。你get了嗎？
本文由 @鄒志楠 原創發布于人人都是產品經理。未經許可，禁止轉載。
寫的不錯！
很棒的