iOS 13 和 Android 10 的发布,暗黑模式让人眼前一亮,Apple的很多软件也都进行了适配,业界内很多App也都加入暗黑阵营。添加客户体验,适配暗黑可能是一个趋势。
在UI界面中大面积采用深色构成界面主体的设计,因为整体亮度降低可在黑暗环境中提供舒适性并可最大程度地减少眼睛疲劳。
一图胜千言.png沉迷式效果
暗黑模式的主色背景是深色,深色背景的优势是
很多程序猿也偏爱使用开发工具的暗黑模式,即可见一斑了。
Xcode 暗黑模式.png新鲜感
绝大部分的App的背景主色调都是白色,客户看到一个深色主题的App可能会眼前一亮,之前没有暗黑模式的时候,很多音乐播放器的那种黑色主题还是很受欢迎的。
来自qq音乐的收费暗黑主题.png现在苹果免费支持一个暗黑主题,很多客户已经入坑。
省电
在 OLED 屏幕的手机(包括 iPhone 11 Pro, iPhone XS, and iPhone X)
OLED 屏幕通过关闭相应的像从来产生纯黑色显示。这意味着在深色模式下,屏幕上的所有黑色区域都将被完全关闭,从而节省电池电量。
下图是YouTube 在默认模式及暗黑模式下相同界面耗电量的比照,可以看到差别还是挺大的。
image.png暗黑模式仅仅只是减少了光污染,让眼睛更加舒适。
造成眼睛损伤的是蓝光和频闪。事实上并没有减少蓝光,也没有处理频闪的问题,所以没有,
PS:唯一有用的是夜览模式,开启后会页面变黄,肯定程度上会减少蓝光的摄入。
设置 >> 显示与亮度 >> 夜览
夜览模式和暗黑模式是可以并存的。
夜览模式.png所以开着暗黑模式也要注意玩手机的时间奥。
以下是
QQ浏览器的夜间模式 && Safari的暗黑模式的对照图 && 今日头条的夜间模式
QQ浏览器的夜间模式 && Safari的暗黑模式的对照图 && 今日头条的夜间模式.png可以看到很显著的差别
夜间模式:夜间模式设计的出发点是客户夜间使用,采用更低的比照度让界面不刺眼。一种很简单的夜间模式的实现方式就是在整个window的最上层搞一层半透明的黑色背景<今日头条>减少界面的颜色比照。
暗黑模式:使用场景并不仅限于夜晚,很多客户白天也会长时间使用,和传统的白底黑字相比,这种黑底白字的模式通常被认为可以缓解眼疲劳,更易于阅读。
所以夜间模式不完全等同于暗黑模式。
接下来:
iOS 暗黑模式适配(方法详情篇)
iOS 暗黑模式适配(项目实战篇)