黑暗主題在網(wǎng)頁設(shè)計(jì)?中的應(yīng)用原則

2022-01-26    分類: 網(wǎng)站建設(shè)

黑暗主題在網(wǎng)頁設(shè)計(jì)中的應(yīng)用原則

解釋:黑暗主題的大部分區(qū)域顯示為黑色。它被設(shè)計(jì)出來作為默認(rèn)(或輕量)主題的補(bǔ)充模式。

暗主題降低了設(shè)備屏幕發(fā)出的亮度,同時仍然滿足最低色彩對比度。它們有助于改善視覺人體工程學(xué),減少眼睛疲勞,根據(jù)當(dāng)前照明條件調(diào)節(jié)亮度,能提高用戶在黑暗環(huán)境下的使用體驗(yàn) – 同時節(jié)省電池電量。具有OLED屏幕的設(shè)備可以在一天中的任何時間關(guān)閉黑色像素。(將顯示為黑色的區(qū)域像素點(diǎn)關(guān)閉,從而達(dá)到省電的目的,因?yàn)槲撮_啟的像素點(diǎn)默認(rèn)是黑色)

01.灰色而不是黑色

使用深灰色而不是黑色來表示具有更寬深度范圍的環(huán)境中的高度與空間。

(解釋:由于深色主題中無法像常規(guī)MD設(shè)計(jì)中使用陰影,因此使用不同亮度的灰色來表示Z軸的空間關(guān)系,不以純黑色作為大范圍使用的底色可以提供更寬的色域來體現(xiàn)Z軸深度關(guān)系)

02.顏色與強(qiáng)調(diào)

在深色主題中只用有限的顏色用來做強(qiáng)調(diào),從而使大部分區(qū)域都使用深色。

黑暗主題在網(wǎng)頁設(shè)計(jì)?中的應(yīng)用原則
03.節(jié)約能源

在能夠提高資源利用效率的設(shè)備上(例如帶有OLED屏幕的設(shè)備),通過減少發(fā)光像素的使用來延長電池壽命。

04.增強(qiáng)可訪問性

通過滿足可訪問性顏色對比標(biāo)準(zhǔn),適應(yīng)常規(guī)的黑暗主題用戶(例如視力不佳的用戶)

和以上四個原則相關(guān)聯(lián)的幾個指標(biāo),比較容易理解,不做解釋。


對比度:深色表面和100%白色正文文本的對比度至少為15.8:1

深度:在較高的高度水平下,組件通過顯示較淺的表面顏色來表達(dá)深度

去飽和:原色去飽和,因此它們在所有高度級別都通過了至少4.5:1(與正文一起使用時)的Web內(nèi)容可訪問性指南(WCAG)AA標(biāo)準(zhǔn)

限制顏色:大表面使用深色表面顏色,僅使用有限的彩色并限定在有限的范圍(控制明度,降低飽和度,避免過于飽和的顏色)

當(dāng)前名稱:黑暗主題在網(wǎng)頁設(shè)計(jì)?中的應(yīng)用原則
當(dāng)前鏈接:http://bm7419.com/news/143260.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、做網(wǎng)站、用戶體驗(yàn)、網(wǎng)頁設(shè)計(jì)公司移動網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司