- 控件
- 文本框
- 警告框&操作列表（action sheet）
- 定製圖標和圖片指南
控件
直接用IOS提供的控件，不需要自己畫樣式
| 控件名 | 圖片 | 說明 | 交互 | 樣式 | 使用場景 |
| 活動指示器 |  |
暗示任務或過程正在進行中 |
在工具欄或主視圖展示； 任務進行中，出現； 任務完成後，消失； |
默認白色； 可調整尺寸和顏色 |
所有加載、任務運行情況 |
| 日期和時間拾取器 |  |
選取時間，年月日小時分鐘； 四種狀態。 可改變分鐘的步長。 |
最多展示4個獨立的輪子 | 尺寸與鍵盤一致 | 【詳情】編輯時間 |
| 網絡活動指示器 |  |
出現在狀態欄，暗示網絡活動正在進行 |
有數據傳輸，出現； 網絡活動停止，消失。
|
所有數據傳輸。 如果數據傳輸很快，不展示，因爲可能用戶還沒發現就消失了；時間長的，展示向用戶反饋。 |
|
| 頁碼指示器 |  |
顯示共有多少頁，當前頁 |
點的間距不能壓縮，豎屏最多20個點，多餘的會被切掉 屏幕底部居中。 |
【地圖】翻頁 | |
| 進度指示器 |  |
默認白色 | 【詳情】上傳圖片 | ||
| 搜索欄 |  |
藍色和黑色 | 所有搜索 | ||
| 分段控件 |  |
高度固定，寬度按比例 | 【列表】分段控件：切換列表/地圖模式 | ||
| 滾動條 |  |
暫無 | |||
| 切換器 |  |
切換互斥的2種狀態 | 【詳情】權限 |
另有拾取器
文本框
提示圖標：輸入框左側的搜索圖標、書籤圖標
提示語：請輸入百倍關鍵字、搜索天貓、搜索用戶和標籤；如果沒有提示，用產品名佔位；
清空按鈕：輸入框右側的x
鍵盤：中文、英文、數字、URL快捷鍵盤
其他輸入控件：時間拾取器、列表
找了一個比較好的文本框交互：
默認：搜索圖標+提示文字；
第一步：{按下文本框}，出現“取消”按鈕，彈出鍵盤，遮罩；
第二步：{輸入關鍵字}，提示文字消失，框右側出現清空按鈕“x”；{點擊“取消”}，到默認狀態。
警告框（慎用！）
切記限制警告框的數量。
樣式
界面中央，覆蓋在界面之上。
它的出現意味着APP發生了重要的變動。
用戶必須關掉警告框才能繼續操作。
背景色是系統定義的，無法定製。
可以不用警告框的場景
- 突出某些重要信息。【替代方案】調整樣式，突出重要信息。
- 提示正常進行中程序的進度。【替代方案】考慮使用“進度指示器”或“活動指示器”。
- 對用戶出發的操作討要“確認”。【替代方案】可以使用action sheet操作列表。
- 不要提示那些用戶無能爲力的錯誤。【替代方案】把這些消息嵌入到界面裏。例如，與其每次服務中斷時都提示用戶一下，不如在最後一次連接成功時提醒用戶。
文案設計
- 警告框信息儘量簡潔，出現滾動是非常不好的體驗。
- 儘量採用2個按鈕。只有1個按鈕的警告框不是好警告框，因爲這樣對用戶沒有什麼意義，不能讓用戶掌控情景。
- 儘量避免使用“你”，“你的”，“我”，“我的”。用了這些詞彙後會變得讓人費解，直接定位用戶會帶來誤解，甚至可以被理解爲是一種侮辱。
- “觸摸”“點擊”“選擇”都可以用“按”來替代描述選擇某個鍵。
認真選擇警告框上按鈕的顏色。
警告框的顏色或深或淺。在有兩個按鈕的警告框上，左邊的按鈕總是深色的，右邊的總是淺色的。
在包含危險操作的雙按鈕警告框上，取消應該放在右側，用淺色按鈕表示。
如果雙按鈕警告框是用於啓動某個用戶期待的功能，那麼取消功能應該放在左側，用深色按鈕表示。
操作列表
action sheet 用戶展示一組與用戶出發的任務相關的選項。
有潛在危險的按鈕要用紅色背景。在列表頂端展示一個紅色按鈕，因爲離頂部越近越能吸引注意。
避免action sheet過長，出現滾動。
定製圖片和圖片指南
登錄圖片
如果你覺得完全依照這些指南做出的登錄圖片太過樸素，恭喜你，猜對了。記住，登錄圖片不是爲了給用戶留下美觀的印象，而是爲了讓用戶覺得你的程序啓動迅速，使用靈活。
程序圖標
圖標尺寸：57×57 114×114（高分辨率）
Web快捷方式圖標
爲iPhone和iPod touch創建如下尺寸的圖標： 57×57像素 114×114像素
OS會給圖標自動添加一些視覺效果：
圓角 投影 反射高光。
例如，57×57像素的網頁圖標是這樣的：
添加效果後就成了這樣
爲了確保你的圖標與iOS添加的效果相得益彰，你的圖標應該做到： 有90度尖角 沒有高光效果
文檔圖標
對於iPhone，創建兩種尺寸的文檔圖標：
22×29像素
44×58像素（高分辨率）
示例圖如下：
小圖標：iOS在spotlight搜索結果和settings裏用的是同一個圖標。
尺寸的圖標： 29×29像素 58×58像素（高分辨率）
--------------
所有圖標：
