淘寶內測深色模式：iOS領先一步

微信最近正在內測黑暗模式，而手機淘寶也在內測自己的深色模式，這下晚上剁手更方便了。

其實，很多APP都已經支援“黑夜模式”，但深色模式或者黑暗模式並不是簡單地把APP介面變成深顏色。

深色模式是今年手機系統的重要特性，參考蘋果官方建議，需要通過語義化顏色的方式進行適配，可以讓UI介面元素靈活地適應淺色、深色模式切換。

其中，語義化顏色是指通過“用途”來對元素UI進行定義描述，而不是具體的顏色值。

語義化顏色說明

對於手機淘寶來說，適配深色模式的難度相當大，因為它有多個技術框架、數百個入淘業務，要兼容多種品牌體系、各式各樣的商品和內容、全年豐繁複雜的大促會場等等。

如果對應用內所有頁面進行顏色語義化設置，設計與開發量將無比巨大，無異於把整個APP重新開發一遍。

最終，手機淘寶採用了“智慧語義化”的方案，大幅降低適配成本。設計師根據不同UI元素的特性，先期制定顏色語義化規則，然後在框架層面通過“顏色自動反轉”技術，實現顏色反轉。

結合智慧語義化方案，手機淘寶對全域的色值都進行了適配規則定義，絕大多數場景都無需修改程式碼即可自動適配深色模式，再手動修改少量有問題的介面，最終在短時間內快速、高品質地適配了深色模式。

基於內容的智慧語義化

全域色值的適配

目前，iOS版手機淘寶已初步完成深色模式適配，正進行小範圍內測，感興趣的可以關注“淘寶設計”公眾號獲取。

Android版的深色模式正在開發中。