The Taobao App has added support for iOS 13 dark mode, but the feature is still under development for the Android users, according to the Taobao development team on Sunday.
Dark mode is an important feature of this year's mobile phone system. Refer to Apple's official adaptation recommendations. It needs to be adapted through semantic colors, which can allow UI elements to flexibly adapt to light and dark mode switching.
Semantic color refers to the definition and description of the element UI through "purpose", not the specific color value.
Semantic colors show that Taobao's adaptation to dark mode is so difficult because it supports multiple technical frameworks, hundreds of businesses, and is compatible with multiple brand systems, a wide range of products and content, and a large number of products throughout the year. Complex big promotion venues and more.
If you set the color semantics for all pages in the application, the difficulty and workload are huge, which is tantamount to redeveloping it again.
In the end, the Taobao team found a "smart semantics" solution, which drastically reduced the cost of adaptation.
Designers make color semantic rules in advance according to the characteristics of different UI elements, and then the technology uses the "automatic color inversion" technology to achieve color inversion at the frame level.
Content-based intelligent semantics combined with intelligent semantics schemes define the adaptation rules for the global color values, so that most scenarios can automatically adapt to dark mode without modifying the code, supplemented by design and test walkthrough. Manually modify a few problematic interfaces to adapt to dark mode quickly and with high quality in a short time.
How to experience Taobao dark mode on iOS:
- Open the link and install via Apple testlight (only supports iOS13 system):
- Open the system settings-display and brightness-dark, open Taobao to experience dark mode.
