當(dāng)有人旋轉(zhuǎn)設(shè)備時，整個布局不必更改。例如：如果您的應(yīng)用以縱向模式顯示圖像網(wǎng)格，則不必在橫向模式下顯示與列表相同的圖像。相反，它可能只是調(diào)整網(wǎng)格的尺寸。嘗試在所有情況下保持可比較的體驗(yàn)。

（3）如果您的應(yīng)用以單一方向運(yùn)行至關(guān)重要，請同時支持這兩種變體

無論用戶是向左還是向右旋轉(zhuǎn)設(shè)備，都應(yīng)該可以使用僅以橫向模式運(yùn)行的應(yīng)用程序。僅在縱向模式下運(yùn)行的應(yīng)用程序應(yīng)在用戶將設(shè)備旋轉(zhuǎn)180度時將其內(nèi)容旋轉(zhuǎn)180度 – 除了iPhone X，這不支持倒置縱向模式。如果當(dāng)某人將設(shè)備放在錯誤的方向時你的應(yīng)用程序沒有自動旋轉(zhuǎn)，他們就會本能地知道旋轉(zhuǎn)它。你不需要告訴他們。

（4）根據(jù)上下文自定義應(yīng)用程序?qū)啌Q的響應(yīng)

例如：允許人們通過旋轉(zhuǎn)設(shè)備來移動角色的游戲可能不應(yīng)該在游戲過程中切換方向。但是，它可以根據(jù)當(dāng)前方向顯示菜單和前奏序列。

（5）確保您的應(yīng)用在iPad上運(yùn)行，而不僅僅在iPhone上運(yùn)行

用戶可以靈活地在任何類型的iOS設(shè)備上運(yùn)行您的應(yīng)用程序，即使您希望大多數(shù)人在iPhone上使用您的應(yīng)用程序，界面元素仍應(yīng)在iPad上可見且可用。如果您的應(yīng)用的某些功能需要特定于iPhone的硬件（如3D Touch），請考慮在iPad上隱藏或禁用這些功能，并讓人們使用您應(yīng)用的其他功能。

全屏4.7“設(shè)備圖像

在5.8“設(shè)備上裁剪

5.8“設(shè)備上的信箱

全屏5.8“設(shè)備圖像

在4.7“設(shè)備上裁剪

柱塞在4.7“設(shè)備上

（6）在重用現(xiàn)有藝術(shù)作品時，請注意寬高比差異

不同的屏幕尺寸可能具有不同的寬高比，導(dǎo)致藝術(shù)品出現(xiàn)裁剪，信箱或郵筒。確保所有顯示尺寸都能保留重要的可視內(nèi)容。

設(shè)計全屏體驗(yàn)

（1）擴(kuò)展可視元素以填充屏幕

確保背景延伸到顯示器的邊緣，并且垂直可滾動的布局（如：表和集合）一直延伸到底部。

（2）避免將交互式控件明確放置在屏幕的最底部和角落中

人們使用顯示屏底部的滑動手勢來訪問主屏幕和應(yīng)用切換器等功能，這些手勢可能會取消您在此區(qū)域中實(shí)現(xiàn)的自定義手勢，屏幕的遠(yuǎn)角可能是人們舒適地到達(dá)的困難區(qū)域。

（3）插入必要內(nèi)容以防止剪裁

通常，內(nèi)容應(yīng)該居中且對稱插入，因此它在任何方向上看起來都很好，沒有被圓角修剪，沒有被傳感器外殼隱藏，并且不會被用于訪問主屏幕的指示器遮擋。為獲得最佳效果，請使用標(biāo)準(zhǔn)的，系統(tǒng)提供的界面元素和自動布局來構(gòu)建界面并遵循布局指南和安全區(qū)域由UIKit定義。

當(dāng)設(shè)備處于橫向時，某些類似應(yīng)用的游戲可能適合在屏幕的下半部分（延伸到安全區(qū)域下方）放置可點(diǎn)擊控件，以便為內(nèi)容留出更多空間。在屏幕頂部和底部放置控件時使用匹配的插入，并在Home指示器周圍留出足夠的空間，以便人們在嘗試與控件交互時不會意外地將其作為目標(biāo)。

（4）插入全寬按鈕

延伸到屏幕邊緣的按鈕可能看起來不像按鈕，尊重全寬按鈕兩側(cè)的標(biāo)準(zhǔn)UIKit邊距。當(dāng)屏幕底部出現(xiàn)圓角并與安全區(qū)域的底部對齊時，屏幕底部出現(xiàn)的全寬按鈕效果最佳 – 這也確保它不會與Home指示燈沖突。

（5）請勿掩蓋或特別注意按鍵顯示功能

不要試圖通過在屏幕的頂部和底部放置黑條來隱藏設(shè)備的圓角，傳感器外殼或用于訪問主屏幕的指示器。不要使用括號，邊框，形狀或教學(xué)文本等視覺裝飾來特別注意這些區(qū)域。

（6）請注意狀態(tài)欄高度

全屏iPhone上的狀態(tài)欄比舊款iPhone更高，如果您的應(yīng)用假設(shè)狀態(tài)欄高度為狀態(tài)欄下方的定位內(nèi)容，則必須更新您的應(yīng)用以根據(jù)用戶的設(shè)備動態(tài)定位內(nèi)容。請注意，當(dāng)語音錄制和位置跟蹤等后臺任務(wù)處于活動狀態(tài)時，全屏iPhone上的狀態(tài)欄不會更改高度。

（7）如果您的應(yīng)用當(dāng)前隱藏了狀態(tài)欄，請重新考慮全屏iPhone的決定

與舊款iPhone相比，全屏iPhone的內(nèi)容垂直空間更大，狀態(tài)欄占據(jù)了您的應(yīng)用可能無法充分利用的屏幕區(qū)域。狀態(tài)欄還顯示人們認(rèn)為有用的信息。它只應(yīng)隱藏以換取附加值。

（8）允許自動隱藏指示器以便謹(jǐn)慎訪問主屏幕

啟用自動隱藏后，如果用戶未觸摸屏幕幾秒鐘，指示燈會淡出。當(dāng)用戶再次觸摸屏幕時，它會重新出現(xiàn)。應(yīng)僅針對播放視頻或照片幻燈片等被動查看體驗(yàn)啟用此行為。

二、動畫

貫穿于iOS系統(tǒng)的優(yōu)美、精細(xì)的動畫在用戶和屏幕屏幕內(nèi)容之間建立了一種視覺上的聯(lián)系。當(dāng)動畫被合理利用時，它能夠表達(dá)狀態(tài)、提供反饋、加強(qiáng)直接操縱感，并且視覺化呈現(xiàn)用戶的操作結(jié)果。

（1）明智且審慎地使用動畫和動效

不要為了使用動畫而使用動畫。過度或是無理由的動畫會讓用戶感到不連貫或是錯亂，尤其是在那些不能提供沉浸式體驗(yàn)的a應(yīng)用中。iOS經(jīng)常使用動效，比如：在主屏和其它地方使用了視差效果，來建立用戶對深度的認(rèn)知。這些效果有助于增強(qiáng)理解和提升愉悅感，但是濫用它們就會讓一個應(yīng)用變得令人困惑并且難以控制。如果你想使用動效，一定要進(jìn)行用戶測試以保證它們真的能完成使命。

（2）動畫要盡可能的寫實(shí)且連貫

用戶可以接受藝術(shù)創(chuàng)造，但是當(dāng)動效沒有意義或是違背了物理定律時，用戶就會感到混亂。打個比方，如果用戶通過在屏幕頂部下滑呼出一個視圖，那么他們應(yīng)該也能通過上滑將該視圖關(guān)閉。

（3）動畫要保持一致性

一個熟悉并流暢的體驗(yàn)?zāi)芤恢弊層脩魠⑴c其中，用戶已經(jīng)習(xí)慣了貫穿于iOS系統(tǒng)的精細(xì)動畫，比如平穩(wěn)的過渡、橫豎屏之間的流暢轉(zhuǎn)換和基于物理現(xiàn)實(shí)的滾動。 除非你在創(chuàng)造一個沉浸式體驗(yàn)，比如游戲，不然自定義動畫都應(yīng)該和系統(tǒng)自動地動畫相符。

（4）動畫要有可選擇性

當(dāng)偏好設(shè)置中的動畫選項(xiàng)被設(shè)置為減少動效時，應(yīng)用應(yīng)該最小化或者直接關(guān)閉動畫。

三、品宣

成功的品宣不僅是單純地在應(yīng)用中添加品牌元素，優(yōu)秀的應(yīng)用通過優(yōu)雅別致的文字、顏色和圖片來營造獨(dú)特的品牌辨識度。提供足夠多的品牌元素讓用戶感覺是處在你的應(yīng)用中，但要因?yàn)榻o予太多而變成干擾。

（1）融入精妙的、不唐突的品牌元素

用戶使用你的應(yīng)用是獲得娛樂、得到信息或是完成任務(wù)，而不是為了觀看一個廣告。要想達(dá)到最好的體驗(yàn)，請巧妙地將品牌融于應(yīng)用設(shè)計中。讓應(yīng)用圖標(biāo)的顏色貫穿于界面設(shè)計，是一個在你的應(yīng)用中提供專屬環(huán)境的好辦法。

（2）不要讓品宣阻礙了優(yōu)秀的應(yīng)用設(shè)計

首先，讓你的應(yīng)用要更像是一個iOS應(yīng)用。保證它是直觀的、易于導(dǎo)航的、易用的并且以內(nèi)容為中心的。當(dāng)你的應(yīng)用在其它平臺也適用，不要為了保持品牌的一致性而犧牲了設(shè)計的質(zhì)量。

（3）內(nèi)容比品宣更重要

在屏幕頂部一直放置一個除了展示品牌元素以外沒有任何用途的頭欄，就意味著犧牲了用來瀏覽內(nèi)容的空間。取而代之的，考慮采用低侵入性的方式來實(shí)現(xiàn)品宣，比如使用自定義的配色方案和字體，或是巧妙地自定義背景。

（4）抵制住想要在應(yīng)用中到處展示logo的誘惑

避免在應(yīng)用中到處展示logo，除非它是品宣中是必不可少的一部分。這點(diǎn)在導(dǎo)航欄中尤其重要，因?yàn)樘峁┮粋€標(biāo)題比logo更加有用。

（5）遵循Apple的商標(biāo)準(zhǔn)則

Apple的商標(biāo)不能在你的應(yīng)用名字或是圖像中出現(xiàn)，請參閱Apple Trademark List?和?Guidelines for Using Apple Trademarks。

四、顏色（Color）

顏色是賦予活力，提供視覺連續(xù)性，傳達(dá)狀態(tài)信息，響應(yīng)用戶操作提供反饋以及幫助人們可視化數(shù)據(jù)的好方法。在明亮和黑暗的背景下，選擇單獨(dú)和組合看起來很棒的應(yīng)用色調(diào)顏色時，請查看系統(tǒng)的配色方案以獲得指導(dǎo)。

（1）明智地使用顏色進(jìn)行交流

當(dāng)謹(jǐn)慎使用時，提高注意重要信息的顏色力量會增強(qiáng)。例如：當(dāng)出于非關(guān)鍵原因在應(yīng)用程序的其他地方使用紅色時，警告人們發(fā)生嚴(yán)重問題的紅色三角形變得不那么有效。

（2）在整個應(yīng)用中使用補(bǔ)色

應(yīng)用中的顏色應(yīng)該可以很好地協(xié)同工作，而不是沖突或分散注意力。例如：如果粉彩對于應(yīng)用程序的樣式至關(guān)重要，請使用一組協(xié)調(diào)的粉彩。

（3）選擇與您的應(yīng)用logo協(xié)調(diào)的有限調(diào)色板

微妙地使用顏色是傳達(dá)品牌的好方法。

（4）考慮選擇一種關(guān)鍵顏色，以指示整個應(yīng)用程序的交互性

在Notes中，交互元素為黃色。在日歷中，交互式元素為紅色。如果您定義表示交互性的鍵顏色，請確保其他顏色不與之競爭。

（5）避免對交互式和非交互式元素使用相同的顏色

如果交互式和非交互式元素具有相同的顏色，則人們很難知道在哪里挖掘。

啟用和禁用元素

（6）考慮藝術(shù)品和半透明度如何影響附近的顏色

藝術(shù)品的變化有時需要改變附近的顏色，以保持視覺連續(xù)性并防止界面元素變得過于強(qiáng)大或令人沮喪。例如：地圖在使用地圖模式時會顯示淺色方案，但在激活衛(wèi)星模式時會切換為深色方案。放置在半透明元素后面或應(yīng)用于半透明元素（如工具欄）時，顏色也會顯得不同。

淺色方案

暗色方案

（7）在各種照明條件下測試應(yīng)用程序的配色方案

根據(jù)房間的氛圍、時間、天氣等因素，室內(nèi)和室外的照明會有很大差異。當(dāng)您的應(yīng)用在現(xiàn)實(shí)世界中使用時，您在計算機(jī)上看到的顏色看起來并不總是一樣。始終在多種光照條件下預(yù)覽您的應(yīng)用，包括在晴天戶外，以查看顏色的顯示方式。如有必要，調(diào)整顏色以在大多數(shù)用例中提供最佳的觀看體驗(yàn)。

（8）考慮True Tone顯示如何影響顏色

True Tone顯示器使用環(huán)境光傳感器自動調(diào)整顯示器的白點(diǎn)，以適應(yīng)當(dāng)前環(huán)境的照明條件。主要關(guān)注閱讀、照片、視頻和游戲的應(yīng)用可以通過指定白點(diǎn)適應(yīng)性樣式來加強(qiáng)或削弱此效果。有關(guān)開發(fā)人員指南，請參閱信息屬性列表鍵參考。

（9）注意色盲

例如：許多色盲人發(fā)現(xiàn)很難區(qū)分紅色和綠色（顏色與灰色）或藍(lán)色與橙色。避免使用這些顏色組合作為區(qū)分兩種狀態(tài)或值的唯一方法。例如：您可以使用紅色方塊和綠色圓圈，而不是使用紅色和綠色圓圈表示離線和在線。一些圖像編輯軟件包括可以幫助您證明色盲的工具。

如沒有色盲所見

如紅綠色盲目所見

（10）考慮如何在其他國家和文化中看到您對顏色的使用

例如：在某些文化中，紅色表示危險。在其他人看來，紅色具有積極的內(nèi)涵，確保應(yīng)用中的顏色發(fā)送相應(yīng)的消息。

（11）使用足夠的顏色對比度

您的應(yīng)用中對比度不足會讓每個人都難以閱讀內(nèi)容，例如：圖標(biāo)和文本可能與背景混合在一起。在線顏色對比度計算器可幫助您準(zhǔn)確分析應(yīng)用中的顏色對比度，以確保其符合最佳標(biāo)準(zhǔn)。力爭最小對比度為4.5：1，盡管7：1是首選，因?yàn)樗细鼑?yán)格的可訪問性標(biāo)準(zhǔn)。

色彩管理

（1）將顏色配置文件應(yīng)用于圖像

iOS上的默認(rèn)顏色空間是標(biāo)準(zhǔn)RGB（sRGB），要確保顏色與此顏色空間正確匹配，請確保您的圖像包含嵌入的顏色配置文件。

（2）使用寬色可增強(qiáng)兼容顯示器的視覺體驗(yàn)

寬色顯示器支持P3色彩空間，可以產(chǎn)生比sRGB更豐富，更飽和的色彩。因此，使用寬色的照片和視頻更加逼真，使用寬色的視覺數(shù)據(jù)和狀態(tài)指示器更具影響力。適當(dāng)時，使用每像素16位（每個通道）的顯示P3顏色配置文件，并以.png格式導(dǎo)出圖像。請注意，需要使用寬色顯示器來設(shè)計寬色圖像并選擇P3色。

（3）在體驗(yàn)需要時提供特定于顏色空間的圖像和顏色變化

通常，P3顏色和圖像往往在sRGB設(shè)備上出現(xiàn)預(yù)期。然而，偶爾，當(dāng)在sRGB中觀看時，可能很難區(qū)分兩種非常相似的P3顏色，使用P3光譜中的顏色的漸變有時也會出現(xiàn)在sRGB設(shè)備上。為避免這些問題，您可以在Xcode項(xiàng)目的資產(chǎn)目錄中提供不同的圖像和顏色，以確保在寬色和sRGB設(shè)備上的視覺保真度。

（4）在實(shí)際sRGB和寬色顯示屏上預(yù)覽應(yīng)用程序的顏色

根據(jù)需要進(jìn)行調(diào)整，以確保在兩種類型的顯示器上獲得同樣出色的視覺體驗(yàn)。

提示在具有寬色顯示的Mac上，您可以使用系統(tǒng)顏色選擇器選擇和預(yù)覽P3顏色，并將它們與sRGB顏色進(jìn)行比較。

五、術(shù)語

您應(yīng)用中的每個字都是與用戶對話的一部分。使用此對話可以幫助他們在您的應(yīng)用中感到舒適。

（1）使用熟悉，易懂的單詞和短語

技術(shù)可能令人生畏，避免人們可能不理解的縮略語和技術(shù)術(shù)語，使用您對受眾的了解來確定某些字詞或短語是否合適。一般來說，吸引所有人的應(yīng)用程序應(yīng)該避開高技術(shù)語言，這種語言可能適用于針對更高級或技術(shù)人群的應(yīng)用。

（2）保持界面文本清晰簡潔

人們可以快速輕松地吸收簡短直接的文本，并且不喜歡被迫閱讀長篇文章來完成任務(wù)。確定最重要的信息，簡潔地表達(dá)，并突出顯示，以便人們不必過多地閱讀以找到他們正在尋找的內(nèi)容或找出下一步該做什么。

（3）適當(dāng)?shù)刈R別互動元素

人們應(yīng)該能夠一眼就看出元素的作用，標(biāo)記按鈕和其他交互元素時，請使用動作謂詞，例如：“連接”，“發(fā)送”和“添加”。

（4）避免使用可能聽起來光顧的語言

避免我們，我們，我和我（例如“我們的教程”和“我的鍛煉”），他們有時被解釋為侮辱或光顧。

（5）力求非正式，友好的語氣

一種非正式，平易近人的風(fēng)格與您在午餐時與人交談的方式相呼應(yīng)。偶爾使用收縮，您和您直接向用戶說話。

（6）使用幽默時要小心

請記住，人們很可能會多次閱讀界面中的文字，而且一開始可能看起來很聰明的東西會隨著時間的推移變得煩躁。還要記住，一種文化中的幽默并不一定能很好地轉(zhuǎn)化為其他文化。

（7）使用相關(guān)且一致的語言和圖像

始終確保指導(dǎo)適合當(dāng)前的背景，例如：如果有人使用iPad，則不顯示iPhone提示或圖形。使用與平臺一致的語言，您可以在觸摸屏上輕擊、輕拂、滑動、捏合和拖動內(nèi)容。您按下響應(yīng)3D Touch的物理按鈕和內(nèi)容，您旋轉(zhuǎn)并搖動設(shè)備。

（8）準(zhǔn)確地參考日期

使用像今天和明天這樣的友好術(shù)語是合適的，但如果您不考慮當(dāng)前的區(qū)域設(shè)置，這些術(shù)語可能會令人困惑或不準(zhǔn)確?？紤]一個在午夜之前開始的事件，在一個時區(qū)，活動可能從今天開始。在另一個時區(qū)，同一事件可能已于昨天開始。通常，日期應(yīng)反映觀看活動的人的時區(qū)。但是，在某些情況下，例如在航班跟蹤應(yīng)用中，可能更清楚地明確顯示航班起始的起始日期和時區(qū)。

六、字體

San Francisco (SF)是IOS中的系統(tǒng)字體。系統(tǒng)對這種字體進(jìn)行了優(yōu)化，給你的文字無法比擬的易讀性，清晰性和一致性。

（1）強(qiáng)調(diào)重要信息

使用字體粗細(xì)、大小和顏色來突出應(yīng)用程序中最重要的信息。

（2）如果可能的話，只使用一種類型字體

混合幾種不同的字體會使你的應(yīng)用程序看起來支離破碎，盡可能的只使用一種字體和以及叫少量的字體變化和大小。

（3）盡可能使用內(nèi)置的文本樣式

內(nèi)置的文本風(fēng)格可以使你的應(yīng)用在保持各種不同內(nèi)容展示的基礎(chǔ)上，同時保留最佳的易讀性。這些樣式是基于系統(tǒng)本身的各種優(yōu)勢性特征實(shí)現(xiàn)的，如動態(tài)類型，它可以自動調(diào)整每個字體的大小。

IOS包含以下文本樣式：

1. 大標(biāo)題
2. 標(biāo)題1
3. 標(biāo)題2
4. 標(biāo)題3
5. 標(biāo)題
6. 正文
7. 編號
8. 小標(biāo)題
9. 腳注
10. 說明1
11. 說明2

（4）確保自定義字體易讀的

iOS支持自定義字體，但這些通常很難閱讀。除非你的應(yīng)用程序?qū)ψ远x字體有強(qiáng)烈的需求，比如：為了品牌的目的，或者為了創(chuàng)造一種身臨其境的游戲體驗(yàn)，否則的話最好還是堅(jiān)持使用系統(tǒng)字體。如果您使用自定義字體，請確保它很容易閱讀，即使是小尺寸的字體。

（5）實(shí)現(xiàn)自定義字體的輔助功能

系統(tǒng)字體自動響應(yīng)諸如粗體文本和較大類型的可訪問特性，使用自定義字體的應(yīng)用程序應(yīng)該實(shí)現(xiàn)相同的行為，檢查是否啟用了可訪問性功能，并在變更時及時通知。

動態(tài)字體大小

San Francisco字體的設(shè)計無論在大小還是在尺寸上都是高度易讀的，動態(tài)字體則提供了額外的靈活性，讀者可以選擇自己喜歡的文本大小。

（1）在響應(yīng)文本大小更改時將內(nèi)容優(yōu)先化

并非所有內(nèi)容都同等重要，當(dāng)有人選擇更大的尺寸時，他們希望使他們關(guān)心的內(nèi)容更容易閱讀，他們并不總是希望屏幕上的每一個字都更大。

較大可訪問類型大?。?/strong>