1.關(guān)于顏色在黑暗模式中的應(yīng)用

　　避免使用純黑色值。

　　深色模式不是說(shuō)在純黑背景上使用純白文字，而是為什么不用純黑值作為大面積背景呢？原因是，目前大多數(shù)智能手機(jī)都使用有機(jī)發(fā)光二極管屏幕。當(dāng)我們將界面顏色設(shè)置為純黑色值時(shí)，屏幕集成中的LED不會(huì)亮起，但是在操作界面時(shí)，由于滑動(dòng)到了有顏色的部分，LED會(huì)亮起。簡(jiǎn)單來(lái)說(shuō)，大面積使用純黑值會(huì)導(dǎo)致LED一直處于開(kāi)關(guān)狀態(tài)，長(zhǎng)期使用會(huì)導(dǎo)致嚴(yán)重的拖影現(xiàn)象。因此，廣泛使用的軟件一般使用深灰色值，而不是純黑。同時(shí)，純黑和純白的高對(duì)比度會(huì)讓用戶(hù)難以適應(yīng)這兩種顏色的亮度，造成用戶(hù)的視覺(jué)疲勞。

　　從六個(gè)方面總結(jié)深色圖案的設(shè)計(jì)細(xì)節(jié)。

　　選擇低飽和度顏色

　　使用較淺的色調(diào)(200–50范圍內(nèi)的顏色)在深色圖案中具有更好的可讀性。較淺的顏色不會(huì)降低UI的視覺(jué)表現(xiàn)力，但可以幫助你保持適當(dāng)?shù)膶?duì)比度，不會(huì)造成眼睛疲勞。飽和度低的顏色可以提高可讀性，減少用戶(hù)的視覺(jué)沖擊，而飽和度高的顏色可讀性弱，容易使眼睛感到疲勞，降低用戶(hù)體驗(yàn)。同時(shí)也容易造成頁(yè)面信息層次混亂，導(dǎo)致缺乏突出的關(guān)鍵信息。

　　色彩的合理運(yùn)用

　　在深色模式下，大面積顏色的使用會(huì)破壞深色的平衡，讓用戶(hù)感到刺眼和疲憊。你可以在下圖中看到同色的明暗花紋對(duì)比:第一組在亮界面更突出，第三組在暗界面更突出，第二組在明暗界面相似。因此，在設(shè)計(jì)深色圖案時(shí)，要充分考慮顏色指示效果在明暗背景上能否保持一致。

　　除了在選擇顏色時(shí)充分考慮外，還可以借鑒iOS設(shè)計(jì)指南中相應(yīng)的顏色映射來(lái)達(dá)到同樣的設(shè)計(jì)效果，即在淺色模式下選擇一種顏色時(shí)，深色模式會(huì)自動(dòng)映射另一種顏色。

　　2.保持指示性

　　暗模式不是簡(jiǎn)單的翻轉(zhuǎn)亮模式的顏色，還要保證暗模式下的信息顯示水平能夠保持視覺(jué)提示的準(zhǔn)確性。

　　我們想要在亮模式中突出顯示的信息和元素也應(yīng)該在暗模式中突出顯示。作為背景色，深色圖案所遵循的設(shè)計(jì)規(guī)律應(yīng)該是離我們較近的元素顏色較淺，較遠(yuǎn)的顏色較深。不同的色階被用來(lái)模擬淺色圖案中的層次概念。

　　3.輔助顏色的應(yīng)用

　　輔助色也是深色模式中層次的重要組成部分(下圖所示的下拉菜單設(shè)計(jì))。比如定義輔助色中分割線(xiàn)的顏色值。無(wú)論是用分割線(xiàn)還是背景色來(lái)區(qū)分層次，當(dāng)屏幕亮度變暗或色彩對(duì)比度較小時(shí)，都可能“消失”。在深色模式下，相對(duì)于分割線(xiàn)和投影，更好的處理方式是在交互層面設(shè)計(jì)更好的信息層級(jí)，這樣即使分割線(xiàn)不清晰。

　　關(guān)于字體

　　關(guān)于黑暗模式下的用詞，老生常談就是對(duì)比。這里，將引入一個(gè)新術(shù)語(yǔ)“WCAG”。WCAG被稱(chēng)為網(wǎng)頁(yè)內(nèi)容無(wú)障礙指南，其中包含的相關(guān)建議可分為五類(lèi):可感知性、可操作性、可理解性、兼容性和一致性。WCAG規(guī)定，為了保證文字的可讀性，對(duì)比度應(yīng)符合WCAG的AA和AAA標(biāo)準(zhǔn)。WCAG的AAA級(jí)要求小文本與背景的對(duì)比度至少為4.5:1，大文本與背景的對(duì)比度至少為3:1。WCAG的AAA級(jí)要求小文本與背景的對(duì)比度至少為7:1，大文本與背景的對(duì)比度至少為4.5:1。

　　為了適應(yīng)黑暗模式，建議單詞顏色采用固定的顏色值，僅用透明度來(lái)區(qū)分單詞顏色的高低。

　　同時(shí)，與黑色相比，白色會(huì)有視覺(jué)擴(kuò)張的效果。同樣粗細(xì)，白底白字向內(nèi)會(huì)覺(jué)得細(xì)，黑底白字向外會(huì)覺(jué)得粗。所以在大面積使用粗體字的時(shí)候，如果在保證對(duì)比度的前提下，字體顏色比較灰，就不會(huì)造成視覺(jué)壓抑感。