文字
1、深色模式下要尽量避免用纯白文字,根据谷歌材料设计原则,建议文字和背景的对比约为15.8:1,为了适配深色,
2、文字用固定色值,层级通过透明度区分(检查色彩对比度网址:contrast-ratio.com)
重要强调文本:透明度87%
一般重要文本:透明度60%
次要文本:透明度38%
3、深色模式下文字对比名词:WCAG(全称:web内容无障碍指南)目的是为了确保文字的可读性,分为两个标准:
AA级:大文本与背景对比度至少为3:1 小文本与背景对比度至少为4.5:1
AAA级:大文本与背景的对比度至少为4.5:1 小文本与背景的对比度至少为7:1
背景
1、暗黑模式下尽量不要使用纯黑作为背景,纯黑背景和纯白文字,长时间会使眼睛疲劳,建议使用灰黑(如:#181818 #282828)可以保持足够的对比度和可读性,同时避免视觉疲劳和眼睛不适
2、纯黑色如果运用在DLED屏幕上,纯黑像素会被关闭,黑色切换到其他颜色是,响应时间会较长,先前显示的黑色图像可能会在屏幕上留下一些残影,用深灰替代纯黑可以避免黑色拖影的情况。
3、纯黑色的背景上无法体现出更多的深度感,阴影无法在纯黑背景上体现出来,少了一些层次