如今，黑暗主題無處不在。

隨著人們繼續(xù)花更多的時間與科技互動，黑暗主題提供了一種更輕松的方式與數(shù)字世界互動。通常情況下，這些主題更容易吸引眼球，更有吸引力，而且對于專注的用戶來說是完美的。

整個2020年，無數(shù)知名品牌都推出了自己版本的黑色主題。谷歌為你的硬盤提供了解決方案，而蘋果和安卓已經(jīng)在他們的操作系統(tǒng)中構(gòu)建了暗主題性能。

如果你還沒有學(xué)會如何充分利用黑暗模式，那么你可能會錯過一個極好的機(jī)會來突出你的設(shè)計技能，并贏得更多的客戶。

為什么黑暗模式?

在我們深入探討創(chuàng)建自己的黑暗主題之前，讓我們先看看什么是黑暗模式，以及它為什么如此有效。

最終，暗色主題的創(chuàng)建是為了減少所有東西發(fā)出的亮度，從你的桌面和筆記本電腦，到你的智能手機(jī)和智能手表。黑暗主題有助于改善視覺人體工程學(xué)設(shè)計，通過減少眼睛疲勞，調(diào)整亮度以適應(yīng)當(dāng)前的照明條件，等等。此外，許多暗模式產(chǎn)品在節(jié)省電池壽命方面也很出色。

下面是在你的設(shè)計作品集中添加黑色主題的一些主要好處。

更好的用戶體驗(yàn):關(guān)注用戶體驗(yàn)是數(shù)字時代最重要的趨勢之一。如果你想脫穎而出，你需要愿意給每個訪問你網(wǎng)站的人提供難以置信的體驗(yàn)。黑暗模式減少了從眼睛疲勞到電池電量消耗的一切。這有助于讓客戶在網(wǎng)站上停留更長的時間。

創(chuàng)新和前沿吸引力:大多數(shù)公司都想證明自己能夠保持在行業(yè)的前沿。為網(wǎng)站主題或外觀提供一個可選擇的暗模式版本可以幫助你的客戶從人群中脫穎而出。隨著環(huán)境變得更加關(guān)注移動設(shè)備，越來越多的公司將尋找能夠提供最佳移動體驗(yàn)的設(shè)計師。

支持通用設(shè)計:黑暗模式不僅僅適合夜間對光敏感的人。這個解決方案對于視力受損的用戶來說會更舒服，因?yàn)樗麄冊谠L問你的網(wǎng)站時可能會受到眼睛疲勞的困擾。如果你想讓你的內(nèi)容對更廣泛的觀眾更有包容性，那么學(xué)習(xí)如何設(shè)計暗模式是一個很好的開始。

設(shè)計暗模式時的最佳實(shí)踐

在暗模式下設(shè)計比你想象的要容易得多。大多數(shù)時候，這只是簡單地考慮如何用更深更暗的東西來取代站點(diǎn)中更明亮、更突出的部分。

這里有一些有用的建議，可以讓你朝著正確的方向前進(jìn)。

1. 實(shí)驗(yàn)與顏色

對于許多網(wǎng)頁設(shè)計師來說，在開發(fā)暗模式解決方案時，一個大問題是他們太過于沉迷于純白色文本和純黑色背景。然而，這種高對比度的選擇可能會在一段時間后有點(diǎn)多。

使用深灰色作為你的主要表面顏色比使用真正的黑色要容易得多。此外，與其使用明亮的白色，還不如考慮使用稍微偏白的顏色，這樣看起來會更溫暖。

用不太可能引起眼睛過度疲勞的表面和顏色組合進(jìn)行實(shí)驗(yàn)。深灰色粉底通常提供更大的深度范圍，因?yàn)槟憧梢栽诨疑巷@示陰影。

此外，當(dāng)你嘗試使用顏色時，要記住飽和的顏色在非常深的表面上會產(chǎn)生痛苦的振動，使它們更難閱讀。降低顏色的飽和度有助于減少對比，讓你的網(wǎng)站更受歡迎。

在200-50范圍內(nèi)的淺色在暗主題上會有更好的可讀性。但是，您總是可以嘗試您的選擇。谷歌材料設(shè)計建議使用大約15:8:1的對比度背景和文本。

2. 考慮情緒影響

暗色模式設(shè)計的大部分工作都是要弄清楚特定的顏色是如何協(xié)同工作的。鮮明的對比很容易讓人忘乎所以，尤其是當(dāng)你習(xí)慣使用白色背景的時候。但是，您需要記住，您是為那些主要尋求更輕松、更壓抑瀏覽體驗(yàn)的用戶設(shè)計的。

當(dāng)你在工作的時候，記住也要考慮設(shè)計的情感方面。在任何環(huán)境下，色彩的情感都能成就或毀掉一個買家的旅程。然而，色彩心理學(xué)中經(jīng)常被忽視的一個方面是，人們在黑色背景下對色調(diào)的感知是不同的。

例如，想想綠色。在明亮的背景下，它傳達(dá)了自然甚至是財富。然而，在深色背景下，同樣的綠色可能會被認(rèn)為是有毒的，有毒的，甚至是病態(tài)的。當(dāng)終端用戶訪問你的網(wǎng)站時，考慮他們將獲得什么樣的印象是很重要的。

3.給用戶選擇的自由

當(dāng)你開始設(shè)計暗模式時，你可能會犯的一個最大的錯誤就是認(rèn)為你應(yīng)該完全專注于你的暗主題，而不是其他。如果您與用戶交互時，他們想從兩個世界中得到最好的東西，那么您將面臨一個問題。如果你是專門為應(yīng)用程序設(shè)計的，你將需要網(wǎng)頁能夠在明暗主題之間自然切換。

學(xué)習(xí)如何在你創(chuàng)建的桌子上同時使用暗模式和亮模式，這將幫助你獲得更多的客戶選擇。請記住，您需要測試您的設(shè)計在這兩個主題中的性能和影響，以檢查它們是否提供相同的體驗(yàn)，無論您的用戶選擇如何瀏覽。

雖然暗模式應(yīng)該給終端用戶提供不同的體驗(yàn)，但它仍然需要讓用戶感覺他們是在瀏覽同一個網(wǎng)站。這意味著你需要嘗試最自然的明暗模式組合。

 4. 記住最基本的

請記住，盡管上面的三個技巧將幫助你走上黑暗模式設(shè)計的正確道路，但你也需要考慮你所設(shè)計的平臺的機(jī)會和局限性。你為谷歌Chrome網(wǎng)站提供的暗模式體驗(yàn)將與你為運(yùn)行在iOS上的東西創(chuàng)建的體驗(yàn)大不相同。

檢查您所設(shè)計的系統(tǒng)所提供的文檔，將有助于您深入了解什么是實(shí)際可能的。

其他關(guān)于暗模式設(shè)計的小貼士包括:

關(guān)注你的內(nèi)容:確保你的內(nèi)容在頁面上脫穎而出，而不是太突出。

測試你的設(shè)計:在亮和暗的外觀下，你需要確保所有東西都能正常工作。

為你的界面采用活力:活力有助于改善你的背景和前景之間的對比。

使用語義色彩:語義色彩自動適應(yīng)當(dāng)前網(wǎng)站的外觀。硬編碼的顏色值不適應(yīng)可能看起來更激進(jìn)。

桌面著色:試著用透明和濾鏡來給你的網(wǎng)站和應(yīng)用程序一個稍微暖和一點(diǎn)的著色——很適合深夜瀏覽

圖標(biāo):如有必要，在暗模式和亮模式中使用單獨(dú)的符號和圖標(biāo)。

準(zhǔn)備好設(shè)計黑暗模式了嗎?

為沉迷于黑暗模式的時代準(zhǔn)備你的網(wǎng)頁開發(fā)和設(shè)計作品集是一種復(fù)雜的體驗(yàn)。你需要仔細(xì)考慮，當(dāng)人們在搜索一些更微妙的東西時，他們將如何瀏覽你的網(wǎng)站和應(yīng)用程序，和我們習(xí)慣的網(wǎng)站相比，視覺上沒有那么強(qiáng)大。

最重要的是要記住，你的網(wǎng)站或應(yīng)用程序上的所有東西在暗模式下看起來應(yīng)該和在亮模式下一樣漂亮。當(dāng)人們想要在應(yīng)用程序中切換設(shè)置時，僅僅添加一個動態(tài)的黑色背景是不夠的。你需要深入你的設(shè)計，研究不同的字體、顏色和圖像是如何協(xié)同工作的。