文字
1、深色模式下要盡量避免用純白文字绑榴,根據(jù)谷歌材料設(shè)計原則,建議文字和背景的對比約為15.8:1盈魁,為了適配深色翔怎,
2、文字用固定色值杨耙,層級通過透明度區(qū)分(檢查色彩對比度網(wǎng)址:contrast-ratio.com)
重要強(qiáng)調(diào)文本:透明度87%
一般重要文本:透明度60%
次要文本:透明度38%
3赤套、深色模式下文字對比名詞:WCAG(全稱:web內(nèi)容無障礙指南)目的是為了確保文字的可讀性,分為兩個標(biāo)準(zhǔn):
AA級:大文本與背景對比度至少為3:1? ? ?小文本與背景對比度至少為4.5:1
AAA級:大文本與背景的對比度至少為4.5:1? ?小文本與背景的對比度至少為7:1
背景
1珊膜、暗黑模式下盡量不要使用純黑作為背景容握,純黑背景和純白文字,長時間會使眼睛疲勞车柠,建議使用灰黑(如:#181818 #282828)可以保持足夠的對比度和可讀性剔氏,同時避免視覺疲勞和眼睛不適
2、純黑色如果運(yùn)用在DLED屏幕上竹祷,純黑像素會被關(guān)閉谈跛,黑色切換到其他顏色是,響應(yīng)時間會較長塑陵,先前顯示的黑色圖像可能會在屏幕上留下一些殘影感憾,用深灰替代純黑可以避免黑色拖影的情況。
3猿妈、純黑色的背景上無法體現(xiàn)出更多的深度感吹菱,陰影無法在純黑背景上體現(xiàn)出來巍虫,少了一些層次