美文网首页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 暗黑模式适配(叨叨篇)

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