Ant Design React 暗黑模式

暗黑模式是指把所有 UI 換成黑色或者深色的一個(gè)主題模式。

何時(shí)使用

• 當(dāng)需要長(zhǎng)時(shí)間在暗光環(huán)境下工作時(shí)，建議使用暗黑模式，減小亮度對(duì)比帶來(lái)的視覺(jué)壓力，保證使用者的體驗(yàn)舒適。
• 當(dāng)需要沉浸式的專注工作內(nèi)容時(shí)，建議使用暗黑模式，可以幫助使用者更關(guān)注凸顯出來(lái)的內(nèi)容和操作。

  如同在電影院看電影時(shí)要全場(chǎng)關(guān)燈，是一樣的原理。

設(shè)計(jì)原則

1. 內(nèi)容的舒適性

   暗黑模式下避免使用對(duì)比很強(qiáng)的色彩或內(nèi)容，長(zhǎng)時(shí)間使用會(huì)帶來(lái)疲勞感。

2. 信息的一致性

   暗黑模式下的信息內(nèi)容需要和淺色模式保持一致性，不應(yīng)該打破原有的層級(jí)關(guān)系。

色彩

顏色的應(yīng)用上，我們基于 12 套基礎(chǔ)色板，并結(jié)合透明度規(guī)則處理，來(lái)讓色彩在不同的環(huán)境色下可以更好融合。

基礎(chǔ)色板