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

（3）如果您的應用以單一方向運行至關重要，請同時支持這兩種變體

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

（4）根據上下文自定義應用程序對輪換的響應

例如：允許人們通過旋轉設備來移動角色的游戲可能不應該在游戲過程中切換方向。但是，它可以根據當前方向顯示菜單和前奏序列。

（5）確保您的應用在iPad上運行，而不僅僅在iPhone上運行

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

全屏4.7“設備圖像

在5.8“設備上裁剪

5.8“設備上的信箱

全屏5.8“設備圖像

在4.7“設備上裁剪

柱塞在4.7“設備上

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

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

設計全屏體驗

（1）擴展可視元素以填充屏幕

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

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

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

（3）插入必要內容以防止剪裁

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

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

（4）插入全寬按鈕

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

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

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

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

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

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

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

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

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

二、動畫

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

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

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

（2）動畫要盡可能的寫實且連貫

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

（3）動畫要保持一致性

一個熟悉并流暢的體驗能一直讓用戶參與其中，用戶已經習慣了貫穿于iOS系統(tǒng)的精細動畫，比如平穩(wěn)的過渡、橫豎屏之間的流暢轉換和基于物理現(xiàn)實的滾動。 除非你在創(chuàng)造一個沉浸式體驗，比如游戲，不然自定義動畫都應該和系統(tǒng)自動地動畫相符。

（4）動畫要有可選擇性

當偏好設置中的動畫選項被設置為減少動效時，應用應該最小化或者直接關閉動畫。

三、品宣

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

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

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

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

首先，讓你的應用要更像是一個iOS應用。保證它是直觀的、易于導航的、易用的并且以內容為中心的。當你的應用在其它平臺也適用，不要為了保持品牌的一致性而犧牲了設計的質量。

（3）內容比品宣更重要

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

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

避免在應用中到處展示logo，除非它是品宣中是必不可少的一部分。這點在導航欄中尤其重要，因為提供一個標題比logo更加有用。

（5）遵循Apple的商標準則

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

四、顏色（Color）

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

（1）明智地使用顏色進行交流

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

（2）在整個應用中使用補色

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

（3）選擇與您的應用logo協(xié)調的有限調色板

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

（4）考慮選擇一種關鍵顏色，以指示整個應用程序的交互性

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

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

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

啟用和禁用元素

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

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

淺色方案

暗色方案

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

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

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

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

（9）注意色盲

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

如沒有色盲所見

如紅綠色盲目所見

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

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

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

您的應用中對比度不足會讓每個人都難以閱讀內容，例如：圖標和文本可能與背景混合在一起。在線顏色對比度計算器可幫助您準確分析應用中的顏色對比度，以確保其符合最佳標準。力爭最小對比度為4.5：1，盡管7：1是首選，因為它符合更嚴格的可訪問性標準。

色彩管理

（1）將顏色配置文件應用于圖像

iOS上的默認顏色空間是標準RGB（sRGB），要確保顏色與此顏色空間正確匹配，請確保您的圖像包含嵌入的顏色配置文件。

（2）使用寬色可增強兼容顯示器的視覺體驗

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

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

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

（4）在實際sRGB和寬色顯示屏上預覽應用程序的顏色

根據需要進行調整，以確保在兩種類型的顯示器上獲得同樣出色的視覺體驗。

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

五、術語

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

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

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

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

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

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

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

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

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

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

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

（6）使用幽默時要小心

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

（7）使用相關且一致的語言和圖像

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

（8）準確地參考日期

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

六、字體

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

（1）強調重要信息

使用字體粗細、大小和顏色來突出應用程序中最重要的信息。

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

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

（3）盡可能使用內置的文本樣式

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

IOS包含以下文本樣式：

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

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

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

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

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

動態(tài)字體大小

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

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

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

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