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

  • 时间:2021-03-20 18:03 作者:踩坑小分队 来源: 阅读:731
  • 扫一扫,手机访问
摘要:前言iOS 13 和 Android 10 的发布,暗黑模式让人眼前一亮,Apple的很多软件也都进行了适配,业界内很多App也都加入暗黑阵营。添加客户体验,适配暗黑可能是一个趋势。暗黑模式是什么在UI界面中大面积采用深色构成界面主体的设计,因为整体亮度降低可在黑暗环境中提供舒适性并可最大程度地减少

前言

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 暗黑模式适配(项目实战篇)

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】Fortigate飞塔防火墙如何开启DNS转发/DNS代理(2025-10-14 23:58)
【系统环境|】有了它,再也不用担心电脑弹窗广告和病毒啦!(2025-10-14 23:57)
【系统环境|】如何关闭恼人的电脑弹窗广告?2招搞定(2025-10-14 23:55)
【系统环境|】实用软件推荐:电脑广告弹窗多?用他,都给你屏蔽掉!(2025-10-14 23:55)
【系统环境|】Nginx篇01——基本安装配置和静态页面设置(2025-10-14 23:54)
【系统环境|】Linux端口开放,查看,删除,防火墙(2025-10-14 23:53)
【系统环境|】安全HTTP头部配置: 基于CSP与HSTS的Web安全策略(2025-10-14 23:52)
【系统环境|】老K:做私域过1000万的赛道全部都聚焦在女性身上!(2025-10-14 23:51)
【系统环境|】JavaScript跨域问题: 如何解决跨域访问和资源共享的安全策略(2025-10-14 23:51)
【系统环境|】家庭七级财务防火墙(2025-10-14 23:50)
手机二维码手机访问领取大礼包
返回顶部