主题 : 晚上放心剁手,淘宝App黑暗模式来了!
千山同一月 万户尽皆春 千江有水千江月 万里无云万里天
级别: 总版主

UID: 998
精华: 0
发帖: 605059
威望: 529688 点
无痕币: 0 WHB
贡献值: 0 点
在线时间: 62636(时)
注册时间: 2008-12-25
最后登录: 2024-05-21

晚上放心剁手,淘宝App黑暗模式来了!

12月20日消息 据淘宝官方技术消息,现在,你有机会更沉浸地在深夜淘宝剁手了,淘宝已正式支持iOS 13深色模式,初步完成史上最“难”的深色模式适配。(文末有iOS版淘宝测试版下载)
Android 版用户稍等,该功能正在紧张开发中。





千山同一月 万户尽皆春 千江有水千江月 万里无云万里天
级别: 总版主

UID: 998
精华: 0
发帖: 605059
威望: 529688 点
无痕币: 0 WHB
贡献值: 0 点
在线时间: 62636(时)
注册时间: 2008-12-25
最后登录: 2024-05-21

深色模式是今年手机系统的重要特性,参考苹果官方适配建议,需要通过语义化颜色的方式进行适配,可以让UI元素灵活的适应浅色与深色模式切换。语义化颜色是指通过「用途」来对元素UI进行定义描述,而不是具体的颜色值。

语义化颜色说明淘宝适配深色模式之所以那么难,是因为它支持多个技术框架、数百个入淘业务,同时要兼容多种品牌体系、各式各样的商品和内容、以及全年丰繁复杂的大促会场等等。
如果对应用内所有页面进行颜色语义化设置,其难度与工作量都巨大,无异于重新开发一遍。

最终淘宝团队找到了“智能语义化”的方案,使适配成本大幅降低。设计师根据不同UI元素的特性先期制定颜色语义化规则,进而技术在框架层面通过「颜色自动反转」技术实现颜色反转。

基于内容的智能语义化结合智能语义化方案,对全域的色值都进行了适配规则定义,使得绝大多数场景无需修改代码就可以自动适配深色模式,再辅以设计和测试走查,手动修改少量有问题的界面,得以在短时间内快速、高质量适配深色模式。

技术方案原理图
体验iOS版淘宝深色模式:
第一步 、打开链接,通过苹果testlight安装(只支持iOS13系统):https://testflight.apple.com/join/TThGL9RX
第二步、打开系统设置-显示与亮度-深色,打开淘宝即可体验深色模式。
千山同一月 万户尽皆春 千江有水千江月 万里无云万里天
级别: 总版主

UID: 998
精华: 0
发帖: 605059
威望: 529688 点
无痕币: 0 WHB
贡献值: 0 点
在线时间: 62636(时)
注册时间: 2008-12-25
最后登录: 2024-05-21

这个可以看看,了解一下。
知足常乐
级别: 十方秋水

UID: 23
精华: 1
发帖: 261154
威望: 117168 点
无痕币: 2509 WHB
贡献值: 0 点
在线时间: 9392(时)
注册时间: 2007-11-24
最后登录: 2024-05-21

这个看看,谢谢分享!
事能知足心常乐 人到无求品自高
级别: 七朵秋菊
UID: 80465
精华: 0
发帖: 3974
威望: 54571 点
无痕币: 77324 WHB
贡献值: 0 点
在线时间: 317(时)
注册时间: 2009-03-22
最后登录: 2024-05-20

看看
   谢谢分享
级别: 八片秋叶

UID: 232159
精华: 0
发帖: 45282
威望: 40984 点
无痕币: 10085 WHB
贡献值: 0 点
在线时间: 806(时)
注册时间: 2014-06-03
最后登录: 2024-05-20

这个可以了解了解,谢谢楼主分享。
级别: 七朵秋菊

UID: 219073
精华: 0
发帖: 26686
威望: 22805 点
无痕币: 193 WHB
贡献值: 0 点
在线时间: 1525(时)
注册时间: 2013-09-06
最后登录: 2024-05-20

谢楼主辛苦分享!
Total 0.145424(s) query 4, Time now is:05-21 04:29, Gzip enabled 粤ICP备07514325号-1
Powered by PHPWind v7.3.2 Certificate Code © 2003-13 秋无痕论坛