可點(diǎn)擊元素的最小尺寸是 44×44 點(diǎn)

以 iPhone 4S 為例，PPI為326，而PPI和屏幕大小的換算公式為PPI=√a^2+b^2/c^2（a、b為區(qū)域像素大小，c為尺寸大?。?。所以，將公式反推就可 以得到iPhone 4S的最小點(diǎn)擊區(qū)域的實(shí)際尺寸為0.19in。另外，我們知道1in=25.4mm，所以iPhone 4S的最小點(diǎn)擊尺寸在屏幕上的尺寸為：

0.19*25.4=4.8mm

也就是說(shuō)在iPhone 4S上，我們的設(shè)計(jì)最終效果應(yīng)該保證用戶可操作元素的最小尺寸不得小于4.8mmx4.8mm，大概是成年人食指的大小。

保持應(yīng)用的一致性

一致性帶來(lái)的好處是界面UI的統(tǒng)一美觀，并且用戶可以沿用原來(lái)對(duì)于產(chǎn)品的理解很快上手，減少學(xué)習(xí)成本。文檔中具體提到三點(diǎn)：

• 是否與 iOS 系統(tǒng)保持統(tǒng)一
• 是否應(yīng)用內(nèi)系統(tǒng)保持統(tǒng)一
• 是否多版本之間保持統(tǒng)一

其中統(tǒng)一的部分概念比較廣泛，從交互方式、圖標(biāo)定義、文案術(shù)語(yǔ)含義到UI組件、操作結(jié)果等等，最終的目的就是希望能夠讓用戶舒服的使用產(chǎn)品

對(duì)于用戶操作給予積極的反饋

iOS官方內(nèi)置的程序會(huì)給用戶的每一個(gè)操作提供可視的反饋。例如，當(dāng)用戶點(diǎn)擊列表項(xiàng)時(shí)，該項(xiàng)的背景會(huì)變成高光。同樣用戶也希望在我們的應(yīng)用里能得到類似的反饋，反饋告訴他們的操作會(huì)有何結(jié)果以及確定程序正在運(yùn)行，所以我們應(yīng)該：

• 對(duì)于用戶的操作給予即刻的反饋
• 對(duì)于較長(zhǎng)流程的操作給予進(jìn)度和運(yùn)行狀態(tài)的反饋

要選擇和程序風(fēng)格一致的狀態(tài)欄

官方提供三種不同的狀態(tài)欄樣式。如下圖：

所以，我們應(yīng)該根據(jù)應(yīng)用不同的風(fēng)格來(lái)定義不同樣式的狀態(tài)欄，比如說(shuō)導(dǎo)航欄不是透明的，就不要選用透明的狀態(tài)欄

導(dǎo)航欄的標(biāo)準(zhǔn)樣式

對(duì)于導(dǎo)航欄的樣式 iOS 有一定的標(biāo)準(zhǔn)和要求，下圖就是一個(gè) iOS 標(biāo)準(zhǔn)的導(dǎo)航欄樣式：

其中 - 導(dǎo)航欄左側(cè)為返回按鈕，寫著上一級(jí)的標(biāo)題 - 中間為當(dāng)面這一屏頁(yè)面的標(biāo)題 - 右側(cè)為與當(dāng)前內(nèi)容相匹配的控件

不要?jiǎng)?chuàng)建分段的返回按鈕

如下圖：

使用分段返回按鈕會(huì)導(dǎo)致很多問(wèn)題： - 分段控件太長(zhǎng)，都沒(méi)空放標(biāo)題了 - 沒(méi)法展示某一段的選中狀態(tài)，段越多每一段的可點(diǎn)擊區(qū)域越小，用戶想按某一個(gè)不好按 - 當(dāng)層級(jí)很深時(shí)，選擇層級(jí)的哪一部分來(lái)展示是個(gè)問(wèn)題

在iPhone上，tab欄一次只能顯示 5 個(gè)以內(nèi)的頁(yè)簽

如果程序有更多的tab，tab欄可以展示前四個(gè)，第五個(gè)放一個(gè)「更多」，用列表的方式呈現(xiàn)其余的項(xiàng)目，如下圖：

另外，在iPad上，tab欄可以顯示多于5個(gè)tab

不要提供關(guān)閉浮出層的按鈕，浮出層上面不要展示任何東西

iOS 官方不建議在浮出層上提供關(guān)閉按鈕，而是應(yīng)該當(dāng)浮出層沒(méi)有必要存在的時(shí)候就應(yīng)該消失。對(duì)于沒(méi)有必要存在的情況，官方是這樣定義的：

• 當(dāng)用戶對(duì)浮出層的操作已經(jīng)完成的時(shí)候
• 用戶點(diǎn)擊浮出層以外或召喚它的按鈕的時(shí)候
• 在編輯狀態(tài)下用戶點(diǎn)擊「取消」或「完成」的時(shí)候

另外，千萬(wàn)不要在浮出層上面展示任何的東西，除非是警告框。當(dāng)然更加不要在浮出層上面再展示浮出層

iOS 圖標(biāo)的樣式要求

每一個(gè)程序都應(yīng)該有一個(gè)程序的圖標(biāo)，為了適應(yīng)不同的設(shè)備我們需要?jiǎng)?chuàng)建不同尺寸的圖標(biāo)：

為 iPhone 和 iPod touch - 57×57 - 114×114（高分辨率） 為 iPad - 72×72

另外，由于當(dāng)圖標(biāo)顯示到用戶桌面時(shí)，iOS會(huì)自動(dòng)為圖標(biāo)添加高光、投影、圓角（可禁止）等效果，所以為確保我們的圖標(biāo)與 iOS 提供的加強(qiáng)效果相配，我們制作的圖標(biāo)應(yīng)當(dāng):

• 有 90 度角
• 沒(méi)有高光效果
• 不使用透明層

***，不管如何，設(shè)計(jì)規(guī)范是死的人是活的。這類文檔在我們產(chǎn)品設(shè)計(jì)的實(shí)際過(guò)程中應(yīng)該是起到指導(dǎo)和參考的作用，而不是盲目的遵循從而被這些條條框框所框死。我們應(yīng)該試著去理解其中每一個(gè)說(shuō)明和條目背后的目的和意義，從而才能以此出發(fā)創(chuàng)造出更好的交貨和產(chǎn)品。