目录

一、什么是深色模式？

二、深色模式与夜间模式的区别是什么？

三、深色模式是否真的具有以下优点？

（一）省电 

（二）护眼 

（三）打造沉浸体验 

（四）不一样 

四、尾巴

正文：

2019 年随着 iOS 13 的发布，在 UI 设计方面我们一直处在“深色模式”的潮流当中，作为设计师而言，我们的本职工作自然是设计出很棒的深色模式，但在这之前也要了解我们为什么需要深色模式，或者说深色模式到底好在哪？在此基础上我们会对深色模式设计方向有更好的把握。

一、什么是深色模式？

在开始讨论深色模式是否有那么好之前，我们得先明确深色模式的概念，在

iOS 设计规范中对深色模式的解释是“people can choose to adopt a dark system-wide appearance called Dark Mode.”也就是全系统的深色外观模式叫做深色模式。（似乎什么也没说...）

那么到底什么是深色模式？我们把深色模式拆解为“深色”与“模式”两部分，“深色”是指在界面设计中使用大面积黑灰色等深色系色彩作为背景，而“模式”是指在界面设计中深色的运用不局限于某一个界面，而是在整体上具有一般性、重复性等特点的整体方案。

总结来说，深色模式是在界面设计上以界面背景为主使用大面积黑灰色等深色系色彩的整体方案。

二、深色模式与夜间模式的区别是什么？

在深色模式刚推出时，我也把深色模式与夜间模式混为一谈，但实际它们是不一样的，二者关键的区别在于使用场景的不同。夜间模式，顾名思义是适用于夜间黑暗环境，更多从减少蓝光伤害及避免强光等视力保护角度出发进行设计的，如下图所示是 QQ 的夜间模式，腾讯 ISUX 在《QQ极简与夜间模式设计》（链接:https://isux.tencent.com/articles/simple-qq.html）中对于夜间人眼对光线敏感度描述——“人眼可根据环境光做自动调节，在弱光环境下，人眼对明暗度的辨别更敏锐，对彩色的感知度则更弱。同时人眼还有视觉惰性，晚上长时间使用手机，更容易觉得眼花。”你可以看到在下图 QQ 夜间模式转换中图标、图片由浅色模式转变至夜间模式的方式是通过增加深色遮罩，减弱光线强度为主，而这种转换方式也意味着在白天光线充足的情况下内容可读性较差。

概念

ISUX——腾讯社交用户体验设计,简称ISUX (Internet Social User Experience),成立于2011年1月11日,是腾讯集团核心、全球最具规模的UX设计团队。

而深色模式不局限于夜间使用，如下图所示是 iOS 系统深色模式的界面，深色模式设计出发点更多是在打造沉浸式体验、节能省电等功能性层面，所以需要保证无论光线强弱内容都可读，再对比 QQ 夜间模式，除背景外其余图片、图标等内容亮度都相对较高，界面整体对比度较高。

三、深色模式是否真的具有以下优点？

（一）省电

如下以 Google 测试数据为例，它使用了 LCD 屏幕的 iPhone 7 和 OLED 屏幕的 Pixel 手机做对比，两者在同样时间段内启用深色模式并在使用地图导航时保持屏幕最大亮度，Pixel 手机的电量消耗下降了 63%，而 iPhone 7 电量消耗则没有变化。

那么为什么 OLED 屏幕能省电呢？我们需要从 LCD 与 OLED 屏幕的显示原理说起，如下图所示，简单来说，OLED 屏幕相当于由多个彩色（发射红绿蓝光）小灯泡组成，我们在界面中看到的内容也就是这些彩色小灯泡直接发光组成的图像，而 LCD 屏幕则不同，如下图左侧部分是 LCD 屏幕的成像原理，它是让 Back-light （背光源）部分一直处于发光状态，再由 liquid cystal (液晶)部分控制 RGB （红绿蓝）三种色光的比例来形成所需要的颜色。

我们再回到先前的问题(为什么 OLED 屏幕能省电?)， OLED 屏幕能省电的原因在于它开启深色模式的方式是通过关闭“小灯泡”或者调低“小灯泡”亮度来实现的，能耗自然就下来了，而 LCD 的 Back-light （背光源）部分是处于常开状态，只能通过液晶排列来挡住 Back-light （背光源）部分的光线，所以就没办法省电。

结论

开启深色模式是否省电需要根据屏幕材质来判断， OLED 确实可以起到省电作用，而 LCD 则不行。

（二）护眼

说到护眼，首先我们要从什么会伤害眼睛说起，如下图所示为可见光波段分布，人们通过长期研究发现短波可见光，即紫光和蓝光对眼底视网膜有相当程度的破坏作用， 特别是对老年性视网膜黄斑变性患者来说，紫光和蓝光均会进一步加快病情恶化，而人们通常把这种可见光波长中高能量波段(400- 470nm)对视网膜的损坏现象称为“蓝光伤害现象” ，而我们常说手机屏幕都存在“蓝光伤害现象” ，那么蓝光来自于哪里？我们继续从 OLED 屏幕与 LCD 屏幕两部分来探讨。

（1）LCD 屏幕

通常 LCD 屏幕都采用的是液晶发光原理，而液晶发光原理是 LED 灯珠发出的白光照射在液晶模组之上分散出 RGB 三种色光（红绿蓝），从而展现丰富多彩的颜色，而有害蓝光就来自于 LED 灯珠，LED 灯珠产生的白光并不是发光源本身发出的就是白光，而是通过高能量蓝光来激发白色荧光，目前 LED 灯珠都会使用蓝光打在荧光粉上产生黄光，黄光被蓝光激发出来后，它们一起从 LED 灯珠里照射出来，所以我们会看到白光，其实这只是蓝光与黄光两种色光混合在一起的复合光而已，而在浅色模式下白光（含有蓝光与黄光）可能是我们在界面中看到最多的色光，故会造成我们眼睛损伤。

（2）OLED 屏幕

OLED 屏幕的显示原理与 LCD 屏幕不同，它不需要通过蓝光激发荧光粉从而显示白光，在上文我们说过我们可以将 OLED 屏幕理解为由多个彩色（发射红绿蓝光）小灯泡组成，相较 LCD 屏幕而言，OLED 彩色小灯泡发射蓝光不可能是常态，所以相对 LCD 屏幕而言短波蓝光与用户的接触时间会变小，以上是我们逻辑上的判断，对于两种类型屏幕的蓝光伤害也有实验数据支撑，2016年11月国家级检测机构泰瑞特曾对某品牌的 OLED 电视进行了一项蓝光测试报告，报告显示这款 OLED 电视的蓝光危害辐射亮度值仅为 0.1441W\u2022m-2\u2022sr-1（反正比较小就对了），泰瑞特工程师介绍，本次除了对 OLED 电视进行了蓝光检测，还通过泰瑞特大数据，与液晶电视、液晶显示器及手机进行了对比分析，大数据分析显示，液晶电视辐射亮度均值为 0.6339W\u2022m-2\u2022sr-1，也就是说 OLED 电视蓝光辐射量比液晶电视均值要低 77%，比液晶电视最高值低 83%。

回到我们真正想要解决的问题——深色模式是否能够护眼？在上文已做详述， LCD 屏幕实现深色模式的方式是挡住光，而 OLED 实现深色模式的方式是“关灯”，从这两个角度来说，挡住光自然也能挡住蓝光，而关灯也意味着关了灯部分的小灯泡没有蓝光发出，但这不意味着可以护眼，伤害依然存在，只是程度低了一些。

结论

深色模式可以减少对眼睛的伤害，只是程度小一些，而 OLED 屏幕相较 LCD 屏幕对眼睛的蓝光伤害更小一些。

（三）打造沉浸体验

我们先来说说“沉浸”的概念，“沉浸”是指完全处于某种境界或思想活动中，全神贯注于某种事物。从我们视觉角度来说，在深色模式之上的有彩色内容自然是能够更好的吸引用户目光，但早在 2003 年台湾大叶大学做过一个实验，分别测试了暗色和亮色背景下对屏幕内容可读性的影响。结果显示，当深色文本处于浅色背景时，实验者的阅读速度反而更快，也能更好地完成任务；德国帕绍大学的研究员 Susanne Mayr 也得出了类似的结论。原因在于在白底黑字的情况下，人类的双眼能接收到更多的光线，虹膜会有更多部分选择闭合，晶状体的形变也相对较少，但在黑底白字的情况下，为了提高对光线的吸收，虹膜便会张得更开，晶状体的形变也会变大，反而更容易造成眼部疲劳。「尤其当字体非常小时，比如说在小屏幕手机上阅读短信，亮色背景会明显优于深色背景。」

结论

再回到问题本身，深色模式是否能够创造更好的沉浸式体验，我们再重述一下沉浸的概念，沉浸是指完全处于某种境界或思想活动中，全神贯注于某种事物，在深色背景之上的浅色内容由于对比的存在确实能够立刻吸引目光，对于电影、视频之类的内容确实能够创造沉浸式体验（因为不涉及精度较高的文字阅读），但对于阅读类的应用（微信读书、kindle 等），可能会导致内容可读性差一些，沉浸感打折扣。

（四）不一样

无论深色模式在功能性层面能够达到何种程度，考虑到目前手机厂商软硬件没有大升级的前提下，深色模式确实能给人眼前一亮的感觉，而这种不一样的感觉可能也确实是人们需要的，就像手机厂商每次发布新品手机时总会发布几款新配色，就是给人们一些新鲜感，从这个层面上来说，深色模式的推出也是有一定意义的，不管你是否承认，大家都喜欢自己显得不一样。

四、尾巴

总结来说，考虑到越来越多手机都用上了 OLED 屏幕，结合手机行业整体趋势，综合省电、护眼、打造沉浸体验及给用户不一样的感觉等四个方面，深色模式有它存在的价值，但对我们设计师而言，也意味着增加了更大的工作量，虽然我们内心可能是拒绝的，但我们已经处在这个深色模式的“洪流”当中，由不得你了，所以下一篇我们一起探讨如何设计优秀的深色模式，从而给用户更好的体验。

Powered by Froala Editor