天天看點

我們把淘寶“黑了”?内測名額限量開放!淘寶特色的深色模式邀請親成為第一批内測使用者

你是不是經常在晚上買買買

雙11的零點忍受着刺眼的白螢幕瘋狂下單

現在,你有機會更沉浸地在深夜淘寶了

淘寶已正式支援深色模式

初步完成史上最最最“南”的深色模式适配了

我們把淘寶“黑了”?内測名額限量開放!淘寶特色的深色模式邀請親成為第一批内測使用者
淘寶深色模式來了

淘寶特色的深色模式

深色模式是今年手機系統的重要特性,參考蘋果官方适配建議,需要通過語義化顔色的方式進行适配,可以讓 UI 元素靈活的适應淺色與深色模式切換。語義化顔色是指通過「用途」來對元素 UI 進行定義描述,而不是具體的顔色值。

我們把淘寶“黑了”?内測名額限量開放!淘寶特色的深色模式邀請親成為第一批内測使用者

語義化顔色說明

淘寶适配深色模式之是以辣麼難,是因為它支援多個技術架構、數百個入淘業務,同時要相容多種品牌體系、各式各樣的商品和内容、以及全年豐繁複雜的大促會場等等。

如果我們對應用内所有頁面進行顔色語義化設定,其難度與工作量都巨大,無異于重新開發一遍。

我們把淘寶“黑了”?内測名額限量開放!淘寶特色的深色模式邀請親成為第一批内測使用者

淘寶APP的複雜現狀

▐ 智能語義化

最終我們找到了“智能語義化”的方案,使适配成本大幅降低。設計師根據不同 UI 元素的特性先期制定顔色語義化規則,進而技術在架構層面通過「顔色自動反轉」技術實作顔色反轉。

我們把淘寶“黑了”?内測名額限量開放!淘寶特色的深色模式邀請親成為第一批内測使用者

基于内容的智能語義化

結合智能語義化方案,我們對全域的色值都進行了适配規則定義,使得絕大多數場景無需修改代碼就可以自動适配深色模式,再輔以設計和測試走查,手動修改少量有問題的界面,我們得以在短時間内快速、高品質适配深色模式。

我們把淘寶“黑了”?内測名額限量開放!淘寶特色的深色模式邀請親成為第一批内測使用者

技術方案原理圖

邀請親成為第一批内測使用者

iOS 版的淘寶已初步完成深色模式适配,為了持續優化體驗和改進,我們邀請大家進行小範圍内測,想嘗鮮的小夥伴可以通過以下方式擷取👇:

關注「淘系技術」微信公衆号

回複“淘寶黑化”擷取體驗測試包

體驗名額有限,先到先得

我們把淘寶“黑了”?内測名額限量開放!淘寶特色的深色模式邀請親成為第一批内測使用者

Android 版使用者稍等,我們正在緊張開發中。持續關注“淘系技術”公衆号,後續我們将帶來淘寶深色模式設計内幕,更多内容敬請期待。

We are hiring

淘系技術部依托淘系豐富的業務形态和海量的使用者,我們持續以技術驅動産品和商業創新,不斷探索和衍生颠覆型網際網路新技術,以更加智能、友好、普惠的科技深度重塑産業和使用者體驗,打造新商業。我們不斷吸引使用者增長、機器學習、視覺算法、音視訊通信、數字媒體、移動技術、端側智能等領域全球頂尖專業人才加入,讓科技引領面向未來的商業創新和進步。

請投遞履歷至郵箱:[email protected]

了解更多職位詳情:2684億成交!每秒訂單峰值54.4W!這樣的團隊你想加入嗎?

繼續閱讀