這些天黑暗主題無處不在。

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

整個2020年，無數領先品牌都推出了自己版本的黑色主題。谷歌為你的硬盤提供了一個解決方案，而蘋果和安卓已經在他們的操作系統(tǒng)中內置了黑暗主題的性能。

如果你還沒有學會如何充分利用黑暗模式，那么你可能會錯過一個極好的機會，讓你的設計技能與眾不同，并在未來贏得更多客戶。

為什么黑暗模式?

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

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

以下是在你的設計作品集中添加黑暗主題的一些主要好處。

更好的用戶體驗:關注用戶體驗是數字時代最重要的趨勢之一。如果你想在今天脫穎而出，你需要愿意為每一個訪問你網站的人提供難以置信的體驗。暗模式減少了從眼睛疲勞到電池功耗的一切。這有助于讓客戶在網站上停留更長的時間。

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

支持通用設計:黑暗模式不僅僅適合那些在晚上對光線敏感的人。這個解決方案可能更適合視力受損的用戶，他們可能會在訪問你的網站時遇到眼疲勞。如果你想讓你的內容更包容更廣泛的觀眾，那么學習如何設計黑暗模式是一個很好的開始。

設計黑暗模式的最佳實踐

暗模式的設計比你想象的要簡單。大多數時候，這只是簡單地考慮如何用一些更深更暗的東西來取代站點中一些更明亮、更壓倒性的方面。

這里有一些有用的建議，會讓你朝著正確的方向前進。

1. 實驗與顏色

很多網頁設計師在開發(fā)暗模式解決方案時遇到的一個大問題是，他們太過于關注純白色文本和純黑色背景。然而，這種高對比度的選項在一段時間后可能會有點多。

通常使用深灰色作為你的主要表面顏色要比真正的黑色容易得多。此外，與其使用明亮的白色，不如考慮使用略偏灰白色的替代品，這樣會更溫暖眼睛。

嘗試不太可能引起太多眼睛疲勞的表面和顏色組合。深灰色粉底通常也能提供更大的深度范圍，因為你可以在灰色上展示陰影。

此外，當你在試驗顏色時，記住飽和的顏色經常會在非常暗的表面上產生劇烈的振動，使它們更難閱讀。降低顏色的飽和度可以降低對比度，讓你的網站更受歡迎。

在200-50范圍內較淺的色調在深色主題上會有更好的可讀性。然而，你總是可以試驗你的選擇。谷歌材質設計推薦使用15:8:1左右的背景和文本對比度。

2. 考慮情感影響

暗模式設計的大部分工作是弄清楚某些顏色是如何協同工作的。鮮明的對比很容易讓人走神，尤其是當你習慣了用白色背景工作的時候。然而，您需要記住，您是為用戶設計的，主要是尋找更容易和更柔和的瀏覽體驗。

當你在工作的時候，記住也要考慮設計的情感方面。在任何環(huán)境中，顏色所蘊含的情感可以成就或破壞買家的旅程。然而，色彩心理學中一個經常被忽視的方面是，人們在黑色背景下對陰影的感知是不同的。

例如，想想綠色。在明亮的背景下，它傳達了自然，甚至金融財富。然而，在深色背景下，同樣的綠色可能會讓人覺得有毒，有毒，甚至是病態(tài)的。重要的是要考慮終端用戶到達你的網站時會得到什么樣的印象。

3.給用戶選擇的自由

當你開始設計黑暗模式時，你可能會犯的最大錯誤之一就是認為你應該完全專注于黑暗主題。如果您與希望兩全其美的用戶進行交互，那么就會遇到問題。如果你是專門為應用程序設計的，你就需要能夠在明暗主題之間自然切換的網頁。

學習如何在您創(chuàng)建的辦公桌上同時設置暗模式和亮模式，將有助于您獲得更廣泛的客戶選擇。請記住，您需要在兩個主題中測試設計的性能和影響，以檢查無論用戶選擇如何瀏覽，它們都提供相同的體驗。

雖然黑暗模式應該會給終端用戶提供不同的體驗，但它仍然需要讓用戶覺得他們在瀏覽同一個網站。這意味著你需要嘗試最自然的明暗模式組合。

4. 記住最基本的

記住，盡管上述3個技巧能夠幫助你正確設計黑暗模式，但你也需要考慮你所面向的平臺的機遇和局限性。你可以為谷歌Chrome網站提供的黑暗模式體驗將與你在iOS上創(chuàng)造的體驗非常不同。

檢查您所設計的系統(tǒng)所提供的文檔將有助于您深入了解實際可能實現的內容。

其他關于黑暗模式設計的建議包括:

關注你的內容:確保你的內容在頁面上突出，但不要太過突出。

測試你的設計:不管是在亮面還是暗面，你都需要確保所有的東西都能正常工作。

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

使用語義色彩:語義色彩會自動適應網站當前的外觀。無法適應的硬編碼顏色值似乎更具有侵略性。

桌面著色:試著用透明和濾鏡之類的東西給你的網站和應用程序加點暖色調——適合深夜瀏覽

圖標:如有必要，在暗模式和亮模式中使用單獨的符號和圖標。

準備好設計黑暗模式了嗎?

為沉溺于黑暗模式的時代準備你的網頁開發(fā)和設計作品集是一種復雜的體驗。你需要仔細思考當人們在搜索一些更微妙的東西時，他們將如何瀏覽你的網站和應用程序，而不是像我們所習慣的網站那樣在視覺上令人難以接受。

需要記住的最重要的一點是，你的網站或應用程序上的所有內容在暗模式下和在亮模式下看起來一樣漂亮。當用戶想要在應用程序中切換設置時，僅僅添加一個動態(tài)黑色背景是不夠的。您需要深入研究您的設計，并檢查不同字體、顏色和圖像如何協同工作。