淘宝内测深色模式：iOS领先一步

微信最近正在内测黑暗模式，而手机淘宝也在内测自己的深色模式，这下晚上剁手更方便了。

其实，很多app都已经支持“黑夜模式”，但深色模式或者黑暗模式并不是简单地把app界面变成深颜色。

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

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

语义化颜色说明

对于手机淘宝来说，适配深色模式的难度相当大，因为它有多个技术框架、数百个入淘业务，要兼容多种品牌体系、各式各样的商品和内容、全年丰繁复杂的大促会场等等。

如果对应用内所有页面进行颜色语义化设置，设计与开发量将无比巨大，无异于把整个app重新开发一遍。

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

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

基于内容的智能语义化

全域色值的适配

目前，ios版手机淘宝已初步完成深色模式适配，正进行小范围内测，感兴趣的可以关注“淘宝设计”公众号获取。

安卓版的深色模式正在开发中。