『太平洋电脑网』手机淘宝内测深色模式：iOS版本领先一步
【『太平洋电脑网』手机淘宝内测深色模式：iOS版本领先一步】微信最近正在内测黑暗模式 ， 而手机淘宝也在内测自己的深色模式 ， 这下晚上剁手更方便了 。 其实 ， 很多APP都已经支持“黑夜模式” ， 但深色模式或者黑暗模式并不是简单地把APP界面变成深颜色 。
文章图片
深色模式是今年手机系统的重要特性 ， 参考苹果官方建议 ， 需要通过语义化颜色的方式进行适配 ， 可以让UI界面元素灵活地适应浅色、深色模式切换 。 其中 ，语义化颜色是指通过“用途”来对元素UI进行定义描述 ， 而不是具体的颜色值 。
文章图片
语义化颜色说明
对于手机淘宝来说 ， 适配深色模式的难度相当大 ， 因为它有多个技术框架、数百个入淘业务 ， 要兼容多种品牌体系、各式各样的商品和内容、全年丰繁复杂的大促会场等等 。
如果对应用内所有页面进行颜色语义化设置 ， 设计与开发量将无比巨大 ， 无异于把整个APP重新开发一遍 。
最终 ，手机淘宝采用了“智能语义化”的方案 ， 大幅降低适配成本 。 设计师根据不同UI元素的特性 ， 先期制定颜色语义化规则 ， 然后在框架层面通过“颜色自动反转”技术 ， 实现颜色反转 。
结合智能语义化方案 ， 手机淘宝对全域的色值都进行了适配规则定义 ，绝大多数场景都无需修改代码即可自动适配深色模式， 再手动修改少量有问题的界面 ， 最终在短时间内快速、高质量地适配了深色模式 。
文章图片
基于内容的智能语义化
文章图片
全域色值的适配
目前 ， iOS版手机淘宝已初步完成深色模式适配 ， 正进行小范围内测 ， 感兴趣的可以关注“淘宝设计”公众号获取 。
安卓版的深色模式正在开发中 。
【来源：快科技】【作者：上方文Q】
推荐阅读
- 手机■遇“纠纷”自己报警被识破 男子假卖手机骗60多万
- #医保云#备案报销手机搞定 看病买药“一码通行” 江苏医保云平台上线试运行
- “一部手机读云南”上线力争建成国家方志大数据中心西南中心
- 普通车|德系商务风对阵美式运动范 迈腾 VS 迈锐宝XL
- 夕阳红|南通移动：“智慧养老”手机让“夕阳红”不孤单
- 强迫学生摔手机 云南涉事教师被停课调查
- 红米手机通过QQ空间的成功营销，给涉足社会化营销的企业有哪些启示
- 普通车|选商务还是要运动？ 迈腾 VS 君威
- 小米手机的指纹信息保管安全吗
- 商家通过低保户购物而把自己的利润返还赠送低保户安装宽带或者旧电脑可行吗