UI界面深色模式的設(shè)計要點(diǎn)和注意事項

UI界面深色模式的設(shè)計已經(jīng)非常主流，那么如何創(chuàng)建設(shè)計深色模式才能在各種設(shè)備上的外觀和感覺、可訪問性、電池壽命和性能方面獲得最佳效果？下面一起看看UI界面深色模式的設(shè)計要點(diǎn)和注意事項吧。

1、我們避免使用 100%飽和度的強(qiáng)調(diào)色，因為其在深色背景上很扎眼（除非你想特意強(qiáng)調(diào)和利用這一點(diǎn)）。如果你的品牌顏色很“強(qiáng)”，可以適當(dāng)?shù)慕档蜕钌娘柡投?，比如，飽和度降低約 20-30%上下。

2、當(dāng)使用基于強(qiáng)調(diào)色的深灰色色調(diào)的顏色主題。我們不能做得太過分，應(yīng)當(dāng)以微妙的方式完成時，它會將整個設(shè)計變成一個一致、連貫的整體，比如，在灰色中添加了一點(diǎn)藍(lán)色，以便它更好地匹配按鈕（強(qiáng)調(diào)色）和其他 UI 元素。

3、一個特別有效的小技巧就是，比如從背景的最暗的部分開始，然后添加 8 或 10 點(diǎn)的亮度數(shù)值，按這樣調(diào)整2-3層，這個技巧，您將在各層之間獲得一致視覺上融和且一致的“色彩距離”，好處是，我們的大腦將更容易處理他們。

4、最后是深度了解圖層的層次結(jié)構(gòu)，主要是由亮度決定，平時我們在使用手機(jī)時候的角度約為 45°上下，那么自然的光源是源自頭頂部的光源，太陽或燈，所以那些假的、模擬的、感知的層離光源越近她就越亮，那么你就可以充分利用這點(diǎn)，來發(fā)揮設(shè)計上的優(yōu)勢，即使UI界面是扁平化的，我們的大腦仍愿意被欺騙，以便更好、更易地看清界面中的層次結(jié)構(gòu)，這就是為什么假深度很重要，適當(dāng)調(diào)整飽和度或降低透明度很必要。