來源：ISUX

譯者注：本文譯自蘋果官方人機(jī)界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由騰訊ISUX設(shè)計(jì)師翻譯整理，非發(fā)文者一人之作。譯文首發(fā)于ISUX博客，如在閱讀過程中發(fā)現(xiàn)錯(cuò)誤與疏漏之處，歡迎不吝指出。后續(xù)章節(jié)會(huì)陸續(xù)更新，敬請(qǐng)期待。

下篇：

1.7 交互性與反饋（Interactivity and Feedback）
1.7.1 可交互元素吸引用戶點(diǎn)擊（Interactive Elements Invite Touch）
1.7.2 用戶所知道的標(biāo)準(zhǔn)手勢(shì)（Users Know the Standard Gestures）
1.7.3 反饋有助于理解（Feedback Aids Understanding）
1.7.4 輸入信息的方式要簡(jiǎn)單（Inputting Information Should Be Easy）
1.8 動(dòng)畫（Animation）
1.9 品牌推廣（Branding）
1.10 顏色與字體（Color and Typography）
1.10.1 色彩有助于增進(jìn)溝通（Color Enhances Communication）
1.10.2 優(yōu)秀的排版提供清晰的傳達(dá)（Great Typography Enables Clear Communication）
1.11 圖標(biāo)和圖形（Icons and Graphics）
1.11.1 應(yīng)用圖標(biāo)（The App Icon）
1.11.2 小圖標(biāo)（Small Icons）
1.11.3 圖形（Graphics）
1.12 術(shù)語和措辭（Terminology and Wording）
1.13 與iOS的整合（Integrating with iOS）
1.13.1 正確使用標(biāo)準(zhǔn)UI元素（Use Standard UI Elements Correctly）
1.13.2 弱化文件和文檔處理（Downplay File and Document Handing）
1.13.3 必要時(shí)提供可配置選項(xiàng)（Be Configurable If Necessary）
1.13.4 充分利用iOS技術(shù)（Take Advantage of iOS Technologies

1.7 交互性與反饋（Interactivity and Feedback）

1.7.1 可交互元素吸引用戶點(diǎn)擊（Interactive Elements Invite Touch）

為了暗示交互性，設(shè)計(jì)時(shí)會(huì)使用很多線索，包括點(diǎn)擊的反饋、顏色、位置、上下文、表意明確的圖標(biāo)和標(biāo)簽等。并不需要過于修飾元素來向用戶展示可交互性。

在支持3D Touch的設(shè)備上，當(dāng)用戶按壓主屏上的圖標(biāo)時(shí)，背景會(huì)虛化以此來暗示可以進(jìn)行更多功能的選擇。

一個(gè)關(guān)鍵的顏色可以給用戶提供很強(qiáng)的視覺指引，尤其是沒有冗余的其它顏色時(shí)。為了對(duì)比，使用藍(lán)色來標(biāo)記可交互的元素，同時(shí)能提供統(tǒng)一的、易識(shí)別的視覺風(fēng)格。

返回按鈕使用多個(gè)線索指明其可交互并傳達(dá)其功能:它出現(xiàn)在導(dǎo)航中，顯示了一個(gè)指向后方的圖標(biāo)，使用了關(guān)鍵色，并且顯示了上一級(jí)頁(yè)面的標(biāo)題。

一個(gè)圖標(biāo)或者標(biāo)題提供了清晰的名稱指引用戶點(diǎn)擊它。例如，地圖中的標(biāo)題“Flyover Tour”，“Directions to Here”，清晰的說明了用戶可做的操作。結(jié)合關(guān)鍵色，就可以省去按鈕邊界或其他多余的修飾。

在內(nèi)容區(qū)域，必要時(shí)可以給按鈕添加邊界或背景。位于欄（Bar）、動(dòng)作列表（Action Sheet）和警告框（Alert）中的按鈕可以不需要邊界，因?yàn)橛脩糁涝谶@種區(qū)域中大多數(shù)選項(xiàng)是可交互的。但是在內(nèi)容區(qū)域，有必要使用邊界或背景將按鈕從其他內(nèi)容中區(qū)分出來。例如，音樂，時(shí)鐘，照片，App Store在一些特別的場(chǎng)景中使用這種按鈕。

照片管理中給分享按鈕增加了邊框，從其他解釋性文本中區(qū)分出來。

時(shí)鐘在秒表和計(jì)時(shí)頁(yè)面中給按鈕增加背景來強(qiáng)調(diào)開始和暫停按鈕，并且使按鈕在易分散注意力的內(nèi)容中更容易點(diǎn)擊。

應(yīng)用商店中使用有邊界的按鈕，將按鈕和整個(gè)內(nèi)容條區(qū)分開來，點(diǎn)擊整條內(nèi)容查看詳細(xì)信息，點(diǎn)擊按鈕進(jìn)行下載安裝。

1.7.2 用戶所知道的標(biāo)準(zhǔn)手勢(shì)（Users Know the Standard Gestures）

用戶使用點(diǎn)擊、拖拽、捏合等手勢(shì)與應(yīng)用和他們的IOS設(shè)備進(jìn)行交互。使用手勢(shì)拉近了用戶和設(shè)備之間的距離，并且增強(qiáng)了直接操縱感。用戶通常期待手勢(shì)在不同應(yīng)用之間都是通用的。

用戶在使用3D Touch時(shí)不需要學(xué)習(xí)額外的手勢(shì)操作。當(dāng)用戶輕按屏幕并得到反饋時(shí)，很容易就能發(fā)現(xiàn)3D Touch提供的額外的交互方式。

除了用戶熟悉的標(biāo)準(zhǔn)手勢(shì)，iOS還定義了一些系統(tǒng)范圍內(nèi)的操作，例如呼出控制中心（Control Center）或消息中心（Notification Center）。用戶可以在任意應(yīng)用下都使用這些手勢(shì)。

不要給標(biāo)準(zhǔn)手勢(shì)賦予不同的行為。除非你的應(yīng)用是游戲，否則重新定義標(biāo)準(zhǔn)手勢(shì)會(huì)使用戶迷惑，且增加使用難度。

不要?jiǎng)?chuàng)建和標(biāo)準(zhǔn)手勢(shì)功能相似的手勢(shì)操作。用戶已經(jīng)習(xí)慣了標(biāo)準(zhǔn)手勢(shì)的行為，沒有必要讓用戶額外學(xué)習(xí)不同的操作手勢(shì)來達(dá)到同樣的操作結(jié)果。

可以用復(fù)雜手勢(shì)作為完成某任務(wù)的快捷方式，但不能是唯一觸達(dá)方式。最好給用戶提供一些簡(jiǎn)單，直接的方式完成某操作，即使這種方法需要他們額外地多點(diǎn)擊一到兩次。簡(jiǎn)單的手勢(shì)能讓用戶集中于當(dāng)前的體驗(yàn)和內(nèi)容，而不是交互操作本身。

除非是游戲，否則避免定義新的手勢(shì)。在游戲或其他沉浸式的應(yīng)用中，操作手勢(shì)也是有趣體驗(yàn)的一部分。但是在普通應(yīng)用中，幫助用戶達(dá)成目標(biāo)要比操作本身重要的多，所以最好使用標(biāo)準(zhǔn)手勢(shì)，盡量避免讓用戶去發(fā)覺和記憶新的操作。

在特定的環(huán)境中，可以考慮使用多指操作。雖然復(fù)雜的操作并不一定適用于所有應(yīng)用，但對(duì)用戶會(huì)花大量時(shí)間使用的應(yīng)用來說可以豐富體驗(yàn)，例如游戲或創(chuàng)建內(nèi)容環(huán)境。但因?yàn)榉菢?biāo)準(zhǔn)手勢(shì)可發(fā)現(xiàn)性差，要盡量少用，并且不要讓這類手勢(shì)成為完成任務(wù)的唯一方式。

1.7.3 反饋有助于理解（Feedback Aids Understanding）

反饋幫助用戶了解應(yīng)用當(dāng)前在做什么，發(fā)現(xiàn)接下來可以做什么以及理解他們動(dòng)作產(chǎn)生的結(jié)果。UIKit的操作和視圖提供了很多反饋類型。

盡可能將狀態(tài)或其他的反饋信息整合到UI中。用戶不進(jìn)行操作或不跳出當(dāng)前內(nèi)容就能獲得需要的信息是最好的。例如，郵箱將當(dāng)前的狀態(tài)顯示在不影響當(dāng)前內(nèi)容的工具欄上。

避免顯示不必要的提醒對(duì)話框。對(duì)話框是很強(qiáng)的反饋機(jī)制，只有在傳遞非常重要，且可操作的信息時(shí)才需要使用它。如果用戶?？吹胶芏鄾]有重要信息的對(duì)話框，他們很快就會(huì)忽略所有對(duì)話框提醒。想要了解更多信息，請(qǐng)參考Alert.（譯者注：Alert處在iOS Human Interface Guidelines的第4章 UI Elements部分，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。若有需要，亦可先參考先前已翻譯的iOS7 UI Elements章節(jié)：下。）

1.7.4 輸入信息的方式要簡(jiǎn)單（Inputting Information Should Be Easy）

不管用戶是點(diǎn)擊控件還是使用鍵盤，輸入信息都會(huì)花費(fèi)時(shí)間和精力。如果在發(fā)揮有用的效用前就讓用戶輸入大量信息會(huì)減弱用戶繼續(xù)使用的欲望。

讓用戶更容易的進(jìn)行選擇。例如，使用選擇器或者表格代替純文本，因?yàn)榇蟛糠钟脩粲X得從列表中進(jìn)行選擇要比打字容易的多。

適時(shí)地從iOS中獲取信息。設(shè)備上存儲(chǔ)了大量的用戶信息?？梢缘脑?，不要讓用戶提供你可以輕易找到的信息，例如聯(lián)系人或日歷信息。

提供有用的反饋來平衡用戶的輸入。在使用應(yīng)用的過程中，付出和回報(bào)的概念可以幫助用戶感到進(jìn)程在被推進(jìn)。

1.8 動(dòng)畫（Animation）

細(xì)微、精美的動(dòng)畫遍布iOS的用戶界面，他們使應(yīng)用的體驗(yàn)更具吸引力，更具動(dòng)態(tài)性。適當(dāng)?shù)膭?dòng)畫可以：

● 傳達(dá)狀態(tài)和提供反饋
● 增強(qiáng)直接的操縱感
● 將用戶的操作可視化

（譯者注：以上為視頻截圖，完整視頻請(qǐng)點(diǎn)擊觀看）

謹(jǐn)慎地增加動(dòng)畫，特別是在那些無法提供沉浸式體驗(yàn)的應(yīng)用中。過多和無理由的動(dòng)畫會(huì)阻礙應(yīng)用的流暢性，降低性能，還會(huì)分散用戶在操作中的注意力。

尤其是要有目的地，合理地應(yīng)用動(dòng)效和UIKit中的動(dòng)態(tài)控件，并確保對(duì)結(jié)果進(jìn)行測(cè)試。合理地使用動(dòng)效可以提升用戶的理解程度和愉悅感；應(yīng)用過度使用動(dòng)效會(huì)給用戶帶來迷惑和難以掌控的感覺。

如果可以，保持自定義動(dòng)畫和內(nèi)置動(dòng)畫的一致性。用戶習(xí)慣于內(nèi)置iOS應(yīng)用使用的精細(xì)動(dòng)畫。事實(shí)上，用戶傾向于把視圖之間的平滑切換，對(duì)設(shè)備方向改變的流暢相應(yīng)和基于物理的滾動(dòng)效果看做是iOS體驗(yàn)的一部分。除非，你的應(yīng)用要給用戶提供類似游戲應(yīng)用的沉浸式體驗(yàn)，這種情況下自定義的動(dòng)畫可以區(qū)別于內(nèi)置動(dòng)畫。

使用風(fēng)格類型一致的動(dòng)畫。自定義動(dòng)畫之間也需要保持一致性，這樣可以讓用戶在使用應(yīng)用以之前建立的經(jīng)驗(yàn)為基礎(chǔ)。

一般來說，自定義的動(dòng)畫要考慮動(dòng)畫的現(xiàn)實(shí)性和可信性。人們樂意接受自由的藝術(shù)創(chuàng)作，但是當(dāng)動(dòng)效不合理或者違反物理學(xué)時(shí)，用戶會(huì)感到困惑。例如，當(dāng)你從屏幕頂部下滑拖出一個(gè)視圖的時(shí)候，你也要上滑將它收起，因?yàn)檫@么做可以幫助用戶記住這個(gè)視圖從何而來。如果你下滑到屏幕底部關(guān)閉這個(gè)視圖，用戶關(guān)于從屏幕上方呼起的心理模型就會(huì)被打破。

1.9 品牌推廣（Branding）

成功的品牌推廣不僅僅包括在應(yīng)用中添加品牌元素。優(yōu)秀的應(yīng)用應(yīng)該通過創(chuàng)建獨(dú)特的外觀和感覺來為用戶提供愉悅、難忘的體驗(yàn)。

在iOS系統(tǒng)之下可以很容易地使用自定義的圖標(biāo)、顏色和字體來創(chuàng)建區(qū)別于其他應(yīng)用的UI。當(dāng)你進(jìn)行這些元素的設(shè)計(jì)時(shí)，牢記以下兩點(diǎn)：

● 每個(gè)自定義的元素本身都需要具備良好的觀感和功能性，但它也應(yīng)該與應(yīng)用中其他元素保持一致，無論應(yīng)用中其他元素是自定義的還是標(biāo)準(zhǔn)的。
● 為了在iOS中感覺舒適，你的應(yīng)用雖然不必看起來跟內(nèi)置的一樣，但是需要對(duì)它的遵從、清晰度和深度（如欲了解更多，參見1 為iOS而設(shè)計(jì)（Design for iOS））進(jìn)行整合。花些時(shí)間弄清楚在你的應(yīng)用中遵從、清晰和深度所代表的意味，并把它們?cè)谀愕淖远x元素中表達(dá)出來。

當(dāng)你需要讓用戶意識(shí)到你的品牌時(shí)，你應(yīng)該遵循以下幾點(diǎn)：

以精致優(yōu)雅不唐突的方式植入品牌元素。用戶使用你的應(yīng)用來完成事務(wù)或者進(jìn)行娛樂，他們不希望被強(qiáng)迫著去觀看廣告。為了獲得最好的用戶體驗(yàn)，你可以通過字體、顏色和圖像的設(shè)計(jì)來潛移默化地地提醒用戶你的品牌身份。

避免遠(yuǎn)離用戶關(guān)心的內(nèi)容。不要像上圖中的反例那樣將僅有品牌意義的內(nèi)容放在屏幕頂部二級(jí)欄上持續(xù)展示，使正文內(nèi)容空間被壓縮，而是考慮以其他低侵入性的方法無處不在地展示品牌，如使用自定義顏色、字體，或巧妙地定制屏幕的背景。

抵抗住誘惑，不要把你的logo貫穿整個(gè)應(yīng)用。移動(dòng)設(shè)備的屏幕多數(shù)相當(dāng)小，logo的每一次出現(xiàn)都會(huì)占據(jù)空間，從而將用戶與他們想看的內(nèi)容隔離開。而且，在應(yīng)用中顯示logo并不能像在網(wǎng)頁(yè)中顯示logo那樣達(dá)到相同的目的：對(duì)于用戶來說通常會(huì)很容易在不知道網(wǎng)頁(yè)所屬的情況下訪問一個(gè)網(wǎng)頁(yè)，但卻極少有用戶會(huì)在完全不看一個(gè)iOS系統(tǒng)中的應(yīng)用圖標(biāo)的情況下就打開它。

1.10 顏色與字體（Color and Typography）

1.10.1 色彩有助于增進(jìn)溝通（Color Enhances Communication）

在iOS系統(tǒng)中，顏色會(huì)用于表明交互，傳遞活性以及提供視覺連續(xù)性。內(nèi)置的應(yīng)用程序選擇使用那些看起來更具個(gè)性的、純粹、干凈的顏色，并輔以或亮或暗的背景組合。

如果你要?jiǎng)?chuàng)建多樣的自定義顏色，要確保它們能夠和諧共存。例如，如果你的應(yīng)用的基本風(fēng)格是柔和的色調(diào)，你就應(yīng)該創(chuàng)建一個(gè)協(xié)調(diào)的柔和色調(diào)的色板用于整個(gè)應(yīng)用。

注意在不同情境下的顏色對(duì)比。例如，如果在導(dǎo)航欄的背景與欄按鈕標(biāo)題之間沒有足夠的對(duì)比，按鈕就會(huì)很難被用戶看到。一個(gè)快速但不嚴(yán)謹(jǐn)?shù)姆椒ㄊ峭ㄟ^將設(shè)備置于不同的光照環(huán)境之中（包括晴朗的室外）來測(cè)試設(shè)備上的顏色是否具有足夠的對(duì)比度。

雖然在設(shè)備上查看你的應(yīng)用能夠在一定程度上幫助你找到需要調(diào)整的地方，但這仍代替不了能產(chǎn)生可靠結(jié)果的更科學(xué)客觀的方法。這種方法涉及到判定前景色和背景色的亮度值是否符合一定的比率。這個(gè)比率值可以通過在線對(duì)比度計(jì)算器或者根據(jù)WCAG2.0標(biāo)準(zhǔn)中提供的公式自己計(jì)算獲得。你應(yīng)用中理想的顏色對(duì)比度應(yīng)該是4.5:1或更高。

當(dāng)你使用自定義的欄顏色時(shí)，著重考慮半透明的欄和應(yīng)用內(nèi)容。當(dāng)你需要?jiǎng)?chuàng)建能匹配特別顏色的欄顏色時(shí)（比如一個(gè)已有品牌中的顏色），可能在你獲得你想要的結(jié)果之前，你需要用各種顏色進(jìn)行實(shí)驗(yàn)。欄的顯示將會(huì)同時(shí)受到iOS系統(tǒng)所提供的半透明欄與藏在欄后面的應(yīng)用內(nèi)容的呈現(xiàn)所影響。

API注：使用淺色（tintColor）的屬性值給予欄按鈕顏色，使用欄淺色（barTintColor）的屬性值為欄本身賦色。欲了解更多關(guān)于欄屬性的內(nèi)容，可參見UINavigationBar Class Reference,，UITabBar Class Reference，UIToolbar Class Reference和 UISearchBar Class Reference.

注意顏色的盲區(qū)。多數(shù)色盲的人很難區(qū)分紅色與綠色。需要對(duì)你的應(yīng)用進(jìn)行測(cè)試以確保在其中你沒有將紅色與綠色作為區(qū)分兩個(gè)不同狀態(tài)或值的唯一方式，一些圖像編輯軟件或工具能夠有效的幫你驗(yàn)證顏色的盲區(qū)。通常意義來說，使用多種方式來表征原色的交互性是非常好的（需要了解更多關(guān)于在iOS系統(tǒng)中表征交互性的信息，請(qǐng)參閱Interactive Elements Invite Touch）。

考慮選擇一種基準(zhǔn)色顏色來表征交互性與狀態(tài)。內(nèi)置的應(yīng)用里的基準(zhǔn)色包括比如備忘錄中的黃色，和日歷中的紅色等等。如果你定義一種用于表征交互和狀態(tài)的基準(zhǔn)色，要確保你的應(yīng)用中的其他顏色不會(huì)與它發(fā)生沖突。

避免給可交互和不可交互的元素使用相同的顏色。色彩是表明UI元素交互屬性的方式之一。如果可交互和不可交互的元素使用相同的顏色，用戶將會(huì)難以判斷哪些區(qū)域是可點(diǎn)的。

色彩可以向用戶傳達(dá)信息，但不一定會(huì)以你希望的方式。每個(gè)人眼中的色彩是不一樣的，不同的文化為色彩賦予的意義也是不相同的。花時(shí)間來研究如何使用色彩才可能會(huì)被其他國(guó)家或者文化接受。你要盡可能確定應(yīng)用中運(yùn)用的色彩向用戶傳達(dá)了恰當(dāng)?shù)男畔ⅰ?/p>

大多數(shù)情況下，不能讓顏色喧賓奪主，讓用戶分心。除非色彩是應(yīng)用的目的和本質(zhì)所在，通常情況下色彩應(yīng)該用來從細(xì)微細(xì)節(jié)之處提升用戶體驗(yàn)。

1.10.2 優(yōu)秀的排版提供清晰的傳達(dá)（Great Typography Enables Clear Communication）

Apple為全平臺(tái)設(shè)計(jì)了San Francisco字體以提供一種優(yōu)雅的、一致的排版方式和閱讀體驗(yàn)。在iOS 9及未來的版本中，San Francisco 是系統(tǒng)字體。

San Francisco搭配Dynamic Type，可以為您提供：

● 一系列的字號(hào)大小，在任何用戶設(shè)置，包括可訪問性設(shè)置下，可獲得優(yōu)質(zhì)的清晰度和極佳的閱讀體驗(yàn)。
● 自動(dòng)調(diào)整文字的粗細(xì)，字母間距以及行高的能力。
● 為語義上有區(qū)別的文本模塊指定不同的文本樣式，比如正文、腳注或者標(biāo)題。
● 文本可以根據(jù)用戶在字號(hào)設(shè)置和可訪問性設(shè)置中指定字體大小的變化作出適當(dāng)?shù)捻憫?yīng)的能力

下載San Francisco可訪問 https://developer.apple.com/fonts/.（注意：iOS9中的San Francisco字體取名為SF-UI）。當(dāng)你在你的app中采用San Francisco時(shí)，你可以調(diào)整模擬器>設(shè)置中的值來測(cè)試在不同尺寸下你的app的文本。

注：如果你是用自定義字體，你仍然可以采用Dynamic Type或根據(jù)系統(tǒng)的字號(hào)設(shè)置來規(guī)劃字體范圍。當(dāng)用戶改變?cè)O(shè)置時(shí)，你的應(yīng)用也必須響應(yīng)式的配合。如需了解如何使用文字樣式并確保當(dāng)用戶改變文字型號(hào)設(shè)置時(shí)你的應(yīng)用能夠獲取通知，可以參考Text Styles.

San Francisco 有兩類尺寸: 文本模式（Text）和 展示模式（Display）。 文本模式適用于小于20點(diǎn)（points）的尺寸，展示模式適用于大于20點(diǎn)（points）的尺寸。當(dāng)你在你的app中使用San Francisco時(shí)，iOS會(huì)自動(dòng)在適當(dāng)?shù)臅r(shí)機(jī)在文本模式和展示模式中切換。

注：如果你使用應(yīng)用程序如Sketch或Photoshop來生成你的設(shè)計(jì)，那么當(dāng)你設(shè)置的字體不小于20點(diǎn)的時(shí)候，你需要切換到展示模式。iOS會(huì)根據(jù)字體大小為San Francisco自動(dòng)調(diào)整字間距。（字間距是以用作于修改文字間距）。表格10-1 和 10-2分別是文本模式(Text)和展示模式(Display) 在不同字號(hào)下的間距值。

為了突出某些文字或者為了在內(nèi)容塊之間建立視覺關(guān)聯(lián)，你可以依賴由Dynamic Type支持的語義化樣式，如標(biāo)題、正文，你也可以指定字體權(quán)重，如細(xì)體或者半粗。使用 Dynamic Type樣式使得你的內(nèi)容能更好地表達(dá)含義，但如果你想要對(duì)你的設(shè)計(jì)有更好的把控能力，你可以對(duì)特定的文字設(shè)置特定的權(quán)重。（想要了解更多關(guān)于調(diào)整字體權(quán)重， 可以參閱UIFont Class Reference.）

例如，你可能想要增加某些文字的權(quán)重，來幫助用戶可視化你的內(nèi)容的層次結(jié)構(gòu)，或者把用戶的注意力吸引到特定的詞或短語。另外，你可以通過增加較小文字的權(quán)重和減小較大文字的權(quán)重，在多個(gè)不同字號(hào)的、相鄰的標(biāo)簽中建立視覺凝聚。字體權(quán)重在內(nèi)容的整體風(fēng)格和表達(dá)中有重要影響，因此你可以選擇特定的權(quán)重來達(dá)到設(shè)計(jì)目的。

文本尺寸的響應(yīng)式變化需要優(yōu)先考慮內(nèi)容。并不是所有的內(nèi)容對(duì)于用戶都是同等重要的。當(dāng)用戶選擇更大的文本尺寸時(shí)，他們是想要使他們關(guān)注的內(nèi)容更容易閱讀；他們并不總是想要屏幕上的每個(gè)單詞都更大。

例如，當(dāng)用戶選擇具備更大易用性的文本尺寸時(shí)，郵件將會(huì)以更大的尺寸顯示郵件的主題和內(nèi)容，而對(duì)于那些沒那么重要的信息——如時(shí)間和收件人——?jiǎng)t采用較小的尺寸。

確保一個(gè)自定義字體在不同尺寸下的所有類型都具備可讀性。實(shí)現(xiàn)這一效果的方法之一是效仿在不同的文本尺寸下iOS系統(tǒng)呈現(xiàn)字體樣式的一些方法。例如：

● 文本永遠(yuǎn)都不應(yīng)該小于11點(diǎn)（points），即使是用戶選擇極小的文本尺寸。相較而言，內(nèi)容樣式使用17點(diǎn)的字號(hào)作為大尺寸，這也是默認(rèn)的文本字號(hào)。
● 通常來說，字號(hào)與行距值在每一檔的文本尺寸設(shè)置中差別為1點(diǎn)。唯一例外的是兩種標(biāo)題的樣式，它們?cè)跇O小、小和中尺寸的設(shè)置中均使用相同的字號(hào)、行距和字距。
● 在最小的三種文本尺寸中，字間距相對(duì)較大；而在最大的三中文本尺寸中，字間距相對(duì)緊湊。
● 標(biāo)題和內(nèi)容的樣式使用相同的字體尺寸，同時(shí)，為了區(qū)分標(biāo)題與內(nèi)容樣式，標(biāo)題樣式使用更重的值。
● 導(dǎo)航控制欄的文本使用相同的字號(hào)，而內(nèi)容文本的樣式則使用大尺寸的設(shè)置（值為17點(diǎn)）。
● 文本總是使用常規(guī)或者中重，一般不適用輕或者加粗。

通常情況下，應(yīng)用中整體應(yīng)該使用單一字體。多種字體的混雜會(huì)使你的應(yīng)用看上去支離破碎和草率。相反，使用一種字體和少數(shù)樣式。根據(jù)語義用途，使用UIFont類的API來定義不同文本區(qū)域的樣式，比如正文或者標(biāo)題。

1.11 圖標(biāo)和圖形（Icons and Graphics）

1.11.1 應(yīng)用圖標(biāo)（The App Icon）

每個(gè)應(yīng)用都需要一個(gè)漂亮的圖標(biāo)。用戶常常會(huì)在看到應(yīng)用圖標(biāo)的時(shí)候便建立起對(duì)應(yīng)用的第一印象，并以此評(píng)判應(yīng)用的品質(zhì)、作用以及可靠性。

以下幾點(diǎn)是你在設(shè)計(jì)應(yīng)用圖標(biāo)時(shí)應(yīng)當(dāng)記住的。當(dāng)你確定要開始設(shè)計(jì)時(shí)，請(qǐng)參考App Icon來獲取更詳細(xì)的設(shè)計(jì)規(guī)格與指導(dǎo)。（譯者注：App Icon處在iOS Human Interface Guidelines的Icon and Image Design部分，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。）

● 應(yīng)用圖標(biāo)是整個(gè)應(yīng)用品牌的重要組成部分。將圖標(biāo)設(shè)計(jì)當(dāng)成一個(gè)講述應(yīng)用背后的故事，以及與用戶建立情感連接的機(jī)會(huì)。
● 最好的應(yīng)用圖標(biāo)是獨(dú)特的，整潔的，打動(dòng)人心的，讓人印象深刻的。
● 一個(gè)好的應(yīng)用圖標(biāo)應(yīng)該在不同的背景以及不同的規(guī)格下都同樣美觀。為了豐富大尺寸圖標(biāo)的質(zhì)感而添加的細(xì)節(jié)有可能讓圖標(biāo)在小尺寸時(shí)變得不清晰。

1.11.2 小圖標(biāo)（Small Icons）

iOS提供了一系列小的icon，用以代表各種常見任務(wù)與操作，它們常用在標(biāo)簽欄（Tab Bar）、工具欄（Toolbars）與導(dǎo)航欄（Navigation Bar）中。用戶通常都已經(jīng)了解這些內(nèi)置圖標(biāo)的含義了，因此可以盡可能的多使用它們。

如果需要自定義動(dòng)作或者內(nèi)容，你也可以設(shè)計(jì)自定義圖標(biāo)。設(shè)計(jì)這些小的線性圖標(biāo)與設(shè)計(jì)應(yīng)用圖標(biāo)有很大的區(qū)別，請(qǐng)參考Bar Button Icons來了解更多內(nèi)容。（譯者注：Bar Button Icons章節(jié)處在iOS Human Interface Guidelines的Icon and Image Design部分，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候）

請(qǐng)注意，你有時(shí)候也可以用文字來代替工具欄和導(dǎo)航欄的圖標(biāo)。 就像iOS的日歷里面，工具欄上便是使用”今天”,”日歷”和”收件箱”來代替圖標(biāo)進(jìn)行表意的。

想要決定在工具欄和導(dǎo)航欄中到底是用圖標(biāo)還是文字，可以優(yōu)先考慮一屏中最多會(huì)同時(shí)出現(xiàn)多少個(gè)圖標(biāo)。同一屏幕中圖標(biāo)的數(shù)量過多可能會(huì)讓整個(gè)應(yīng)用看起來難以理解。使用圖標(biāo)還是文字還取決于屏幕方向是橫向還是縱向，因?yàn)樗揭晥D下通常會(huì)擁有更多的空間，可以承載更多的文字。

1.11.3 圖形（Graphics）

iOS應(yīng)用大多數(shù)圖形豐富。無論是你需要展示用戶的照片，還是需要?jiǎng)?chuàng)建自定義圖片，以下這些需求都應(yīng)該遵守：

● 支持Retina顯示屏。確保你應(yīng)用中的所有圖片資源都提供了高分辨率規(guī)格。尤其需要注意的是，iPhone 6 Plus需要提供@3x規(guī)格的圖片，而所有其他的高分辨率iOS設(shè)備都需要提供@2x規(guī)格的圖片。
● 顯示照片或圖片時(shí)請(qǐng)使用原始尺寸，并不要將它拉伸到大于100%。你不會(huì)希望在你的應(yīng)用中看到拉伸和變形的圖片?？梢宰層脩糇约簛磉x擇他們是否想要縮放圖片。

不要使用從蘋果系列產(chǎn)品中復(fù)制的圖形。這些圖形均受版權(quán)保護(hù)，而且產(chǎn)品的設(shè)計(jì)可能會(huì)頻繁改變。

不要將蘋果的應(yīng)用圖標(biāo)，圖像或者截圖用于你的設(shè)計(jì)中。所有蘋果的設(shè)計(jì)均受版權(quán)保護(hù)并且不允許出現(xiàn)在你的UI中，除非它們是由系統(tǒng)直接提供的。

1.12 術(shù)語和措辭（Terminology and Wording）

你在應(yīng)用中呈現(xiàn)的每一個(gè)字都是與用戶進(jìn)行對(duì)話的一部分。把握這樣的對(duì)話機(jī)會(huì)，為你的用戶提供清晰的表意與愉悅的體驗(yàn)。

設(shè)置是面向全體用戶的一個(gè)基礎(chǔ)應(yīng)用，因此它使用了簡(jiǎn)明扼要的語言來描述用戶可以進(jìn)行的操作。舉個(gè)例子，設(shè)置→勿擾模式（Do Not Disturb）就沒有使用難以理解的復(fù)雜技術(shù)術(shù)語，而是用了簡(jiǎn)單的語言，給用戶描述了里頭的一系列操作。

保證你使用的術(shù)語是用戶能理解的。根據(jù)你對(duì)用戶群的理解來決定在應(yīng)用中使用什么樣的詞匯。舉個(gè)例子，在一款針對(duì)小白用戶的應(yīng)用中使用技術(shù)術(shù)語是不合適的，但對(duì)于針對(duì)高端用戶的應(yīng)用來說，使用技術(shù)術(shù)語是很自然的事情。

使用非正式的友好語氣，但不需要太過卑微。避免太正式太僵化，或者太過嘻嘻哈哈，傲慢無禮。請(qǐng)記住，用戶可能會(huì)反復(fù)閱讀這些文本，因此有些起初看上去很俏皮的語句，多看幾次之后可能會(huì)顯得煩人。

像新聞編輯一般遣詞造句，避免不必要的冗余語句。當(dāng)你的文案足夠簡(jiǎn)明扼要，用戶就可以很輕松地閱讀和理解它。確定最重要的信息，精煉它并且突出它，讓用戶不需要讀一大段文字才能了解他們?cè)谡沂裁?，以及下一步要做什么?/p>

給控件加上短標(biāo)簽或者容易理解的圖標(biāo)。讓用戶只掃一眼就能知道這個(gè)控件是干什么的。

描述時(shí)間時(shí)要注意準(zhǔn)確性。今天和明天這些詞匯確實(shí)顯得比較友好，但有時(shí)候會(huì)讓用戶費(fèi)解，因?yàn)槟憧赡軟]有辦法確定用戶當(dāng)前的時(shí)區(qū)和時(shí)間。舉個(gè)例子，假如有一項(xiàng)活動(dòng)會(huì)在半夜12點(diǎn)前開始，對(duì)于在同一個(gè)時(shí)區(qū)的用戶而言，這個(gè)活動(dòng)是在今天開始的，但對(duì)于那些在早一點(diǎn)的時(shí)區(qū)里的用戶而言，這個(gè)活動(dòng)在昨天就已經(jīng)開始了。

為你的應(yīng)用寫一則漂亮的App Store描述，最大程度地把握住這個(gè)與潛在用戶溝通的絕佳機(jī)會(huì)。除了準(zhǔn)確描述你的應(yīng)用、強(qiáng)調(diào)應(yīng)用的品質(zhì)與亮點(diǎn)以外，你還需要：

● 修正所有的拼寫、語法與標(biāo)點(diǎn)符號(hào)錯(cuò)誤。這些小錯(cuò)誤也許不會(huì)影響用戶正常使用，但是可能會(huì)讓他們對(duì)應(yīng)用的整體品質(zhì)產(chǎn)生負(fù)面印象。
● 盡量少用全大寫的詞匯。雖然大寫單詞有時(shí)候可以吸引注意力，但是全大寫的段落不適合閱讀，而且會(huì)產(chǎn)生一種朝用戶扯著嗓子吼的感覺。
● 可以描述bug修復(fù)情況。如果您的應(yīng)用新版包含用戶一直期待的bug修復(fù)，那在你的軟件描述中提到這一點(diǎn)就是個(gè)很好的做法。

1.13 與iOS的整合（Integrating with iOS）

與iOS整合，指的是在當(dāng)前平臺(tái)上給用戶提供一種舒適的、賓至如歸般的體驗(yàn)，當(dāng)然這并不意味著我們要把每一個(gè)應(yīng)用做的和內(nèi)置應(yīng)用一模一樣。

最好的與iOS整合的方式便是深刻地了解iOS的主題與核心——這一部分在上文為iOS而設(shè)計(jì)（Designing for iOS）部分中已有詳細(xì)描述，并尋求出如何在你的應(yīng)用中融合與表達(dá)這種主題。當(dāng)你這么做的時(shí)候，遵循本章中的指引可以幫助你為你的用戶提供他們想要的體驗(yàn)。

1.13.1 正確使用標(biāo)準(zhǔn)UI元素（Use Standard UI Elements Correctly）

盡可能使用UIkit提供的標(biāo)準(zhǔn)UI元素是一個(gè)好主意。多使用標(biāo)準(zhǔn)元素而非自定義元素，你與你的用戶都將受益：

● 標(biāo)準(zhǔn)UI元素會(huì)根據(jù)iOS官方的更新而自動(dòng)更新——而自定義元素不會(huì)。
● 標(biāo)準(zhǔn)UI元素對(duì)于你自定義外觀和行為來說擁有優(yōu)秀的擴(kuò)展性。舉個(gè)例子，iOS中所有的視圖（Views，從UIView中繼承的對(duì)象）都是可以使用TintColor屬性來定義顏色的，它讓應(yīng)用配色變得很簡(jiǎn)單。
● 用戶更熟悉和習(xí)慣標(biāo)準(zhǔn)的元素，因?yàn)樗麄兛梢粤⒖堂靼啄愕膽?yīng)用中這些元素的用途。

想要充分地利用標(biāo)準(zhǔn)UI元素的優(yōu)點(diǎn)，有一些關(guān)鍵點(diǎn)需要特別注意：

嚴(yán)格遵循每個(gè)UI元素的設(shè)計(jì)規(guī)范。當(dāng)你應(yīng)用中的UI元素的外觀與功能都是用戶所熟悉的，他們可以很容易地根據(jù)先前的經(jīng)驗(yàn)來使用他們，進(jìn)而更好地使用你的應(yīng)用。你可以從這些章節(jié)中找到各種UI元素的設(shè)計(jì)規(guī)范：Bars, Content Views, Controls, Temporary Views.

（譯者注：上文提到的章節(jié)均處在iOS Human Interface Guidelines的第4章，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。若有需要，亦可先參考先前已翻譯的iOS7 UI Elements章節(jié)：上，下。）

不要混用不同版本的iOS里的UI元素。你一定不希望讓用戶覺得你的UI元素來自于與當(dāng)前用戶的設(shè)備版本不同的iOS系統(tǒng)。

大體來說，請(qǐng)避免創(chuàng)造自定義UI元素來表現(xiàn)標(biāo)準(zhǔn)交互行為。先問問你自己為什么一定要?jiǎng)?chuàng)建一個(gè)與標(biāo)準(zhǔn)UI元素行為完全相同的自定義元素。如果你只是想改變標(biāo)準(zhǔn)UI元素的外觀，可以考慮使用UIKit外觀定制API(UIKit appearance customization APIs)，或者給元素填充別的顏色。如果你需要定義一個(gè)與標(biāo)準(zhǔn)控件稍有不同的行為，請(qǐng)確保你在改變了這個(gè)UI元素的屬性和行為之后，這個(gè)元素仍然能完成你所希望的操作。如果你需要完全自定義一個(gè)行為，最好是設(shè)計(jì)一個(gè)與標(biāo)準(zhǔn)元素完全不相像的自定義元素。

提示：Interface Builder讓獲取標(biāo)準(zhǔn)UI元素，使用外觀定制API（the appearance customization APIs），獲取屬性，以及在你的應(yīng)用里使用自定義和系統(tǒng)自帶圖標(biāo)變得很簡(jiǎn)單。想要了解更多Interface Builder的內(nèi)容，請(qǐng)參閱Xcode Overview.

不要用系統(tǒng)自帶的按鈕和圖標(biāo)表達(dá)其他含義。iOS提供了多種可用的按鈕和圖標(biāo)。請(qǐng)確認(rèn)你了解它們的準(zhǔn)確表意；不要單純憑借你看到這些圖標(biāo)樣式的猜測(cè)和理解來解讀和使用它們。（你可以在Toolbar and Navigation Bar Buttons和Tab Bar Icons中了解到這些按鈕和圖標(biāo)的準(zhǔn)確含義。）

如果你所需要的功能無法用系統(tǒng)提供的按鈕和圖標(biāo)來表現(xiàn)，你也可以設(shè)計(jì)自定義按鈕。自定義按鈕的設(shè)計(jì)可以參考 Bar Button Icons.

（譯者注：上文提到的章節(jié)均處在iOS Human Interface Guidelines的第4章，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。若有需要，亦可先參考先前已翻譯的iOS7 UI Elements章節(jié)：上，下。）

如果你的app是沉浸式體驗(yàn)，那么創(chuàng)造全新的自定義UI是合理的。因?yàn)槟阍趧?chuàng)造一個(gè)統(tǒng)一的體驗(yàn)環(huán)境，讓用戶在其中能夠有所期待并探索如何控制應(yīng)用。

1.13.2 弱化文件和文檔處理（Downplay File and Document Handing）

iOS應(yīng)用可以幫助用戶創(chuàng)建和處理文件，但這并不意味著用戶需要過分考慮iOS設(shè)備的文件系統(tǒng)如何運(yùn)作。

如果你的應(yīng)用中支持用戶創(chuàng)建和編輯文檔，那么提供一個(gè)清晰的圖形庫(kù)視圖(document library view)讓用戶能夠方便地打開或者新建文檔是一個(gè)好的做法。理想狀況下，這樣的圖形庫(kù)視圖擁有以下特征：

● 高度圖形化。用戶通過屏幕上的縮略圖就可以一目了然，快速找出自己想要的文件。
● 讓用戶用最少的動(dòng)作完成自己的任務(wù)。比如說，用戶可以快速地水平滾動(dòng)文件列表，然后輕點(diǎn)一下自己想要的文件來打開它。
● 包含新建文檔功能。一個(gè)圖形庫(kù)視圖應(yīng)該支持讓用戶點(diǎn)擊一個(gè)新建文檔的占位圖便完成新建文檔操作，而不是讓用戶通過訪問別的地方來新建文檔。

舉個(gè)例子，Pages的圖形庫(kù)視圖里面，既展示了用戶已存在的文檔，也加入了便捷的新建文檔操作。

提示：你可以使用Quick Look Preview功能來讓用戶預(yù)覽你的應(yīng)用中的文件，哪怕你的應(yīng)用不能打開這些文件。想要了解如何在你的應(yīng)用中提供這個(gè)功能，請(qǐng)參閱Quick Look.

如果你的應(yīng)用允許用戶使用在其他應(yīng)用中創(chuàng)建的文檔，你可以通過模態(tài)文檔選擇視圖控制器（modal document picker view controller）來幫助用戶觸達(dá)它們。這個(gè)控制器可以提取用戶在iCloud中的文檔，還可以通過文檔提供者擴(kuò)展（Document Provider extensions）來提取在其它應(yīng)用中創(chuàng)建和儲(chǔ)存的文件。想要了解更多文檔提供者擴(kuò)展的內(nèi)容，可以參考Document Provider Extensions; 想要了解更多文檔提取視圖控制器，請(qǐng)參考Document Picker Programming Guide.

給用戶足夠的信心，讓他們相信除非主動(dòng)取消或者刪除，他們的成果會(huì)被隨時(shí)妥善保存。如果你的應(yīng)用幫助用戶創(chuàng)建于管理文檔，不能要求用戶每次都能及時(shí)保存。無論是打開另一個(gè)文檔或切換應(yīng)用的時(shí)候，iOS應(yīng)用都應(yīng)當(dāng)承擔(dān)起幫助用戶保存輸入內(nèi)容的責(zé)任。

如果你的應(yīng)用的主要功能不是創(chuàng)造內(nèi)容，但又允許用戶查看或編輯信息，這種情況下你需要詢問用戶是否要保存修改。在這種場(chǎng)景下，比較好的做法是提供“編輯”按鈕，點(diǎn)擊后進(jìn)入編輯狀態(tài)，同時(shí)編輯按鈕變成“保存”和“取消”按鈕，這種變化可以提示用戶當(dāng)前處于編輯模式?！氨４妗笨梢员Ａ粜薷膬?nèi)容，“取消”則退出編輯模式。

1.13.3 必要時(shí)提供可配置選項(xiàng)（Be Configurable If Necessary）

某些應(yīng)用需要用戶手動(dòng)安裝或設(shè)置選項(xiàng)，但是大部分應(yīng)用不需要如此。一個(gè)好的應(yīng)用可以讓大部分用戶快速上手，并通過主界面給用戶提供便捷的調(diào)整體驗(yàn)的方式。

當(dāng)你的應(yīng)用在默認(rèn)狀態(tài)下就能滿足大部分用戶的期望，用戶對(duì)設(shè)置的需求就減少了。如果你需要儲(chǔ)存用戶的基本資料，可以優(yōu)先向系統(tǒng)請(qǐng)求和拉取相關(guān)信息，而不是上來就讓用戶自己填寫它。如果你一定要提供用戶鮮少用到的設(shè)置項(xiàng)，請(qǐng)參考App Programming Guide for iOS中的The Setting Bundle部分來了解如何在代碼中定義它們。

盡可能在主UI中提供設(shè)置選項(xiàng)。如果這個(gè)設(shè)置項(xiàng)代表著用戶一個(gè)基本任務(wù)，又或者用戶在進(jìn)行主線任務(wù)時(shí)有可能頻繁改變?cè)O(shè)置，那么將設(shè)置項(xiàng)放在主UI中會(huì)很方便。如果用戶只是偶爾才會(huì)用到設(shè)置項(xiàng)，那么可以將其放在獨(dú)立的視圖中。

如果應(yīng)用內(nèi)相關(guān)設(shè)置需要在系統(tǒng)設(shè)置中改變，幫助用戶直接訪問系統(tǒng)設(shè)置。尤其是，如果你要用一段文字來描述如何改變這個(gè)設(shè)置，比如“設(shè)置>隱私>定位服務(wù)”，倒不如直接放置一個(gè)按鈕，點(diǎn)擊后即可到達(dá)設(shè)置中的定位服務(wù)。想要了解如何實(shí)現(xiàn)，請(qǐng)參考 Settings Launch URL.

1.13.4 充分利用iOS技術(shù)（Take Advantage of iOS Technologies）

iOS提供了豐富的技術(shù)方式來支持用戶完成他們所期望的各種任務(wù)和場(chǎng)景。這意味著在絕大多數(shù)情況下，將系統(tǒng)提供的技術(shù)整合到你的應(yīng)用中，往往比自定義一種新的技術(shù)更為可靠。

某些iOS技術(shù)，比如多任務(wù)并行（Multitasking）與語音向?qū)В?a target="_blank">VoiceOver）等等，是所有應(yīng)用都應(yīng)該包含的系統(tǒng)級(jí)特性。而另外一些技術(shù)是否整合到應(yīng)用中，則取決于應(yīng)用本身的功能性。比如處理門票和禮品卡的應(yīng)用（Wallet）支持用戶在應(yīng)用內(nèi)內(nèi)購(gòu)（In-App Purchase），展示應(yīng)用內(nèi)置廣告（iAd Rich Media Ads）則可以整合 Game Center，同時(shí)支持iCloud.

本章英文原文訪問地址：iOS Human Interface Guidelines
本章中文翻譯PDF下載：點(diǎn)此下載

iOS 9人機(jī)界面指南（一）：UI設(shè)計(jì)基礎(chǔ)（上）