UI網頁設計中黑暗主題的注意事項

黑暗主題最近在互聯網上風靡一時，黑暗主題變得非常流行，許多的app、小程序、網站，甚至很多UI開發庫都提供的黑暗主題，但并非所有公司都能推出黑體主題。事實上，正是在某些情況下使黑暗主題如此吸引人的因素使它在其他情況下完全沒有吸引力。那么深色主題是您的網頁設計或移動應用程序的正確選擇嗎？這取決于幾個因素。

一、何時使用黑暗主題

黑暗主題非常適合讓視覺應用程序和網站脫穎而出，深色的背景為任何形狀和顏色的圖像、圖形、視頻和視覺效果提供了完美的高對比度背景。由于較亮的視覺內容在背景中脫穎而出，因此應用程序或網站獲得了強烈的視覺層次結構。如果您的應用程序或網站強烈偏愛圖像而不是文本，那么是可以使用黑暗主題的。相反則不建議使用黑暗主題，因為黑暗主題觀看久了后會給用一種視覺疲勞的感覺。

增強情感品牌

黑暗主題需要更多空白空間以避免看起來雜亂無章。因此，深色網站和應用程序往往比淺色網站和應用程序更能喚起更強烈的情緒。色彩心理學也會影響用戶的情感訴求。黑色和其他深色與力量、神秘、戲劇性和優雅密切相關。因此，當深色背景與一些大的、高對比度的圖像配對時，最終結果看起來令人驚嘆。

這種情緒設置策略效果很好，經常出現在產品頁面和娛樂應用程序中。Apple 的 iOS 13 頁面使用深色配色方案，使他們的產品看起來更加精致和優雅。但是，淺色網站或應用程序也同樣具有影響力。選擇正確的配色方案完全取決于您希望品牌喚起什么樣的情感。

提高可用性

有時，為了用戶友好，您的應用程序必須是深色的。例如，專為夜間重度使用而設計的應用程序將采用深色方案以避免使用戶的眼睛疲勞。這種趨勢在娛樂應用程序中尤為明顯，如小說或小視頻應用，但其他應用程序也提供暗模式。則允許用戶在設置中進行切換。

然而，如果您的應用程序打算連續使用數小時而不休息，則深色主題可以最大程度地減少眼睛疲勞。這就是為什么深色主題在代碼編輯器和金融應用程序中流行的原因。

二、何時避免黑暗主題

大量文字

深色方案的最大缺點之一就是不利于顯示文本。這是因為深色背景上的淺色文本難以閱讀。對于具有大量文字的界面而言，深色主題并不理想。人們不僅需要花更多的時間閱讀文本，而且他們對文本的理解也不太準確。另一方面，白色背景上的深色文字看起來更加清晰、干凈和精致。該文字易于閱讀且非常清晰。這種差異非常明顯，以至于幾乎所有的博客和新聞網站都有淺色背景而不是深色背景。如果您的網站包含大量書面內容，則不應使用深色主題。

很多元素

對于具有大量圖標、按鈕和小圖像的應用程序和網站來說，深色主題可能是一個糟糕的選擇。那是因為深色背景削弱了空白空間。雖然不強調空白空間使大圖像和極簡主義頁面優雅而富有戲劇性，但它使小圖標和很多元素的頁面看起來混亂、無組織和不專業。后臺面板就是一個很好的例子。

鮮艷的色彩

深色主題也會限制您的顏色選擇。太多明亮的顏色可能會與深色背景發生沖突，并使您的整個網站看起來粗糙且不友好。雖然偶爾出現的顏色可以增加明亮的強調，但你的大部分元素應該是柔和的中性色。