編輯導(dǎo)語：iOS作為常用的移動操作系統(tǒng)之一，互聯(lián)網(wǎng)應(yīng)用的產(chǎn)品設(shè)計師、開發(fā)者等都需要熟悉該操作系統(tǒng)的設(shè)計規(guī)范。繼上篇文章作者介紹了iOS設(shè)計規(guī)范的人機交互之后，本篇文章作者繼續(xù)介紹了iOS設(shè)計規(guī)范的視覺設(shè)計，一起來看一下。

iOS是運行于iPhone、iPad和iPod touch設(shè)備上、最常用的移動操作系統(tǒng)之一。作為互聯(lián)網(wǎng)應(yīng)用的開發(fā)者、產(chǎn)品經(jīng)理、體驗設(shè)計師，都應(yīng)當(dāng)理解并熟悉平臺的設(shè)計規(guī)范。這有利于提高我們的工作效率，保證用戶良好的體驗。本文是iOS設(shè)計規(guī)范系列第7篇，介紹視覺設(shè)計（Visual Design）。

一、適應(yīng)性布局（Adaptivity and Layout）

人們通常希望能夠在所有設(shè)備上和任何環(huán)境下使用自己喜歡的應(yīng)用程序。在iOS應(yīng)用中，您可以配置界面元素和布局，以在iPad上執(zhí)行多任務(wù)處理時、在拆分視圖中、在屏幕旋轉(zhuǎn)時以及在其他設(shè)備上自動更改形狀和大小。設(shè)計一個適應(yīng)性強的界面在任何環(huán)境下都提供出色的體驗非常重要。

1. 設(shè)備屏幕尺寸和方向

iOS設(shè)備具有各種屏幕尺寸，可以縱向或橫向使用。在iPhone X和iPad Pro等邊對邊設(shè)備中，顯示屏的圓角與設(shè)備的整體尺寸非常匹配。其他設(shè)備（例如iPhone SE和iPad Air）具有矩形顯示屏。

如果您的應(yīng)用在特定設(shè)備上運行，請確保該應(yīng)用在該設(shè)備的所有屏幕尺寸上運行。換句話說，僅iPhone應(yīng)用程序必須在每個iPhone屏幕尺寸上運行，而僅iPad應(yīng)用程序必須在每個iPad屏幕尺寸上運行。

2. 自動布局

自動布局（Auto Layout）是一種構(gòu)建自適應(yīng)接口的開發(fā)工具。使用“自動布局”，你就可以定義控制APP中內(nèi)容的規(guī)則（稱為約束）。例如：無論可用的屏幕空間多大，你都可以約束一個按鈕，使其始終水平居中并定位在距離圖像下方8pt的位置。

當(dāng)檢測到某些環(huán)境變化（稱為特征）時，自動布局會根據(jù)指定的約束自動調(diào)整布局。你可以將APP設(shè)置為動態(tài)適應(yīng)各種特征，包括：

• 不同的設(shè)備屏幕尺寸，分辨率和色域（sRGB / P3）；
• 不同的設(shè)備方向（縱向/橫向）；
• 拆分視圖；
• iPad上的多任務(wù)處理模式；
• 動態(tài)類型文本大小更改；
• 基于區(qū)域設(shè)置啟用的國際化功能（從左到右/從右到左的布局方向，日期/時間/數(shù)字格式，字體變化，文本長度）；
• 系統(tǒng)功能可用性（3D Touch）。

3. 布局指南和安全區(qū)域

布局指南中定義的矩形區(qū)域?qū)嶋H上在屏幕上不可見，但有助于內(nèi)容的定位、對齊和間距。該系統(tǒng)包括預(yù)定義的布局指南，可輕松在內(nèi)容周圍應(yīng)用標準邊距并限制文本的寬度，以實現(xiàn)最佳的可讀性。您還可以定義自定義布局指南。

遵守UIKit定義的安全區(qū)域和布局邊距。這些布局指南可確保根據(jù)設(shè)備和上下文進行適當(dāng)?shù)牟迦?。安全區(qū)域還可以防止內(nèi)容重疊在狀態(tài)欄、導(dǎo)航欄、工具欄和選項卡欄上。系統(tǒng)提供的標準視圖將自動采用安全區(qū)域布局指南。

4. 尺寸類型

尺寸類型是根據(jù)大小自動分配給內(nèi)容區(qū)域的特征。系統(tǒng)定義了兩個尺寸類型，常規(guī)/Regular（表示擴展空間）和緊湊/ Compact（表示約束空間），它們用來描述視圖的高度和寬度。

視圖可能包含尺寸類型的任意組合：

• 常規(guī)寬度，常規(guī)高度；
• 緊湊寬度，緊湊高度；
• 常規(guī)寬度，緊湊高度；
• 緊湊寬度，常規(guī)高度。

iOS會根據(jù)內(nèi)容區(qū)域的尺寸類型動態(tài)地進行布局調(diào)整。例如：當(dāng)垂直尺寸類型從緊湊高度變?yōu)槌Ｒ?guī)高度時，可能是因為用戶將設(shè)備從橫向旋轉(zhuǎn)到縱向，標簽欄可能會變得更高。

1）設(shè)備尺寸類型

根據(jù)屏幕尺寸，不同尺寸類別組合適用于不同設(shè)備上的全屏體驗。

2）多任務(wù)尺寸類型

在iPad上，當(dāng)應(yīng)用程序在多任務(wù)配置運行時，尺寸類型也適用。

5. 布局注意事項

1）確保主要內(nèi)容以其默認大小清晰可見。

用戶沒有必要通過水平滾屏來閱讀重要文本，或者放大才能查看主要圖像，除非用戶自己選擇改變尺寸。

2）在整個APP中保持整體一致的外觀。

通常，具有相似功能的元素應(yīng)該看起來是相似或者統(tǒng)一的。

3）使用視覺重量和平衡來傳達重要性。

大的元素吸引眼球，而且看起來比較小的元素更重要。較大的元素也更容易點擊，這對于處在極易分散用戶注意力環(huán)境下的APP尤為重要，例如用戶在廚房或健身房。

通常將主要內(nèi)容或元素放置在屏幕的上半部分中，并在從左至右的閱讀習(xí)慣中放置在屏幕的左側(cè)附近。

4）保持對齊讓用戶瀏覽更簡單，并傳達組織和層級關(guān)系。

對齊使APP看起來整潔有序，用助于用戶在滾動時集中注意力，并使查找信息變得更加容易?？s進和對齊還可以表明內(nèi)容之間的關(guān)系。

5）如果可以的話，同時支持縱向和橫向。

用戶更喜歡在不同的方向使用APP，因此最好是你能夠滿足用戶這種期望。

6）做好更改文本大小的準備。

用戶希望大多數(shù)APP在設(shè)置中選擇不同的文本大小時都能做出響應(yīng)。若要適應(yīng)某些文本大小的更改，你可能需要調(diào)整布局。

7）為可交互元素提供充足的點擊熱區(qū)。

將所有控件的最小可觸碰區(qū)域保持在44pt x 44pt。

8）在多個設(shè)備上預(yù)覽你的APP。

你可以使用模擬器（Xcode附帶）預(yù)覽你的APP，來檢查裁剪以及其他布局問題。如果你的APP支持橫向模式，不管設(shè)備是左旋轉(zhuǎn)還是右旋轉(zhuǎn)，都要確保你的布局看起來很棒。

9）在較大的設(shè)備上顯示文本時，應(yīng)留有可讀性頁邊距。

這些邊距使文本行足夠短，以確保舒適的閱讀體驗。

6. 適應(yīng)上下文的變化

1）在上下文變化期間確保聚焦在當(dāng)前內(nèi)容。

內(nèi)容是APP中優(yōu)先級最高的。在上下文變化時改變焦點可能會令人迷茫和沮喪，并且可能讓用戶覺得他們失去了對APP的控制。

2）避免不必要的布局更改。

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

3）如果必須讓您的應(yīng)用僅橫向運行，則左右兩種方向必須同時支持。

無論用戶向左或向右旋轉(zhuǎn)設(shè)備，純橫向應(yīng)用程序都應(yīng)運行良好。當(dāng)用戶使用您的應(yīng)用程序時，不要告訴他們旋轉(zhuǎn)設(shè)備。如果當(dāng)有人以不受支持的方向握住設(shè)備時您的應(yīng)用程序不會自動旋轉(zhuǎn)，那么他們會本能地知道如何旋轉(zhuǎn)設(shè)備。

4）根據(jù)上下文自定義APP對旋轉(zhuǎn)的響應(yīng)。

例如，一款允許用戶通過旋轉(zhuǎn)設(shè)備來移動角色的游戲，可能不應(yīng)在游戲過程中切換方向。但是，它可以基于當(dāng)前方向顯示菜單和介紹序列。

5）考慮同時支持iPad和iPhone。

用戶希望能在兩種類型的iOS設(shè)備上都能使用您的應(yīng)用程序。如果應(yīng)用程序的某些功能需要iPhone專用的硬件（例如電話），請考慮在iPad上隱藏或禁用這些功能，并讓用戶使用您應(yīng)用程序的其他功能。

6）圖稿在不同設(shè)備顯示時，請注意寬高比的差異。

不同的屏幕尺寸可能具有不同的寬高比，從而導(dǎo)致圖稿出現(xiàn)被裁剪，出現(xiàn)字母框或豎框的現(xiàn)象。確保在所有尺寸的顯示器上都保留重要的視覺內(nèi)容。

7. 設(shè)計全屏體驗

1）擴大可視元素以填滿屏幕。

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

2）避免在屏幕底部和角落放置交互式控件。

用戶通常在屏幕底部邊緣用滑動手勢來訪問主屏幕和應(yīng)用切換器等功能，這些手勢可能會取消你在該區(qū)域?qū)崿F(xiàn)的自定義手勢。而且屏幕的邊角可能是用戶難以觸及的舒適區(qū)域。

3）插入必要內(nèi)容，以防止被剪切。

通常內(nèi)容應(yīng)居中且對稱地插入，以使其在任何方向上都不會被圓角夾住、不會被傳感器外殼隱藏以及不會被訪問主屏幕的指示器遮蓋。

為了獲得最佳結(jié)果，請使用系統(tǒng)提供的標準界面元素和“自動布局”來構(gòu)建您的界面，并遵守布局指南和安全區(qū)域定義。當(dāng)設(shè)備以橫向放置時，可能適合某些應(yīng)用程序（例如游戲）將可點擊的控件放置在屏幕的下部（在安全區(qū)域下方延伸），以便為內(nèi)容留出更多空間。

將控件放在屏幕的頂部和底部時，請使用匹配的插圖，并在“Home”指示器周圍留出足夠的空間，以便人們在嘗試與控件進行交互時不會意外地將其作為目標。由于“Home”指示器仍在屏幕上居中，因此它相對于應(yīng)用程序界面的位置可能會發(fā)生變化。

4）插入全角按鈕。

延伸到屏幕邊緣的按鈕可能看起來不像按鈕。遵守全角按鈕兩側(cè)的標準UIKit邊距。屏幕底部出現(xiàn)一個全角按鈕時，如果該按鈕具有圓角并與安全區(qū)域的底部對齊，則該按鈕最佳，這也確保了它與“Home”指示器不沖突。

5）對于關(guān)鍵的顯示功能，不要掩蓋或特殊強調(diào)。

請勿嘗試通過在屏幕頂部和底部放置黑條來隱藏設(shè)備的圓角、傳感器外殼或用于訪問主屏幕的指示器。也不要使用諸如括號、邊框、形狀或說明文字之類的視覺裝飾來引起對這些區(qū)域的特別注意。

6）注意狀態(tài)欄的高度。

全屏iPhone型號的狀態(tài)欄比其他型號高。如果你的APP采用固定的狀態(tài)欄高度將內(nèi)容定位在狀態(tài)欄下方，則必須更新APP以便于根據(jù)用戶的設(shè)備來動態(tài)的定位內(nèi)容。請注意，當(dāng)諸如錄音和位置跟蹤之類的后臺任務(wù)處于活動狀態(tài)時，全屏iPhone上的狀態(tài)欄不會更改高度。

7）如果你的APP當(dāng)前隱藏狀態(tài)欄，請重新考慮全屏iPhone的隱藏與否。

與舊款iPhone相比，全屏iPhone的內(nèi)容垂直空間更大，狀態(tài)欄占據(jù)了你APP可能根本無法充分利用的屏幕區(qū)域。狀態(tài)欄還顯示用戶認為有用的信息。它只在可以換取附加價值的時候才隱藏起來。

8）允許自動隱藏指示器以防誤點入主屏幕。

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

二、動畫（Animation）

整個iOS系統(tǒng)中的精美微妙的動畫使人與屏幕上的內(nèi)容之間建立了視覺上的聯(lián)系。如果使用得當(dāng)，動畫可以傳達狀態(tài)，提供反饋，增強直接操縱的感覺，并幫助用戶可視化其動作的結(jié)果。

1）明智地使用動畫和運動效果。

不要為了使用動畫而使用動畫。過多或不必要的動畫會使人感到與外界分離或分散注意力，尤其是在無法提供身臨其境的體驗的應(yīng)用程序中。iOS使用運動效果（例如視差效果）在主屏幕和其他區(qū)域創(chuàng)建深度感。這些效果可以增加理解和樂趣，但是過度使用它們會使用戶感到迷惑并且難以控制。如果要實現(xiàn)運動效果，請始終測試結(jié)果以確保效果良好。

2）確保動畫符合現(xiàn)實且可靠。

人們傾向于接受充滿藝術(shù)的東西，但動畫沒有意義或似乎違反物理法則時，他們會感到迷失方向。例如：如果有人通過從屏幕頂部向下滑動來顯示視圖，他們應(yīng)該也能夠通過向上滑動來消除視圖。

3）使用一致的動畫。

熟悉、流暢的體驗會讓用戶更投入。他們習(xí)慣于iOS中使用的微妙動畫，例如平滑過渡、設(shè)備方向的流暢轉(zhuǎn)換和基于物理的滾動。除非你是創(chuàng)建沉浸式體驗，例如游戲，否則你的自定義動畫應(yīng)與系統(tǒng)的內(nèi)置動畫差不多的。

4）將動畫設(shè)置為可選。

在輔助功能首選項中啟用減少動畫的選項時，你的APP應(yīng)該最小化或消除動畫。

三、品牌（Branding）

成功的品牌塑造不僅僅是將品牌資產(chǎn)添加到APP中，還通過智能字體、顏色和圖像決策來表達獨特的品牌標識。在APP的上下文中提供足夠的品牌資產(chǎn)，但不要太多，這會讓人分心。

1）自然精致的融合，而不張揚。

用戶是用你的APP來娛樂、獲取信息或完成任務(wù)，而不是觀看廣告。為了獲得最佳體驗，請將你的品牌巧妙地融入到APP的設(shè)計中。例如：在整個界面上下文中貫穿APP圖標的顏色，就是一個很好的方法。

2）不要讓品牌妨礙出色的應(yīng)用設(shè)計。

最重要的是，讓你的APP看起來像一個iOS應(yīng)用程序。確保它直觀、易于導(dǎo)航、易于使用，并專注于內(nèi)容。即使你的APP在其他平臺也可以使用，也要避免通過過分關(guān)注一致的品牌卻削弱了你的設(shè)計。

3）不要讓品牌蓋過內(nèi)容。

在屏幕頂部顯示一個固定的欄，除了顯示品牌資產(chǎn)外什么也不做，這意味著查看內(nèi)容的空間較小。相反，請考慮采用較少干擾性的方式來實現(xiàn)品牌，例如使用自定義顏色方案或字體，或巧妙地自定義背景。

4）避免在整個APP中顯示Logo。

不要在你的APP中顯示Logo，除非對于上下文是很有必要出現(xiàn)的。尤其是導(dǎo)航欄中要禁止，因為說明性的標題對用戶會更有用。

5）遵守Apple的商標準則。

Apple商標不應(yīng)出現(xiàn)在你的APP名稱或頁面中。

四、顏色（Color）

顏色是一種賦予生命力，提供視覺連續(xù)性，傳達狀態(tài)信息，響應(yīng)用戶操作提供反饋以及幫助人們可視化數(shù)據(jù)的好方法。當(dāng)你在為你的APP選擇配色時，可以參考系統(tǒng)的配色方案作為配色指南。因為這些顏色無論是單獨還是組合在一起，在淺色模式和深色模式下都會很好看。

1）明智地使用顏色與用戶交流。

當(dāng)一種顏色被謹慎或很少使用時，它能明顯提高用戶的注意力。例如，如果在不是很關(guān)鍵的其他地方使用紅色時，那么警告用戶關(guān)鍵問題的紅色就會變得不是那么有效。

2）在APP中使用互補色。

APP中的顏色需要很好地協(xié)同工作，而不是沖突或分散注意力。例如：如果粉彩對APP的風(fēng)格至關(guān)重要，請使用一組協(xié)調(diào)的粉彩。

3）通常，選擇與Logo協(xié)調(diào)的顏色。

可以在Logo中提取顏色作為你APP的標準色。巧妙地使用顏色是傳達品牌感的好方法。

4）考慮選擇一種色調(diào)來表示APP的交互性。

在Notes中，交互元素為黃色。在日歷中，交互式元素為紅色。如果你自定義了表示交互的色調(diào)，請確保其他顏色不會與之競爭。

5）提供兩種版本的色調(diào)，以確保它在淺色和深色模式下都很好看。

當(dāng)你使用系統(tǒng)顏色作為色調(diào)顏色時，將自動支持高對比度。

6）避免對交互元素和非交互元素使用相同的顏色。

如果交互元素和非交互元素具有相同的顏色，那么用戶很難知道哪里可以點擊，哪里不能點。

7）考慮插圖和半透明元素對界面顏色的影響。

為了保持視覺連續(xù)性，防止界面元素變得過于醒目或缺乏吸引力，插圖的變化有時需要改變附近的顏色。例如：地圖在使用地圖模式時顯示淺色模式，但在衛(wèi)星模式時切換到深色模式。放置在半透明元素后面或應(yīng)用于半透明元素（如工具欄）上時，顏色也會顯得不同。

8）在各種照明條件下測試APP的配色方案。

根據(jù)房間的氛圍、一天的時間、天氣等，室內(nèi)和室外的照明差異很大。要知道，現(xiàn)實世界中電腦上的顏色看起來并不總是一樣，APP也是一個道理。所以請在多種光照條件下預(yù)覽你的APP，包括在晴天戶外，去查看顏色的顯示方式。如有必要，請調(diào)整顏色以便于在大多數(shù)用例中都能提有很好的觀看體驗。

9）考慮原彩顯示如何影響顏色。

原彩顯示器使用環(huán)境光傳感器自動調(diào)整顯示器的白點，以適應(yīng)當(dāng)前環(huán)境的照明條件。主要關(guān)注閱讀、照片、視頻和游戲的APP可以通過指定白點適應(yīng)性樣式來增強或削弱此效果。

10）考慮不同國家和文化中對顏色的認知區(qū)別。

例如：在某些國家的文化中，紅色代表危險。而可能在其他國家的人看來，紅色具有積極的內(nèi)涵。確保APP中的顏色可以表達相應(yīng)的信息。11）避免使用讓用戶難以查看內(nèi)容的顏色。色盲人可能無法區(qū)分某些顏色組合；而對比度不足會導(dǎo)致圖標和文本與背景混合，使內(nèi)容難以閱讀。

1. 系統(tǒng)顏色

iOS提供了一系列的系統(tǒng)顏色，可自動適應(yīng)活動和可訪問性設(shè)置的變化，如增加對比度和降低透明度。系統(tǒng)顏色在淺色和深色背景以及明暗模式下都可以單獨和組合使用。

不要在您的應(yīng)用程序中對系統(tǒng)顏色值進行硬編碼。下面提供的顏色值僅供APP設(shè)計過程中參考。根據(jù)各種環(huán)境變量，實際顏色值可能在不同的釋放之間波動。始終使用API應(yīng)用系統(tǒng)顏色。

iOS 13還引入了一系列六種不透明的灰色顏色，你可以在半透明效果不佳的極少數(shù)情況下使用它們。例如：交叉或重疊元素（例如網(wǎng)格中的線條或條形）在不透明基礎(chǔ)上看起來更好。通常，為UI元素使用語義定義的系統(tǒng)顏色。

2.?動態(tài)系統(tǒng)顏色

除了以上系統(tǒng)顏色外，iOS還提供用于傳達其目的而非其外觀或顏色值的語義定義顏色。例如用于用于背景區(qū)域和前景內(nèi)容的顏色，標簽、分隔符和填充。

iOS定義了兩組背景色系統(tǒng)，并對每個系統(tǒng)進行分組，每個系統(tǒng)都包含主要、次要和三級變體，這些變體有助于你傳達信息的層級結(jié)構(gòu)。通常，在有分組表視圖時使用背景色分組集；否則，使用背景色系統(tǒng)集。

使用這兩組背景顏色，通常使用變體以下列方式指示層次結(jié)構(gòu)：

• 主要的，用于整體的；
• 次要的，用于在整體視圖中對內(nèi)容或元素進行分組；
• 第三層，用于將第二層元素中的內(nèi)容或元素分組。

對于前景內(nèi)容，iOS定義以下顏色：

不要重新定義動態(tài)系統(tǒng)顏色的語義含義。

為了給人們帶來一致的體驗并確保您的界面在所有情況下看起來都很好，請按預(yù)期使用動態(tài)系統(tǒng)顏色。

不要嘗試復(fù)制動態(tài)系統(tǒng)顏色。

基于各種環(huán)境變量，動態(tài)系統(tǒng)的顏色可能會隨著版本的不同而波動。與其嘗試創(chuàng)建與系統(tǒng)顏色匹配的自定義顏色，不如使用動態(tài)系統(tǒng)顏色。

3. 色彩管理

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

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

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

寬色顯示器支持P3顏色空間，可以產(chǎn)生比sRGB更豐富、更飽和的色彩。因此，使用寬顏色的照片和視頻更逼真，使用寬顏色的視覺數(shù)據(jù)和狀態(tài)指示器更具影響力。

適當(dāng)時，使用每像素16位（每個通道）的顯示P3顏色配置文件，并以PNG格式導(dǎo)出圖像。請注意，需要使用寬色顯示器來設(shè)計寬色圖像并選擇P3色。

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

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

4）在實際的sRGB和寬彩色顯示器上預(yù)覽應(yīng)用的顏色。

根據(jù)需要進行調(diào)整，以確保兩種類型的顯示器具有同等的視覺體驗。

五、暗黑模式（Dark Mode）

在iOS 13.0及更高版本中，用戶可以選擇使用暗黑模式的系統(tǒng)外觀。在深色模式下，系統(tǒng)為所有屏幕、視圖、菜單和控件使用較暗的色彩，并使用更具活力的顏色，使前景內(nèi)容在較暗的背景下突出。深色模式也支持所有輔助功能。

用戶可以選擇深色模式作為其默認界面風(fēng)格，并且可以通過設(shè)置，使其設(shè)備在環(huán)境光線較低時自動切換到深色模式。由于用戶在系統(tǒng)范圍內(nèi)做出這些選擇，因此他們通常希望所有應(yīng)用程序都能尊重他們的偏好。

1）符合人們在“設(shè)置”中選擇的外觀模式。

如果您提供了特定于應(yīng)用程序的外觀模式選項，則會為人們創(chuàng)建更多工作，因為他們必須調(diào)整多個設(shè)置。更糟糕的是，他們可能認為您的應(yīng)用已損壞，因為它無法響應(yīng)他們在系統(tǒng)范圍內(nèi)的外觀選擇。

2）在淺色和深色外觀中測試您的設(shè)計。

查看兩種外觀的界面外觀，并根據(jù)需要調(diào)整設(shè)計以適應(yīng)每種外觀。在一種外觀上運作良好的設(shè)計可能在另一種外觀上無法運作。

3）調(diào)整對比度和透明度可訪問性設(shè)置時，請確保在黑暗模式下內(nèi)容清晰易讀。

在暗模式下，應(yīng)單獨或一起打開“增加對比度”和“減少透明度”來測試內(nèi)容。您可能會發(fā)現(xiàn)在深色背景上深色文字難以辨認的地方。您可能還會發(fā)現(xiàn)，在“黑暗模式”下啟用“增加對比度”會導(dǎo)致黑暗文本和黑暗背景之間的視覺對比度降低。盡管有強視力的人可能仍然能夠閱讀對比度較低的文本，但對于視力障礙的人來說，此類文本可能難以辨認。

1. 暗黑模式的顏色

深色模式中的配色包括較暗的背景顏色和較淺的前景色，經(jīng)過精心挑選以確保對比度，同時也保證了兩種模式之間的統(tǒng)一性。首選系統(tǒng)背景色。

暗模式是動態(tài)的，這意味著當(dāng)界面位于前景（例如，彈出框或模式表）中時，背景顏色會自動從基本顏色變?yōu)楦呱?。該系統(tǒng)還使用增強的背景色在多任務(wù)環(huán)境中的應(yīng)用程序之間以及多窗口上下文中的窗口之間提供視覺隔離。使用自定義的背景色會使人們更難于感知這些系統(tǒng)提供的視覺區(qū)別。

1）使用適合當(dāng)前外觀模式的顏色。

語義顏色（如分隔符）會自動適應(yīng)當(dāng)前外觀。當(dāng)你需要自定義顏色時，將顏色集資源添加到APP的資產(chǎn)目錄中，并指定顏色的淺色和深色變體，以便它可以適應(yīng)當(dāng)前的外觀模式。避免使用硬編碼的顏色值或不適應(yīng)的顏色。

2）確保顏色在兩種模式下都具有足夠?qū)Ρ榷?/strong>。