随着黑暗模式設計的(de)興起，在黑暗中進行(xíng)嘗試也有(yǒu)了新的(de)含義。這是過去(qù)幾年(nián)受歡迎的(de)功能之一(yī)，蘋果和(hé)谷歌都将黑色主題作為(wèi)用戶界面的(de)重要組成部分。但這是為(wèi)什麽呢(ne)？有(yǒu)什麽好處？有(yǒu)什麽陷阱嗎？這些都是在設計暗模式時需要考慮的(de)首要問題，同理(lǐ)，這些問題考慮到了網站設計當中。

為(wèi)什麽要使用暗模式呢(ne)？

我們幾乎一(yī)直在使用手機(jī)，一(yī)般人每天花在手機(jī)上的(de)時間超過4個小時，而且這個時間每年(nián)都會增加。這些數據并不特别令人震驚，隻要在大街上走一(yī)走，或者在公共交通工具上走一(yī)趟，您就會看到幾乎所有(yǒu)人都彎着脖子(zǐ)，目不轉睛地(dì)盯着屏幕。我們用手機(jī)做(zuò)任何事情，從電話費到娛樂(yuè)，這意味着我們随時都需要它們。這就是黑暗模式可(kě)以幫助的(de)地(dì)方…

它可(kě)以減輕眼睛疲勞

除了頸部疼痛和(hé)拇指輕微抽筋之外，頻繁使用手機(jī)也對我們的(de)眼睛有(yǒu)害，據預測，三分之二的(de)人會因過度使用手機(jī)而導緻眼睛疲勞。暗模式可(kě)以幫助您解決這個問題，讓您在夜晚或清晨等光線較暗的(de)時候更容易看清屏幕。它對眼睛更容易，造成更少的(de) 壓力，從長(cháng)遠來看是更好的(de)。

節約電池

暗模式也被發現可(kě)以延長(cháng)電池壽命，根據PhoneBuff近的(de)一(yī)項測試，iPhone的(de)電池續航能力可(kě)以達到30%。然而，這隻有(yǒu)在用戶使用OLED屏幕時才成立。在這種情況下，黑色的(de)像素點不顯示電量，而LCD對應的(de)像素點無論顯示什麽顔色，顯示的(de)電 量都是相同的(de)。

您可(kě)以嘗試更多的(de)設計

通過實現網站設計的(de)暗模式，您可(kě)以嘗試不同的(de)功能，這不僅僅是将白色轉化為(wèi)黑色。您可(kě)以在顔色和(hé)外觀上比來比去(qù)，看看哪個更好看。這也可(kě)能意味着您在燈光網站設計的(de)某些變化上受到了啓發。

事情需要考慮

切換到黑暗模式并不是一(yī)個神奇的(de)解決方案，也不是每個項目都适用。仔細考慮暗模式的(de)使用是很重要的(de)。

專注于您的(de)內(nèi)容

暗模式更強調界面的(de)內(nèi)容區域，允許某些內(nèi)容突出，而周圍的(de)區域則更容易淡出背景。在設計暗模式時一(yī)定要記住這一(yī)點，并确保重要的(de)內(nèi)容具有(yǒu)很強的(de)焦點。

在明暗模式下測試您的(de)設計

我們已經确定，您不能隻是颠倒您的(de)顔色，使網站設計在黑暗模式下工作。但是您也不能忘記在兩種模式下測試您的(de)網站設計——畢竟，您不希望這兩個界面在美學(xué)上有(yǒu)太大的(de)不同，以至于您不能分辨出它們是同一(yī)個網站設計，否則用戶會感到困 惑。

找出您的(de)調色闆

确保您的(de)默認調色闆是由功能而不是由顔色定義的(de)——不要害怕添加更好的(de)新顔色。在暗模式下，您将使用一(yī)個前景色更亮(liàng)，背景色更暗的(de)調色闆。找到一(yī)個柔和(hé)的(de)配色方案，它工作得很好，沒有(yǒu)太多的(de)顔色-好保持簡單。如(rú)果您需要一(yī)個白色背景， 确保它是一(yī)個稍微暗一(yī)點和(hé)柔和(hé)一(yī)點的(de)白色，這樣可(kě)以防止背景在周圍的(de)黑暗內(nèi)容中發光。佳實踐建議在文本和(hé)背景之間使用至少15.8.1的(de)對比度。

不要忘記文字

如(rú)果用戶将屏幕亮(liàng)度調到低(dī)，則需要确保文本仍然清晰可(kě)見。畢竟，您希望它是深色的(de)，但仍然可(kě)以使用。檢查它是否有(yǒu)足夠的(de)對比度和(hé)某些元素，意味着要區分彼此，确保原色和(hé)副色是分開的(de)，并且容易分開。在深色背景上的(de)淺色文字可(kě)能會比其他 背景更醒目，所以您可(kě)能想要在深色模式下使用更輕的(de)字體——試驗一(yī)下，看看哪種效果好。

确保用戶可(kě)以在常規模式和(hé)暗模式之間切換

一(yī)些公司采取的(de)方法是，讓系統決定何時關閉和(hé)打開黑暗而常規的(de)主題，在它認為(wèi)好的(de)時候在兩者之間切換。這可(kě)能會讓用戶感到沮喪，讓他們不想再使用網站設計或程序。雖然它可(kě)能是為(wèi)在特定時間的(de)佳使用而設計的(de)，但是讓用戶自(zì)己做(zuò)決定并進行(xíng) 控制。有(yǒu)些人可(kě)能更喜歡一(yī)直使用暗模式或亮(liàng)模式，而不想切換；允許用戶根據自(zì)己的(de)需要輕松地(dì)打開或關閉黑暗主題。使切換容易找到，否則用戶可(kě)能會感到沮喪并關閉網站設計。

确保目标受衆被牢記

在直接跳到重新構建一(yī)個新的(de)暗模式界面之前，重要的(de)是要考慮用戶是誰。如(rú)果他們是年(nián)輕時髦的(de)用戶，白天和(hé)晚上都在使用手機(jī)，那麽暗模式可(kě)能是個好主意，但是如(rú)果他們年(nián)齡更大，更傳統，他們可(kě)能會更喜歡“紙質”界面。做(zuò)一(yī)些研究，弄清楚 誰使用這個網站設計和(hé)什麽目的(de)。暗模式往往會降低(dī)可(kě)讀性，所以如(rú)果網站設計是一(yī)個博客或新聞，那麽暗模式就不太可(kě)能做(zuò)得很好。如(rú)果它有(yǒu)簡單的(de)內(nèi)容，或者專注于圖像或視(shì)頻，暗黑模式就很好——Netflix就是好的(de)例子(zǐ)之一(yī)。

黑暗模式的(de)陷阱暗模式并不适用于所有(yǒu)網站設計

如(rú)果您正在設計的(de)網站設計是一(yī)個文本或數據非常多的(de)網站設計，或者包含了大量的(de)元素，如(rú)文本、圖像、數據和(hé)下拉列表等，這對設計是一(yī)個挑戰。這樣做(zuò)的(de)主要原因是試圖保持足夠的(de)對比，這對所有(yǒu)元素都适用。一(yī)般來說，所有(yǒu)的(de)顔色（除了淡的(de)，很難看到）都适用于白色背景，而深色背景會大大減少您可(kě)以使用的(de)數量。

黑暗模式并不總是更好的(de)眼睛

雖然在光線較弱的(de)情況下（比如(rú)當您要睡覺或起床時）使用常規模式會更好，但人們發現暗模式并不總能解決問題。在明亮(liàng)的(de)光線條件下，文字會被洗掉，這實際上增加了眼睛的(de)疲勞。

暗模式可(kě)能與現有(yǒu)品牌不符

由于事實上您需要一(yī)個更受限制的(de)調色闆和(hé)許多标志設計與白色背景在腦海中，黑暗模式可(kě)能不符合公司現有(yǒu)的(de)品牌。當平台有(yǒu)很多元素時，這是很有(yǒu)挑戰性的(de)，并且站點在切換模式時可(kě)能看起來非常不一(yī)緻。

暗模式使工作負載加倍

作為(wèi)一(yī)名設計師，在不添加全新網站設計的(de)情況下，在正常模式下做(zuò)網站設計已經有(yǒu)很多事情要做(zuò)。雖然核心元素是相同的(de)，但它仍然需要重新制作和(hé)修改，以充分适應黑暗模式。這是作業的(de)整個額外部分，可(kě)能沒有(yǒu)考慮到。