今年6月份,苹果发布了全新的iOS 13系统,并且推出了一个重量级功能——深色模式,也称之为“黑暗模式”,苹果官方也早早建议 App 开发者适配深色模式。虽然深色模式早在Windows Phone时代就有了,但那也只是手机厂商的自嗨,真正适配的APP很少。
现如今,在用户的期待下,越来越多的APP都已经着手研发甚至支持深色模式或黑暗模式。
包括“钉子户”微信最近也在内测黑暗模式,而手机淘宝同样跟进内测自己的深色模式,这下晚上剁手更方便了。目前淘宝已正式支持iOS 13深色模式,初步完成史上最“难”的深色模式适配。
安卓版用户还需稍等,该功能正在紧张开发中。
黑暗模式能够进行自定义调节,在用户处于较黑暗的环境时,App会自动切换到黑暗模式,而到了白天,黑暗模式就会自动取消。正是因为 "省电 " 和 " 护眼 "两方面的好处,总有用户呼吁主流应用跟进。
但这种模式并不是简单地把APP界面变成深颜色。
深色模式是今年手机系统的重要特性,参考苹果官方建议,需要通过语义化颜色的方式进行适配,可以让UI界面元素灵活地适应浅色、深色模式切换,时随地为用户提供舒适护眼的用户界面。
其中,语义化颜色是指通过“用途”来对元素UI进行定义描述,而不是具体的颜色值。
语义化颜色说明
根据专业人士描述,淘宝适配深色模式之所以那么难,是因为它支持多个技术框架、数百个入淘业务,同时要兼容多种品牌体系、各式各样的商品和内容、以及全年丰繁复杂的大促会场等等。
如果要对应用内所有页面进行颜色语义化设置,其设计难度与工作量都无比巨大,无异于把整个APP重新开发一遍。
最终,手机淘宝采用了“智能语义化”的方案,大幅降低了App的适配成本。因为设计师根据不同UI元素的特性,在研发期间就已经制定好了颜色的语义化规则,然后在框架层面通过“颜色自动反转”技术,实现颜色反转。
基于内容的智能语义化
结合智能语义化方案,手机淘宝对全域的色值都进行了适配规则定义,绝大多数场景都无需修改代码即可自动适配深色模式,再手动修改少量有问题的界面,最终在短时间内快速、高质量地适配了深色模式。
全域色值的适配
技术方案原理图
目前,iOS版手机淘宝已初步完成深色模式适配,正进行小范围内测。
如何体验iOS版淘宝深色模式?
第一步:打开链接,通过苹果testlight安装(只支持iOS13系统):https://testflight.apple/join/TThGL9RX
第二步:打开【系统设置】-【显示与亮度】-【深色】,打开淘宝即可体验深色模式。
淘宝适配深色模式,对于剁手族来说也算是个好消息,不知道能不能攻克马云提出的“每天晚上6000万女性逛淘宝却不买东西”的世纪难题呢?
据了解,目前已适配深色模式的APP主要有:知乎、豆瓣、爱奇艺、贴吧、蜻蜓 FM、喜马拉雅 、网易新闻 ……其中腾讯系比较积极,QQ、QQ音乐、QQ邮箱、腾讯视频这些都早已适配。
图片来源网络
相信大家最最期待的就是,微信什么时候能适配深色模式呢?
关于这个问题,微信官方在今年 4 月份微博上曾表示:“为什么没有夜间模式,其实是希望大家不要沉溺于微信聊天导致过度熬夜。”
微信美名其曰为用户的身体健康着想才迟迟不提供夜间模式。可是网友们也是百思不得其解,就算是没有夜间模式,该熬的夜大家还是会继续熬,影响并不大。
值得一提的是,就在当地时间6月3日,苹果WWDC 2019宣布iOS13确定引入全局深色模式之后……微信就把上面那条微博删除了。
最近微信安卓内测版迎来更新,破天荒的支持了黑暗模式,目前黑暗模式还有点小问题,设置成黑暗模式也不是所有情况都完美适配,公众号、小程序等界面依然不是黑暗模式,后续或许会改进。
但下个微信的正式版本中,用户能否体验到微信的黑暗模式?谁说得准呢!张小龙曾在公开课称,每天都有5亿人吐糟微信,还有1亿人教他做产品。
张小龙也曾在公开课表示,微信一直不希望占用用户时间,希望大家放下手机,多陪陪家人朋友,并称该初心,一直未变。或许微信原本就未考虑过要做这个深色模式,微信的产品经理肯定有自己的规划吧。
正面竞争支付宝微信,移动支付鼻祖正式进入中国市场
手机在钱没了!专家建议晚上关机遭网友群嘲
微信圈子终于上线,一个全新的“朋友圈”来了?
知名电商平台宣告破产,曾创下“中国电商奇迹”