盼望着,盼望着,微信的“深色模式”正式上线了。
“深色模式”是这两年用户呼声最高的功能之一,不过 iOS 和 Android 也是去年才开始适配深色模式,似乎越是大型的应用和平台,在推出“深色模式”这个问题上就越是谨慎。
去年微信团队曾在微博以打趣的口吻回应称,“不忍心占用用户珍贵的夜晚”。不打扰,一直是微信的温柔。
可很多人不知道的是,要给用户提供一个引起极度舒适的“深色模式”,其实并不是简单的从白变黑,尤其是对于一款国民级应用来说,当中涉及的设计和开发量,甚至不比重新开发一遍少。
深色模式的黑,是什么黑
深色模式(Dark Mode)也被叫做暗黑模式,顾名思义,它给人最直观的感受,就是黑。
但“深色模式”要实现理想的视觉体验,绝不是将底色变黑,将文字变白这么简单。Google 在 Material Design 中对于深色模式中列出的设计规范中,第一条就是“不要使用 100% 的纯黑”。
UI 设计师 Ilke Verrelst 曾指出,不要在纯白背景上显示纯黑文字,反之亦然,这是基本的设计规则。
为什么呢?因为纯白色会反射所有波长的光线,而纯黑色会吸收所有光线,这是对比度最大的两种颜色,白底黑字时,文字过于刺眼,而黑底白字时,文字又可能难以辨认。
如果在同时一个页面上大面积使用纯白色或者纯黑色,反而会在长时间阅读时让眼睛感到疲劳。虽然有大量研究已经证明深色模式并不护眼,但如果它让用户使用 app 时更加不适,那同样与深色模式开发的初衷背道而驰。
此外纯黑和纯白的高对比度,会让页面无法通过阴影效果来构建视觉层次。比如下图中两个方框中灰色方块,在左侧纯黑的方框中,几乎看不到灰色方块的阴影。而右侧深灰色方框中,阴影的变化则明显得多。