你是不是經常在晚上買買買
雙11的零點忍受着刺眼的白螢幕瘋狂下單
…
現在,你有機會更沉浸地在深夜淘寶了
淘寶已正式支援深色模式
初步完成史上最最最“南”的深色模式适配了

淘寶特色的深色模式
深色模式是今年手機系統的重要特性,參考蘋果官方适配建議,需要通過語義化顔色的方式進行适配,可以讓 UI 元素靈活的适應淺色與深色模式切換。語義化顔色是指通過「用途」來對元素 UI 進行定義描述,而不是具體的顔色值。
語義化顔色說明
淘寶适配深色模式之是以辣麼難,是因為它支援多個技術架構、數百個入淘業務,同時要相容多種品牌體系、各式各樣的商品和内容、以及全年豐繁複雜的大促會場等等。
如果我們對應用内所有頁面進行顔色語義化設定,其難度與工作量都巨大,無異于重新開發一遍。
淘寶APP的複雜現狀
▐ 智能語義化
最終我們找到了“智能語義化”的方案,使适配成本大幅降低。設計師根據不同 UI 元素的特性先期制定顔色語義化規則,進而技術在架構層面通過「顔色自動反轉」技術實作顔色反轉。
基于内容的智能語義化
結合智能語義化方案,我們對全域的色值都進行了适配規則定義,使得絕大多數場景無需修改代碼就可以自動适配深色模式,再輔以設計和測試走查,手動修改少量有問題的界面,我們得以在短時間内快速、高品質适配深色模式。
技術方案原理圖
邀請親成為第一批内測使用者
iOS 版的淘寶已初步完成深色模式适配,為了持續優化體驗和改進,我們邀請大家進行小範圍内測,想嘗鮮的小夥伴可以通過以下方式擷取👇:
關注「淘系技術」微信公衆号
回複“淘寶黑化”擷取體驗測試包
體驗名額有限,先到先得
Android 版使用者稍等,我們正在緊張開發中。持續關注“淘系技術”公衆号,後續我們将帶來淘寶深色模式設計内幕,更多内容敬請期待。
We are hiring
淘系技術部依托淘系豐富的業務形态和海量的使用者,我們持續以技術驅動産品和商業創新,不斷探索和衍生颠覆型網際網路新技術,以更加智能、友好、普惠的科技深度重塑産業和使用者體驗,打造新商業。我們不斷吸引使用者增長、機器學習、視覺算法、音視訊通信、數字媒體、移動技術、端側智能等領域全球頂尖專業人才加入,讓科技引領面向未來的商業創新和進步。
請投遞履歷至郵箱:[email protected]
了解更多職位詳情:2684億成交!每秒訂單峰值54.4W!這樣的團隊你想加入嗎?