你是不是经常在晚上买买买
双11的零点忍受着刺眼的白屏幕疯狂下单
…
现在，你有机会更沉浸地去购物了
淘宝目前已支持深色模式
初步完成史上最“南”的深色模式适配了
▲淘宝深色模式来了
淘宝特色的深色模式
─
深色模式是今年手机系统的重要特性，参考苹果官方适配建议，需要通过语义化颜色的方式进行适配，可以让UI元素灵活的适应浅色与深色模式切换。语义化颜色是指通过「用途」来对元素UI进行定义描述，而不是具体的颜色值。
▲ 语义化颜色说明
淘宝适配深色模式之所以“南”，是因为它有多个技术框架、数百个入淘业务，要兼容多种品牌体系、各式各样的商品和内容、全年丰繁复杂的大促会场等等。
如果我们对应用内所有页面进行颜色语义化设置，设计与开发量巨大，无异于重新开发一遍。
▲ 淘宝APP的复杂现状
智能语义化
最终我们找到了“智能语义化”的方案，使适配成本大幅降低。设计师根据不同UI元素的特性先期制定颜色语义化规则，技术在框架层面通过“颜色自动反转”技术实现颜色反转。
▲基于内容的智能语义化
结合智能语义化方案，我们对全域的色值都进行了适配规则定义，使得绝大多数场景无需修改代码就可以自动适配深色模式，再辅以设计和测试走查，手动修改少量有问题的界面，我们得以在短时间内快速、高质量适配深色模式。
▲全域色值的适配（示意）
⭐️获取内测体验方式⭐️
─
iOS版的淘宝已初步完成深色模式适配，为了持续优化体验和改进，我们邀请大家进行小范围内测，想尝鲜的小伙伴可以通过以下方式获取?：
关注“淘宝设计”公众号
微信后台回复“淘宝深色”获取体验测试包
体验名额有限，先到先得
Android版用户稍等，我们正在抓紧开发中。持续关注“淘宝设计”公众号，后续我们将带来淘宝深色模式设计内幕，更多内容敬请期待。
////// END //////
淘宝设计，一个服务于全球亿万消费者体验的设计团队，致力于让设计触动人心，让商业美而简单。
本篇文章来源于微信公众号: 淘宝设计
