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

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

解釋?zhuān)汉诎抵黝}的大部分區(qū)域顯示為黑色。它被設(shè)計(jì)出來(lái)作為默認(rèn)（或輕量）主題的補(bǔ)充模式。

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

01.灰色而不是黑色

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

（解釋?zhuān)河捎谏钌黝}中無(wú)法像常規(guī)MD設(shè)計(jì)中使用陰影，因此使用不同亮度的灰色來(lái)表示Z軸的空間關(guān)系，不以純黑色作為大范圍使用的底色可以提供更寬的色域來(lái)體現(xiàn)Z軸深度關(guān)系）

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

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

03.節(jié)約能源

在能夠提高資源利用效率的設(shè)備上（例如帶有OLED屏幕的設(shè)備），通過(guò)減少發(fā)光像素的使用來(lái)延長(zhǎng)電池壽命。

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

通過(guò)滿(mǎn)足可訪問(wèn)性顏色對(duì)比標(biāo)準(zhǔn)，適應(yīng)常規(guī)的黑暗主題用戶(hù)（例如視力不佳的用戶(hù)）

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


對(duì)比度：深色表面和100％白色正文文本的對(duì)比度至少為15.8：1

深度：在較高的高度水平下，組件通過(guò)顯示較淺的表面顏色來(lái)表達(dá)深度

去飽和：原色去飽和，因此它們?cè)谒懈叨燃?jí)別都通過(guò)了至少4.5：1（與正文一起使用時(shí)）的Web內(nèi)容可訪問(wèn)性指南（WCAG）AA標(biāo)準(zhǔn)

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

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

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

廣告

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