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

時間：2024-05-13 18:30:02 | 來源：建站知識

時間：2024-05-13 18:30:02 來源：建站知識

「深色模式」為近年最夯的背景主題（意思是手機(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)對比度，減緩視覺疲勞。