新聞資訊
我們不只做網(wǎng)站...
黑暗主題在網(wǎng)頁(yè)設(shè)計(jì)?中的應(yīng)用原則
發(fā)表日期:2021-08-18 文章編輯:洛壹網(wǎng)絡(luò) 文章來(lái)源:網(wǎng)站建設(shè)公司
黑暗主題在網(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ò)于飽和的顏色)
本文鏈接:http://cdmfj.com/news-details-86-507-1.html
版權(quán)聲明:
1:本站所有內(nèi)容均由互聯(lián)網(wǎng)收集整理、上傳,并且以計(jì)算機(jī)技術(shù)研究交流為目的,僅供大家參考、學(xué)習(xí),不存在任何商業(yè)目的與商業(yè)用途,如描述有誤或者學(xué)術(shù)不對(duì)之處歡迎及時(shí)提出,不甚感謝。
2、 如涉及版權(quán)問(wèn)題,請(qǐng)聯(lián)系我們4724325@qq.com第一時(shí)間處理;
我們的服務(wù)
相關(guān)新聞
-
響應(yīng)式網(wǎng)頁(yè)中的圖片設(shè)計(jì)技巧
-
如何設(shè)計(jì)一個(gè)網(wǎng)站使客戶(hù)擁有更豐富的體...
-
情感化設(shè)計(jì)的意義是什么?網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)...
-
深圳網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)公司該怎么選擇呢?
-
什么是整體網(wǎng)站設(shè)計(jì),谷歌Google 所提...
-
網(wǎng)站設(shè)計(jì)需要注意哪些事項(xiàng)?
-
網(wǎng)站設(shè)計(jì),簡(jiǎn)約風(fēng)格設(shè)計(jì)為什么越來(lái)越受...
-
什么是網(wǎng)頁(yè)設(shè)計(jì)
-
網(wǎng)站設(shè)計(jì)中,網(wǎng)頁(yè)版塊的組成元素有哪些...
-
2021年網(wǎng)站設(shè)計(jì)的流行趨勢(shì)--上篇