美文网首页IOS开发
iOS 暗黑模式适配(叨叨篇)

iOS 暗黑模式适配(叨叨篇)

作者: 踩坑小分队 | 来源:发表于2020-06-09 14:12 被阅读0次

前言

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 暗黑模式适配(方法介绍篇)iOS 暗黑模式适配(叨叨篇)我们知道了暗黑模式怎么去适配,那么...

  • 暗黑模式开发

    iOS13暗黑模式适配(项目开发版) iOS 13 DarkMode 暗黑模式 IOS 暗黑模式适配---基础适配

  • iOS 暗黑模式适配(叨叨篇)

    前言 iOS 13 和 Android 10 的发布,暗黑模式让人眼前一亮,Apple的很多软件也都进行了适配,业...

  • iOS 暗黑模式适配

    DarkModeAdapter 简介 iOS 暗黑模式适配懒人版 普通模式(light)下: 暗黑模式(dark)...

  • 百度APP iOS暗黑模式适配的完美解决方案

    百度APP iOS暗黑模式适配的完美解决方案百度APP iOS暗黑模式适配的完美解决方案

  • iOS:暗黑模式适配

    简介:iOS13苹果推出的暗黑模式,在去年苹果已经声明必须适配暗黑模式否则会下架。网上有很多好的文章来适配暗黑模式...

  • 自己适配iOS13解决的问题总结

    自己适配iOS13解决的问题总结 1.暗黑模式Dark Mode iOS 13 推出暗黑模式,UIView默认背景...

  • uni-app做iOS的夜间模式

    iOS13适配暗黑模式/夜间模式/深色模式/暗黑主题(DarkMode)问题:1.监听Android深色或浅色模式...

  • ios13适配不断更新

    1. 暗黑模式 iOS13使用暗黑模式时,UIView默认背景色会变成暗黑色。适配暗黑模式的工作量较大,改为强制使...

  • iOS13 适配总结

    1. 暗黑模式 iOS13使用暗黑模式时,UIView默认背景色会变成暗黑色。适配暗黑模式的工作量较大,改为强制使...

网友评论

    本文标题:iOS 暗黑模式适配(叨叨篇)

    本文链接:https://www.haomeiwen.com/subject/jckgahtx.html