史上最难深色模式适配！淘宝APP已跟进，微信还不慌吗？今年6月份

今年6月份，苹果发布了全新的iOS 13系统，并且推出了一个重量级功能——深色模式，也称之为“黑暗模式”，苹果官方也早早建议 App 开发者适配深色模式。虽然深色模式早在Windows Phone时代就有了，但那也只是手机厂商的自嗨，真正适配的APP很少。

现如今，在用户的期待下，越来越多的APP都已经着手研发甚至支持深色模式或黑暗模式。

包括“钉子户”微信最近也在内测黑暗模式，而手机淘宝同样跟进内测自己的深色模式，这下晚上剁手更方便了。目前淘宝已正式支持iOS 13深色模式，初步完成史上最“难”的深色模式适配。

安卓版用户还需稍等，该功能正在紧张开发中。

黑暗模式能够进行自定义调节，在用户处于较黑暗的环境时，App会自动切换到黑暗模式，而到了白天，黑暗模式就会自动取消。正是因为 "省电 " 和 " 护眼 "两方面的好处，总有用户呼吁主流应用跟进。

但这种模式并不是简单地把APP界面变成深颜色。

深色模式是今年手机系统的重要特性，参考苹果官方建议，需要通过语义化颜色的方式进行适配，可以让UI界面元素灵活地适应浅色、深色模式切换，时随地为用户提供舒适护眼的用户界面。

其中，语义化颜色是指通过“用途”来对元素UI进行定义描述，而不是具体的颜色值。

语义化颜色说明

根据专业人士描述，淘宝适配深色模式之所以那么难，是因为它支持多个技术框架、数百个入淘业务，同时要兼容多种品牌体系、各式各样的商品和内容、以及全年丰繁复杂的大促会场等等。

如果要对应用内所有页面进行颜色语义化设置，其设计难度与工作量都无比巨大，无异于把整个APP重新开发一遍。

最终，手机淘宝采用了“智能语义化”的方案，大幅降低了App的适配成本。因为设计师根据不同UI元素的特性，在研发期间就已经制定好了颜色的语义化规则，然后在框架层面通过“颜色自动反转”技术，实现颜色反转。

基于内容的智能语义化

结合智能语义化方案，手机淘宝对全域的色值都进行了适配规则定义，绝大多数场景都无需修改代码即可自动适配深色模式，再手动修改少量有问题的界面，最终在短时间内快速、高质量地适配了深色模式。

全域色值的适配

技术方案原理图

目前，iOS版手机淘宝已初步完成深色模式适配，正进行小范围内测。

如何体验iOS版淘宝深色模式？

第一步：打开链接，通过苹果testlight安装（只支持iOS13系统）：https://testflight.apple.com/join/TThGL9RX

第二步：打开【系统设置】-【显示与亮度】-【深色】，打开淘宝即可体验深色模式。

淘宝适配深色模式，对于剁手族来说也算是个好消息，不知道能不能攻克马云提出的“每天晚上6000万女性逛淘宝却不买东西”的世纪难题呢？

据了解，目前已适配深色模式的APP主要有：知乎、豆瓣、爱奇艺、贴吧、蜻蜓 FM、喜马拉雅、**** ……其中腾讯系比较积极，QQ、QQ音乐、QQ邮箱、腾讯视频这些都早已适配。

史上最难深色模式适配！淘宝APP已跟进，微信还不慌吗？