隨著黑暗模式設(shè)計(jì)的興起，在黑暗中進(jìn)行嘗試也有了新的含義。這是過(guò)去幾年最受歡迎的功能之一，蘋(píng)果和谷歌都將黑色主題作為用戶界面的重要組成部分。但這是為什么呢?有什么好處?有什么陷阱嗎?這些都是在設(shè)計(jì)暗模式時(shí)需要考慮的首要問(wèn)題……

為什么要使用暗模式呢?

我們幾乎一直在打電話。一般人每天花在手機(jī)上的時(shí)間超過(guò)4個(gè)小時(shí)，而且每年都會(huì)滾動(dòng)珠穆朗瑪峰的高度。這些數(shù)據(jù)并不特別令人震驚，只要在大街上走一走，或者在公共交通工具上走一趟，你就會(huì)看到幾乎所有人都彎著脖子，目不轉(zhuǎn)睛地盯著屏幕。我們用手機(jī)做任何事情，從電話費(fèi)到娛樂(lè)，這意味著我們隨時(shí)都需要它們。這就是黑暗模式可以幫助的地方…

一般人…每年都會(huì)爬上珠穆朗瑪峰的高度

它可以減輕眼睛疲勞

除了頸部疼痛和拇指輕微抽筋之外，頻繁使用手機(jī)也對(duì)我們的眼睛有害，據(jù)預(yù)測(cè)，三分之二的人會(huì)因過(guò)度使用手機(jī)而導(dǎo)致眼睛疲勞。暗模式可以幫助你解決這個(gè)問(wèn)題，讓你在夜晚或清晨等光線較暗的時(shí)候更容易看清屏幕。它對(duì)眼睛更容易，造成更少的壓力，從長(zhǎng)遠(yuǎn)來(lái)看是更好的。

節(jié)約電池

暗模式也被發(fā)現(xiàn)可以延長(zhǎng)電池壽命。根據(jù)PhoneBuff最近的一項(xiàng)測(cè)試，iPhone的電池續(xù)航能力可以達(dá)到30%。然而，這只有在用戶使用OLED屏幕時(shí)才成立。在這種情況下，黑色的像素點(diǎn)不顯示電量，而LCD對(duì)應(yīng)的像素點(diǎn)無(wú)論顯示什么顏色，顯示的電量都是相同的。

你可以嘗試更多的設(shè)計(jì)

通過(guò)實(shí)現(xiàn)網(wǎng)站的暗模式，你可以嘗試不同的功能。這不僅僅是將白色轉(zhuǎn)化為黑色。你可以在顏色和外觀上比來(lái)比去，看看哪個(gè)更好看。這也可能意味著你在燈光網(wǎng)站的某些變化上受到了啟發(fā)。

閱讀網(wǎng)頁(yè)設(shè)計(jì)中可愛(ài)的5個(gè)原則

事情需要考慮

切換到黑暗模式并不是一個(gè)神奇的解決方案，也不是每個(gè)項(xiàng)目都適用。仔細(xì)考慮暗模式的使用是很重要的。

專注于你的內(nèi)容

暗模式更強(qiáng)調(diào)界面的內(nèi)容區(qū)域，允許某些內(nèi)容突出，而周圍的區(qū)域則更容易淡出背景。在設(shè)計(jì)暗模式時(shí)一定要記住這一點(diǎn)，并確保最重要的內(nèi)容具有很強(qiáng)的焦點(diǎn)。

在明暗模式下測(cè)試你的設(shè)計(jì)

我們已經(jīng)確定，你不能只是顛倒你的顏色，使網(wǎng)站在黑暗模式下工作。但是你也不能忘記在兩種模式下測(cè)試你的網(wǎng)站——畢竟，你不希望這兩個(gè)界面在美學(xué)上有太大的不同，以至于你不能分辨出它們是同一個(gè)網(wǎng)站，否則用戶會(huì)感到困惑。

找出你的調(diào)色板

確保您的默認(rèn)調(diào)色板是由功能而不是由顏色定義的——不要害怕添加更好的新顏色。在暗模式下，你將使用一個(gè)前景色更亮，背景色更暗的調(diào)色板。找到一個(gè)柔和的配色方案，它工作得很好，沒(méi)有太多的顏色-最好保持簡(jiǎn)單。如果你需要一個(gè)白色背景，確保它是一個(gè)稍微暗一點(diǎn)和柔和一點(diǎn)的白色，這樣可以防止背景在周圍的黑暗內(nèi)容中發(fā)光。最佳實(shí)踐建議在文本和背景之間使用至少15.8.1的對(duì)比度。

深色背景上的淺色文字會(huì)顯得更大膽……在深色模式下使用較輕的字體

別忘了課文

如果用戶將屏幕亮度調(diào)到最低，則需要確保文本仍然清晰可見(jiàn)。畢竟，您希望它是深色的，但仍然可以使用。檢查它是否有足夠的對(duì)比度和某些元素，意味著要區(qū)分彼此，是。確保原色和副色是分開(kāi)的，并且容易分開(kāi)。在深色背景上的淺色文字可能會(huì)比其他背景更醒目，所以你可能想要在深色模式下使用更輕的字體——試驗(yàn)一下，看看哪種效果最好。

閱讀什么是最低限度的安全，你的網(wǎng)站需要?

確保用戶可以在常規(guī)模式和暗模式之間切換

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

確保目標(biāo)受眾被牢記

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

黑暗模式的陷阱

暗模式并不適用于所有網(wǎng)站

如果你正在設(shè)計(jì)的網(wǎng)站是一個(gè)文本或數(shù)據(jù)非常多的網(wǎng)站，或者包含了大量的元素，如文本、圖像、數(shù)據(jù)和下拉列表等，這對(duì)設(shè)計(jì)是一個(gè)挑戰(zhàn)。這樣做的主要原因是試圖保持足夠的對(duì)比，這對(duì)所有元素都適用。一般來(lái)說(shuō)，所有的顏色(除了最淡的，很難看到)都適用于白色背景，而深色背景會(huì)大大減少你可以使用的數(shù)量。

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

雖然在光線較弱的情況下(比如當(dāng)你要睡覺(jué)或起床時(shí))使用常規(guī)模式會(huì)更好，但人們發(fā)現(xiàn)暗模式并不總能解決問(wèn)題。在明亮的光線條件下，文字會(huì)被洗掉，這實(shí)際上增加了眼睛的疲勞。

閱讀瀑布圖來(lái)關(guān)注頁(yè)面速度

暗模式可能與現(xiàn)有品牌不符

由于事實(shí)上你需要一個(gè)更受限制的調(diào)色板和許多標(biāo)志設(shè)計(jì)與白色背景在腦海中，黑暗模式可能不符合公司現(xiàn)有的品牌。當(dāng)平臺(tái)有很多元素時(shí)，這是很有挑戰(zhàn)性的，并且站點(diǎn)在切換模式時(shí)可能看起來(lái)非常不一致。

暗模式使工作負(fù)載加倍

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