正文内容 评论(0

淘宝内测深色模式:iOS领先一步
2019-12-20 23:25:21  出处:快科技 作者:上方文Q 编辑:上方文Q     评论(0)点击可以复制本篇文章的标题和链接

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

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

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

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

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

淘宝内测深色模式:iOS领先一步
语义化颜色说明

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

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

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

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

淘宝内测深色模式:iOS领先一步
基于内容的智能语义化

淘宝内测深色模式:iOS领先一步
全域色值的适配

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

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

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

【本文结束】如需转载请务必注明出处:快科技

责任编辑:上方文Q文章纠错

  • 支持打赏
  • 支持0

  • 反对

  • 打赏

文章价值打分

当前文章打分0 分,共有0人打分
  • 分享好友:
  • |
本文收录在
#淘宝#iOS

  • 热门文章
  • 换一波

  • 好物推荐
  • 换一波

  • 关注我们

  • 微博

    微博:快科技官方

    快科技官方微博
  • 今日头条

    今日头条:快科技

    带来硬件软件、手机数码最快资讯!
  • 抖音

    抖音:kkjcn

    科技快讯、手机开箱、产品体验、应用推荐...