看完这份谷歌深色模式的设计规范,你就会知道为什么很多应用都存在深色模式的大问题,包括微信测试版和网易云音乐。如果你看完上一句还有疑惑,荷兰电话号码列表 晚上关灯后躺在床上试试上面两个app的暗黑模式。暗黑模式在大部分UI设计中都是以暗色界面的形式出现的,通常作为对默认(浅色)颜色模式的补充。1。深色模式特点 荷兰电话号码列表 的深色模式包括以下属性: 对比度:深色界面与100%白色文字之间的对比度至少应为15.8:1。海拔:海拔较高的组件通过显示更亮的表面颜色来表达其高度。
去饱和:深色模式下的首选颜色需要去饱和,这样当首选颜色和正文在任何高度一起使用时,两者的对比度至少为4.5:1,才能满足WCAG AA标准.有限的颜色:在大面积使用深色表面颜色,加上有限的强调colors.2。荷兰电话号码列表 主要组成部分深色模式UI使用大面积的暗面和少量的颜色,可以发出低光,同时保持高标准的可用性。背景色背景(0dp遮罩)荷兰电话号码列表 表面颜色表面(1dp遮罩)首选颜色Primary辅助颜色辅助背景层textsurface textPreferred Layer Textsublevel textdark模式切换dark模式可以随系统主题自动切换(Android10),也可以在APP中设置开关。
在主界面设置icon图标切换开关弱化显示:荷兰电话号码列表 在菜单或设置中设置拨动开关 上图是顶部栏设置的拨动开关 上图是溢出菜单中设置的亮模式和暗模式选项 上图是应用程序设置中设置的暗模式开关 3设计及应用细节深色模式应使用深灰色作为原色,而不是纯黑色。深灰色可以适应更广泛的颜色、高度和深度,因为它更容易看到灰色的阴影。荷兰电话号码列表 深灰色界面还可以减少眼睛疲劳,因为浅色文本在深灰色界面上的对比度低于纯黑色界面。谷歌推荐的暗模式UI颜色为#121212。谷歌推荐的暗模式UI颜色为#121212 1.高度的表示暗模式下的组件,和光模式一样,也需要显示不同的海拔、阴影等。