加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

做一个引起极度舒适的「深色模式」,到底有多难?

发布时间:2020-03-25 01:57:19 所属栏目:业界 来源:爱范儿 作者:李超凡 盼望着,盼望着,微信的「深色模式」正式
导读:副标题#e# 来源:爱范儿 作者:李超凡 盼望着,盼望着,微信的「深色模式」正式上线了。 「深色模式」是这两年用户呼声最高的功能之一,不过 iOS 和 Android 也是去年才开始适配深色模式,似乎越是大型的应用和平台,在推出「深色模式」这个问题上就越是谨

如果把深色模式看作给房子刷漆,给一间小房子刷漆的难度,和一个几十栋楼的大型小区无法显然无法相提并论。

做一个引起极度舒适的「深色模式」,到底有多难?

对于月活超过 11 亿的微信来说,这显然不是一件一蹴而就的事情。

很多 app 都做了深色模式,真的有那么难吗?

的确,在微信上线深色模式之前,就有一些 app 就推出了深色模式,比如知乎,但这些应用的深色基本沿用了原来的「夜间模式」,体验一言难尽,可以参考下面这些知乎用户的评论。

做一个引起极度舒适的「深色模式」,到底有多难?

很多人会把深色模式与夜间模式划上等号,但实际上两者并完全是一回事。夜间模式主要照顾是暗光条件下的场景,而深色模式还需要兼顾亮光环境下的使用。

设计网站 UX Planet 主编 Nick Babich 列出的「暗黑模式 8 个设计准则」就有这么一条,「要分别在灯光和黑暗条件进行测试」。纵观现在推出深色模式的 app,能让人在亮光环境下依然愿意使用的并不多。

除此之外,在一些应用上的部分功能模块,往往还不能直接变为深色。尤其是在一些文字编辑的界面,白色或者浅色背景才能让人产生「在纸张上书写」的感觉。

做一个引起极度舒适的「深色模式」,到底有多难?

俄罗斯最大的搜索引擎 Yandex 在设计邮箱客户端时就遇到了类似的问题,随后通过一种基于 CSS 变量的方法解决,让深色模式在保持一定对比度和亮度自适应地调整。

这样的问题在很多电商 app 上更显明显,因为大量商品的图片和视频都是以浅色背景为主。如果要只把背景变深色,就会显得十分刺眼。但如果要调整海量的商品图片底色,工作量则十分巨大。

针对这个问题,苹果给出的建议是采用「语义化颜色」(Semantic Colors)进行适配。所谓语义化颜色,就是不再通过某一色值来描述颜色,而是根据用途来描述,让界面元素可以自动适配当前的外观模式。

去年被淘宝称为「史上难度最大适配」的 iOS 内测深色模式,颜色的适配就是采用了「语义化颜色」的原理。

做一个引起极度舒适的「深色模式」,到底有多难?

▲ 图片来自:阿里巴巴国际 UED

按照淘宝的介绍,这种方案大大降低了对所有页面进行进行颜语义化设置的难度,让绝大多数场景无需修改代码就可以自动适配深色模式,可以在短时间内快速、高质量适配深色模式。

总的来说,给应用适配深色模式的技术难度本身并不高。但要兼顾的细节却非常多,如果碰上量级十分大的应用,复杂程度就会超乎想象。

为什么需要深色模式?

深色模式的作用过去常常被夸大。其实深色模式不仅不护眼,在很多场景其实反而会降低阅读效率。有研究视觉研究表明,人类天生就是更喜欢前暗后亮(dark-on-light)。

做一个引起极度舒适的「深色模式」,到底有多难?

既然如此,花费这么多资源适配深色模式到底有没有必要呢 ?

谈论一款产品或一项功能的可用性,不能脱离用户的使用场景。深色模式未必所有产品的设计趋势,但好的深色模式却让不少必要的场景体验更加人性化。

爱范儿在之前一篇文章中,科普了深色模式的用途。 Android 开发者网站的黑暗主题开发指导则介绍了深色模式的三大优势:

大幅减少电量的消耗

为视力不佳的用户与对强光敏感的用户提供更好的可视性

让任何人都能在暗光环境中使用智能手机

不久前《财富》杂志发布了全球 100 个最伟大的现代设计,同时指出了好设计的标准,已经从一种纯粹的产品美学,变为了一个产品或服务能否更好地去实现特定目的、功能,以及能否为社会带来持续的影响。

对于 iPhone 、微信这些产品来说,深色模式可以说是延续这种设计理念的一部分。

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读