探討網(wǎng)站黑暗模式的優(yōu)缺點，配色如何使用？

「深色模式」為近年最夯的背景主題（意思是手機(jī)、平板、電腦等界面底色，以黑色或深灰色為主。）Apple、Google等平臺紛紛加入黑暗時代，為用戶提供除了白色（淺色）主題外的更多選擇。

一、為什么各大平臺都開放了暗色主題/深色模式？

繼蘋果IOS 13和Google推出深色模式，開始愈來愈多產(chǎn)品、用戶，都開始用這個風(fēng)格的設(shè)計。它被視為是一種時髦、前衛(wèi)的新UI設(shè)計典范。

Google 曾闡述了深色模式的三點優(yōu)勢，分別為改善續(xù)航、提高低視力和強(qiáng)光敏感者的可視性，以及讓用戶在光線不足的環(huán)境下更好地使用設(shè)備。

有了Apple、Google等大公司的領(lǐng)銜，各大平臺也相繼跟風(fēng)，參與這場黑色盛世。

二、暗色主題的緣起

雖然近年深色主題的風(fēng)潮興于 Apple、Google，但其實黑色模式早在電腦誕生的初期就已經(jīng)被使用。當(dāng)時的設(shè)備僅能支持簡單色系，彩色顯示器是在 1980 年代后才逐漸普及。

后來Mac在 1984 年帶來了全新界面，使用白色為界面底色，才一改業(yè)界黑底的顯示，也是電腦的劃時代改革，沿用至今。至于為何當(dāng)年蘋果會使用白色背景，這點蘋果并未透露，但大概能夠聯(lián)想到是模擬「紙張」來符合人類的閱讀習(xí)慣。

三、使用黑暗主題的平臺

作為內(nèi)容消費型的 Netflix，也以深色為設(shè)計基底，這使得用戶能更集中注意在內(nèi)容上，以延長使用時間，黑底白色，以顯眼的色差讓用戶能夠快速識別重要訊息。

黑暗主題的優(yōu)缺點

2018 年，用戶關(guān)系管理（CRM）軟件服務(wù)提供商 SalesForce的設(shè)計師，為了研究哪種模式是最適合儀表板的，于是做了市調(diào)，大部分的用戶反饋，深色主題的圖表，會使反應(yīng)更快且更加精準(zhǔn)。這點在股票交易軟件得到了驗證。然而深色模式優(yōu)劣個說紛紜，以下針對黑暗主題進(jìn)行優(yōu)缺點比較：

一、深色模式的優(yōu)點：

1. 省電

普渡大學(xué)研究人員表示，當(dāng)手機(jī)亮度設(shè)定30-40%時切換到深色模式時，平均能節(jié)省3 - 9%的電量;若亮度設(shè)定100%，切換到深色模式時，竟可以節(jié)省39 - 47%的電量。

2. 對視力低/強(qiáng)光敏感客戶友善

雖然深色模式已被證實沒有護(hù)眼的功能，但對于視力較低，或?qū)?qiáng)光敏感的用戶而言，卻是相對友善的。因為眼睛所需要接受的亮度面積大幅度的減少。

3. 低光環(huán)境專注提升也更舒適

亮色背景下的文字看久了容易疲乏，然而深色背景卻能補(bǔ)足這個缺點，將重要內(nèi)容置于焦點，令你的眼睛更舒適，尤其是在黑房或飛機(jī)等昏暗環(huán)境。

二、深色模式的缺點：

1. 習(xí)慣轉(zhuǎn)換的不舒適感

散光為當(dāng)代文明病，因于眼睛習(xí)慣在亮光下閱讀暗色文字，當(dāng)切換回暗色背景時，會讓一些用戶在閱讀時感到不適。然這多出現(xiàn)于初始體驗暗色模式的用戶，大部分人在習(xí)慣這種模式之后，眼睛也會跟著適應(yīng)。

2. 虹膜擴(kuò)張引發(fā)的眼睛肌群疲乏

因虹膜在白底環(huán)境不需要太過擴(kuò)張來吸收更多光線，但黑底的環(huán)境卻需要仰賴虹膜擴(kuò)張。因此若長期使用深色模式，容易使得眼睛肌群疲勞。

網(wǎng)頁想要做暗色系，要留意什么？

市面上的網(wǎng)頁設(shè)計，仍舊以白底、淺色底居多。為顧及網(wǎng)站的用戶體驗，制作深色網(wǎng)站時需要特別留意以下問題：

1. 避免使用純黑色

高對比的色差容易讓人視覺疲勞，這不僅體現(xiàn)在純黑背景，純白背景也有同樣的情況。

2. 調(diào)整文字與飾色的色階

文字與裝飾色 / 配色在深色背景里，宜使用較淺的色階，使得閱讀性提升。較淺的顏色不僅能加強(qiáng)UI視覺表現(xiàn)立，更能保持恰當(dāng)對比度，減緩視覺疲勞。

網(wǎng)頁設(shè)計使用深色系背景的好處

在設(shè)計網(wǎng)站的時候，喜歡使用亮色調(diào)來設(shè)計頁面，這是因為亮色調(diào)的應(yīng)用可以使得頁面更清新。而深色系的顏色也可以設(shè)計出簡潔的、有創(chuàng)造力的頁面效果。那么，在設(shè)計網(wǎng)站的過程中，使用深色系背景的好處有哪些？

什么是深色模式？

深色模式是一種帶有淺色文字的深色背景。本質(zhì)上，這是在白色背景配色方案上典型的黑色文本的部分反轉(zhuǎn)。

視覺捕捉，突出重點

深色系網(wǎng)站因為網(wǎng)站底色是以深色為主，所以在網(wǎng)站建設(shè)中會用較為突出的強(qiáng)調(diào)每個頁面板塊的按鈕變化，例如：紅色、黃色等。所以，在黑色背景的前提下，會產(chǎn)生視覺捕捉的效果，各個重點在黑色背景下能夠很好地凸顯。

背景會吸收元素

深色的頁面背景會吸收元素尤其是同色系的色彩，所以同類顏色的元素之間要有一定的留白。

視覺層次

增加深色背景，可以豐富界面的層級關(guān)系。

版權(quán)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請發(fā)送郵件至 lkba@aliyun.com 舉報，一經(jīng)查實，本站將立刻刪除。

轉(zhuǎn)載請注明來自專注SEO技術(shù),教程,推廣 ，本文標(biāo)題：《網(wǎng)頁設(shè)計的背景與意義（網(wǎng)站配色的常見模式）》

標(biāo)簽：