浏览器家园-提供优质下载服务!
所在位置:浏览器家园谷歌浏览器Google浏览器的深色模式是如何设计的?Google浏览器的深色模式详情

Google浏览器的深色模式是如何设计的?Google浏览器的深色模式详情[多图]

时间:2020-1-14 18:04:04作者:cst

Google浏览器更新版本以后就可以使用深色模式了,相信已经有很多用户都在使用深色模式了,这个模式火爆以后非常的受欢迎,不同于一般的夜晚模式,深色模式可以更好的匹配文字和屏幕的亮度,包括浏览器的背景都可以一键匹配的,使用起来对于保护眼睛的作用会更大,这样在夜晚使用的时候就会更加的方便,不用担心会受到强烈的刺激,方便用户可以更好的使用,但是你知道如何使用这个模式吗?跟小编一起来了解一下Google浏览器的深色模式吧!

Google浏览器的深色模式是如何设计的?Google浏览器的深色模式详情[多图]图片1

Material Design 的深色模式包含以下属性:

对比度:深色界面和100%的白色文字之间的对比度应至少为15.8:1。

海拔:海拔更高的组件通过显示更亮的表层颜色来表达其高度。

去饱和度:深色模式中的首选颜色需要去饱和度,这样首选颜色与主体文字不论在哪个海拔共同使用时,两者的对比度都至少为4.5:1,才能符合WCAG的AA标准。

有限的颜色:大面积使用深色表层颜色,外加有限的强调色。

Google浏览器的深色模式是如何设计的?Google浏览器的深色模式详情[多图]图片2

深色模式UI会大面积使用深色表层及少量的颜色,可以在保证高标准可用性的同时散发出较弱的光。

背景色 Background(0dp遮罩)

表层色 Surface(1dp遮罩)

首选色 Primary

次级色 Secondary

背景层文字

表层文字

首选层文字

次级层文字

Google浏览器的深色模式是如何设计的?Google浏览器的深色模式详情[多图]图片3

深色模式可以随系统主题自动切换(Android10),也可在APP内设置开关。

突出显示:在主界面中设置图标icon切换开关

弱化显示:在菜单或者设置中设置切换开关

Google浏览器的深色模式是如何设计的?Google浏览器的深色模式详情[多图]图片4

深色模式应使用深灰色作为主要颜色,而非纯黑色。深灰色可以包容更广泛的颜色、高度和深度,因为它更容易看到灰色阴影。

深灰色界面还可以减轻眼部疲劳,因为浅色的文字在深灰色的界面上比在纯黑色的界面对比度更低。

使用一些特定的深色模式组件对 Material Design 一些用例来讲也很受用。使用一些特定的深色模式组件对 Material Design 一些用例来讲也很受用。

猜你喜欢

  • 手机安全
  • 新闻
  • 浏览器
  • 网络管理

手机安全 更多+

手机安全才可以保障大家使用手机登录一些账号时候可以更加的放心,比如手机绑定了银行卡一定是需要手机是安全的,有一些可以保障手机安全的软件大家都可以使用,可以随时给手机测试是否有毒,都是可以及时的清理的,这些软件都是每一个手机都必须要安装的,内存也不大,都可以放心的使用哦!

新闻 更多+

新闻是将社会实事报道的一种方式,也是大众了解社会的一种非常常见服务,现在有非常多的正规新闻服务,用户可以使用手机将最新的新闻随时了解,通过这种方式,随时了解社会上的一些事实,让用户可以随时了解社会,随时掌握现在热点时间,通过这种方式更加清楚的了解国家的发展和以后的步伐。

浏览器 更多+

这里有超多浏览器,都是绿色安全无毒,无广告,无打码,给你极速浏览搜索,可以在线搜索各种你想要的资源,电影,科技,百科,生活,教育,只要是你想了解的均可进行线上搜索,系统也会智能推荐,搜索极速,精准,还可在线进行极速下载,多种浏览模式供你选择,欢迎下载使用!

网络管理 更多+

帮助大家监控上网的信息,可以防止大家使用流量过度,自己设置好自己可以使用的最高限度,然后一单超出了就可以给大家自动断网,这样类似的一些软件大家也可以通过关键字给大家轻松的查询,可以自己安装使用,大家可以减少很多的损失,上网也不用有太多的担心会超出流量问题哦!

相关下载

网友评论

加载更多

网名(您的评论需要经过审核才能显示) 回复 [ ] 楼取消回复

  • 热门资讯
  • 推荐资讯
  • 游戏更新
  • 软件更新
关于我们 免责声明 发布软件 网站地图 手机版

Copyright © 2014-2020 浏览器家园  鄂ICP备19028122号-1

浏览器家园提供的所有下载文件,如有内容侵犯您的版权或其他利益,请及时向我们提出删除。