微信最近测量了暗模式,手机淘宝也测量了暗模式。 今晚割手变得方便了。 事实上,很多APP都是“ 支持夜晚模式” 然而,暗模式和暗模式不仅仅使APP接口具有暗色。
深色模式是今年手机系统的重要特性,需要参考苹果公式建议,以有意义的颜色方式进行适应,使UI接口元素明亮,灵活适应深色模式的切换。 这里,语义化颜色是指“ 用途” 定义元素的UI,而不是特定颜色的值。
语义化颜色说明
在手机淘宝中,很难适应深色模式。 由于技术框架众多,有数百个入淘业务,应对多种品牌体系、多种商品和内容、全年复杂的大促进会场等。
在应用程序内的所有页面上进行颜色语义化设定的话,设计和开发量会变得非常大,和重新开发整个APP一样。
最终,手机淘宝是“ 智能语义化” 这个方案会大幅削减适合的成本。 设计师根据不同UI元素的特性,预先制定颜色语义化规则,在框架级别“ 颜色自动反转” 实现技术、色彩反转。
结合智能语义化方案,手机淘宝为全区域色值定义了适应规律。 大多数场景自动适应深色模式而不修正代码,并且手动修正少量问题界面,最终在短时间内迅速且高质量地适应深色模式。
基于内容的智能语义化
全局颜色值的匹配
现在,iOS版手机淘宝已经完成了深色模式的适应,在狭小范围内进行了测量,感兴趣的是“ 淘宝设计” 取得公共编号。
安卓版的深色模式正在开发中。
【资料来源:快速技术】【作者:上文q】