12月20日消息據淘寶官方技術消息,現在,你有機會更沉浸地在深夜淘寶剁手了,淘寶已正式支持iOS 13深色模式,初步完成史上最難的深色模式適
12月20日消息據淘寶官方技術消息,現在,你有機會更沉浸地在深夜淘寶剁手了,淘寶已正式支持iOS 13深色模式,初步完成史上最“難”的深色模式適配。(文末有iOS版淘寶測試版下載)
Android 版用戶稍等,該功能正在緊張開發中。
深色模式是今年手機系統的重要特性,參考蘋果官方適配建議,需要通過語義化顏色的方式進行適配,可以讓UI元素靈活的適應淺色與深色模式切換。語義化顏色是指通過「用途」來對元素UI進行定義描述,而不是具體的顏色值。
語義化顏色說明淘寶適配深色模式之所以那么難,是因為它支持多個技術框架、數百個入淘業務,同時要兼容多種品牌體系、各式各樣的商品和內容、以及全年豐繁復雜的大促會場等等。
如果對應用內所有頁面進行顏色語義化設置,其難度與工作量都巨大,無異于重新開發一遍。
最終淘寶團隊找到了“智能語義化”的方案,使適配成本大幅降低。設計師根據不同UI元素的特性先期制定顏色語義化規則,進而技術在框架層面通過「顏色自動反轉」技術實現顏色反轉。
基于內容的智能語義化結合智能語義化方案,對全域的色值都進行了適配規則定義,使得絕大多數場景無需修改代碼就可以自動適配深色模式,再輔以設計和測試走查,手動修改少量有問題的界面,得以在短時間內快速、高質量適配深色模式。
技術方案原理圖
體驗iOS版淘寶深色模式:
第一步、打開鏈接,通過蘋果testlight安裝(只支持iOS13系統):https://testflight.apple.com/join/TThGL9RX
第二步、打開系統設置-顯示與亮度-深色,打開淘寶即可體驗深色模式。(騎士)