夜间模式随想

2017-01-26 本文已影响658人刘英滕

有天夜里，简叔突然在私密群里抛出一个话题，「为什么微信没有做夜间模式」。

马上，有行内的群友说：

微信对需求有分级，夜间模式可能属于低一级的需求。QQ 有夜间模式，但上升到整体来看，功能就显得很杂乱。跟夜间模式在一级的还有很多很多需求，最好的方式是全部忽略。

有群友表示不用夜间模式、不理解为什么要用。也有站在用户角度的群友说：

其实我觉得应该有夜间模式。经常晚上躺下了刷手机，没有夜间模式就很亮很伤眼，影响体验。

对开发者来说，要不要做，怎么做，可以先回答这几个问题。

这毕竟是功能复杂度的提升，而且每个 app 的夜间模式设计都不一样，一些 app 有，一些又没有。所以，有的开发者认为这件事，应该交由系统层面处理。

iOS 10 推出了 Night Shift 功能，改变屏幕的色温；Android 则有不少 app 可以帮用户全局降低屏幕亮度。但目前系统的处理效果不算最优，或者还不普及，因此很多 app 还是自己做了一套夜间模式。

夜间模式出现在阅读、内容类应用居多，它们的做法多为前者，甚至除了暗色主题外还有更丰富的主题色，随用户按喜好选择。而社区应用「最右」做法不多见——给 app 全局加一层半透明遮罩。

左：简书，右：最右

例如 Weico 微博客户端、读读日报，在真正天黑关灯之后，它们的夜间模式显示效果很舒服。但如果白天没有把模式调回来，用起来甚至有点困难。

Twitter 夜间模式的思路就截然相反——把背景色改为暗色，标题和正文色由黑变白，其它一律不变。在夜间，这套主题或许还有点点刺眼，但可以全天开着它，白天也能正常使用。

左：Twitter，右：Weico

手动，给用户全部选择权。自动，设置时间段自动切换模式。现在手机都有光线传感器，屏幕亮度能根据环境光调整，Ai Search 干脆把屏幕亮度作为切换条件，认为环境光比预设的时间更靠谱。

如果说视频都用全屏来观看、可以整体降低亮度来解决；那么图片经常混入信息流，在背景色和文字已经调整之后，图片也应该考虑特殊对待，否则刷着刷着突然冒出一张白底照片，依然刺眼。常见的，会将图片的不透明度 (opacity) 调低至 80%-90%。

有夜间模式的网站不多，简书是一个（而且针对图片进行了优化），以及优酷、爱奇艺等视频网站的「关灯模式」。聚合搜索工具 Ai Search，它的开发者在这方面则花了更多功夫——在 HTML/CSS 层面给网页调整样式，让谷歌百度、电商网站等搜索结果都显示出夜间效果。