夜间开启深色模式(你可能把深色模式)
在『被苹果官方警告』过后,微信今天终于全面上线了『Dark Mode』,也就是期待已久的深色模式。
用户在iOS系统中设置深色模式后,无需另外操作,微信即可自动适配,进一步优化用户使用体验,深夜使用微信更方便。
适配后也有『bug』用户更新最新版微信后,打开 iPhone “设置”,通过“显示与亮度”,调整为“深色”,微信即可自动适配“深夜模式”;或调为“自动”,夜晚自动适配。打开“深色模式”后,微信首页、聊天页面、发现页面、公众号文章页面、视频号页面、搜一搜页面、微信支付页面等都将自动转为深色。
如果需要关闭“深色模式”,用户只需打开 iPhone “设置”,通过“显示与亮度”,调整为“浅色”,即可关闭。目前,安卓版本也已灰度测试完毕,即将全量上线。
深色模式有几点优势:提高低视力和强光敏感者的可视性,以及让用户在光线不足的环境下更好地使用设备。还有一些影响就是,如果你的手机屏幕是Oled材质,深色模式也能让手机续航得到提升。
从这次微信更新的深色模式可以看出,腾讯的微信团队还是在此基础上做了不少的优化和适配工作。比如在深色模式下,微信的界面的背景色也会随之调整,为了适应暗色背景,聊天气泡的色彩也进行了调整,使其在视觉上并不会显得突兀和刺眼。
再比如朋友圈分享的链接,可以看到微信专门做了『黑灰』色的适配,以区分二者的层级关系,便于浏览和阅读。
但其实也有一些缺陷和值得改进的地方。例如微信的小程序还并没有适配,用户如果在暗光环境下在微信和小程序之间切换,可能就会被突然『亮瞎眼』,体验并不友好。
还有一个不可忽视的就是微信公众号的适配问题。大多数公众号都会借助第三方的编辑器进行排版和编辑,但这些第三方编辑器中的很多原始素材都是基于浅色背景开发的。再说微信的深色模式下,这些图文排版的效果就会『露馅儿』。
即便是在前两天因为排版效果大受好评的苹果官方的微信内容,在微信最新的深色模式下也不能避免在一些小细节方面穿帮。
这其实就是各大应用商和开发者没有迟迟适配深色模式的原因。
深色模式并不简单的是将自己的应用『黑化』,而是需要在新的暗色调背景下作出一系列的开发和适配,这背后需要付出的工作量并不小。
很多开发者都将「深色模式」和之前很多应用和软件都具备的「夜间模式」的概念相混淆。在进行深色模式的适配时,只将其功能开发简单的理解为『不刺眼』,而忽视了用户的观看体验。
例如知乎的iOS客户端很早就适配了iOS13的深色模式,但知乎在采用了深色背景的前提下,将字体、图片一律进行了暗化处理。这种黑色背景 灰色字体的设计带来的最大问题就是显示对比度的降低。日常使用时,普通灯光环境下字体看上去就非常吃力。
而反观iPhone原生的APP,在这一点上都做的很好。能够保证在深色模式下,该显示的内容清晰,完整。即便是在强光环境下,也能够辨认。
在去年的 WWDC 大会上,苹果人机交互团队的设计师 Raymond Sepulveda 曾对 macOS 的深色模式使用场景做了进一步的解释。
他指出,只有阅读浏览或是内容创作型 App 才需要长期启用深色模式,比如文字或代码编辑。它们会借助黑底白字的高对比度特性来让用户视线保持集中,其它大部分软件对于深色模式的需求反而并不强烈。
并不是所有APP都适合所以这其实就牵涉到第二个问题:并不是所有的APP都适合深色模式。
最典型的就是淘宝这类的电商APP,在它们的用户使用场景下,非常依赖于利用视觉元素完成对用户的信息传递和引导,但深色模式天然就在这方面并不具备优势。
淘宝适配深色模式的难度相当大,因为它有多个技术框架、数百个入淘业务,要兼容多种品牌体系、各式各样的商品和内容、全年纷繁复杂的大促会场等等。这就需要对应用内所有页面进行颜色语义化设置,设计与开发量将无比巨大,无异于把整个APP重新开发一遍。
其实对于『什么是好的深色模式』这个问题,Google 在 Material Design 的设计指导中做了回答:
- 不要使用 100% 黑色
- 使用不同层级的黑色和阴影来体现层次感
- 在黑暗模式下更换原先的颜色
- 创建一个新的,黑暗模式下的调色板
- 少量使用颜色避免花里胡哨
- 确保有足够的对比度
有意思的是,对于电子设备来说,深色模式可能并不是什么新功能,而是某种回归。在 20 世纪 60-80 年代时,当时计算显示设备是阴极射线管(CRT),但却只能支持单色的显示。就像我们在黑客帝国中看到那样,黑底绿字是当时单色显示器的常态。
直到后来mac和微软的图形界面被普及后,白色作为电子产品图形交互界面的底色就成为了常态。
从这个意义上看,深色模式也算是『致敬经典』了。当然在现阶段,它的确存在一些值得改进的地方,这需要众多的终端厂商、应用开发者们一起努力。
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com