设为首页 - 加入收藏 黄南站长网 (http://www.0973zz.com)- 国内知名站长资讯网站,提供最新最全的站长资讯,创业经验,网站建设等!
热搜: 为什么 芯片 vivo 模式
当前位置: 首页 > 白鸽传书 > 评论 > 正文

为什么「暗色模式」不应采用纯黑背景?这是谷歌的理由

发布时间:2019-09-07 10:21 所属栏目:[评论] 来源:佚名
导读:iOS 13 转眼已经到了 Beta 8,Android 10 的正式版发布也近在眼前。现如今在 Apple、Google 的自家应用中稍加挖掘就不难发现,很多应用都赶在正式版系统更新发布之前适配了暗色主题或暗色主题,它们的具体实现效果略有差异:有像 Twitter 这样采用深蓝背景

iOS 13 转眼已经到了 Beta 8,Android 10 的正式版发布也近在眼前。现如今在 Apple、Google 的自家应用中稍加挖掘就不难发现,很多应用都赶在正式版系统更新发布之前适配了暗色主题或暗色主题,它们的具体实现效果略有差异:有像 Twitter 这样采用深蓝背景的,也有像 Google 在自家应用中广泛采用的深灰,一些应用甚至还内置了专门针对 OLED 设备的纯黑主题……

作为系统级功能从 macOS、Windows 向 iOS、Android 全面推进的暗色主题,似乎迎来了一个属于自己的「元年」。

暗色主题的必要性

不管自身拥有多么强大的主题引擎,是否拥有暗色主题已经成为了很多人评价一款应用外观设计时的「必考题」。

为什么「暗色模式」不应采用纯黑背景?这是谷歌的理由

常见的三种主题

为什么暗色主题是必要的?我们可以从两个方面来回答这个问题。

首先自然是出于健康角度的考量。几乎所有的智能手机都配备了自动调节屏幕亮度的功能,这个功能存在的意义,即是当我们所处环境的光线亮度发生变化时,让手机屏幕处于一个合理的显示亮度上——既不会因为过暗导致屏幕内容难以辨识,也不会因为过亮让人感到刺眼。

为什么「暗色模式」不应采用纯黑背景?这是谷歌的理由
环境光与屏幕亮度的明暗差距在夜间会被放大 | 图:Pixabay

如果我们身处黑夜,这种环境与手机屏幕亮度的明暗差距被进一步放大,亮度对比带来视觉刺激也更加明显。一个略为极端但却十分常见的例子是,如果我们在黑暗环境中长时间注视高亮光源,这个高亮光源熄灭的瞬间,原本凭肉眼能够勉强看清轮廓的周遭环境,此时对我们来说会变得一片漆黑(过一段时间会恢复,这与 视杆细胞 有关)。

因此尽可能降低屏幕亮度,缩小屏幕显示内容与环境光强度的差距,是保证我们夜间舒适玩机的重要前提,OLED 屏幕广泛应用后,其显示黑色不发光的特性也让进一步降低屏幕亮度成为了可能。

不过对于 OLED 屏幕而言,使用暗色主题对设备续航带来的积极影响也是人们热衷于暗色主题的原因之一。

在去年年底举行的 2018 Android 开发者峰会上,Google 首次就 OLED、暗色主题和手机续航三者之间的关系公布了自己的研究结果:暗色主题能够使 OLED 设备在同等亮度下的电量消耗减少 63%;在以最高亮度展示单色静态图片的情况下,耗电由少到多依次为黑色、红色、绿色、蓝色和白色。

为什么「暗色模式」不应采用纯黑背景?这是谷歌的理由

Google 自家应用在明/暗主题下的耗电对比

因此我们不难预测,就和今年各大厂商都或多或少在自家生态体验内搭建起了形态各异的「数字健康」功能一样,暗色主题在未来两年时间里也会成为移动操作系统平台上的一大潮流。

「纯黑」只是可选项

不过就在一部分用户翘首以盼期待「暗色主题时代」全面降临的同时,也有另一种声音认为暗色主题的实际效果并不怎么「护眼」。

问题出在 OLED 和纯黑主题上。

如果我们以上方 Google 公布的研究结果为基础,自然就会得出「理想状态下在 OLED 设备上使用纯黑主题是最省电的」这一结论。这也是为什么不少应用会将纯黑(true black)主题作为额外的夜间模式选项提供给用户的原因。

但这些看上去十分「良心」的 OLED 主题,从设计规范和实际观感的角度出发却不是都算不上完美。

为什么「暗色模式」不应采用纯黑背景?这是谷歌的理由

背景 rgb0,0,0,账户名称255,255,255,但内容整体的灰色最高为180,180,180,色彩对比度为 10.12:1

以 Google 为例,Google 在最新的 Material Design 设计指南中将暗色主题描述为「默认主题或亮色主题的必要补充」,这种必要性有一个不容忽视的条件——除了能够尽可能降低屏幕亮度,优秀的暗色主题设计还应满足最低色彩对比度要求。

所以 Google 不推荐盲目为暗色主题搭配纯黑背景的第一个原因,其实是出于无障碍设计角度的考量。

这种色彩对比度要求在 Android 10 中其实已有体现:在最初的 Beta 1 测试版本中,我们能够在 Pixel Launcher 中看到不少纯黑色调的暗色 UI,包括长按桌面的弹出菜单、应用快捷方式列表等等;而同样的 UI 到了后来的 Beta 4 中已经换成了灰色,一种基础色为 #121212、在不同界面中略有明暗差异的灰。

为什么「暗色模式」不应采用纯黑背景?这是谷歌的理由

Google 推荐使用的暗色主题颜色

使用灰色而不是纯黑作为暗色主题主色调的主要原因就是对比度,具体而言,Google 在 Material Design 暗色主题的设计规范中规定了这样几条原则:

  • 对比度:暗色界面与主体纯白色文本的对比度级别至少为 15.8:1
  • 层级:在具有高度的界面元素上,使用更为明亮的色彩来体现层次感
  • 去饱和:对原色进行去饱和处理,保证它们在所有界面层次中都满足《Web 内容可访问性指南》所规定的 4.5:1 标准
  • 有限色彩:主要界面应采用暗色设计,少部分区域使用适当强调色(亮色、去饱和色或明亮的饱和色)

和纯粹的黑底白字相比,灰底能够在保证足够文本可读性的前提下营造出更为舒适的对比度体验,真正做到减轻用户视觉疲劳的效果。

【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章