Google släpper biblioteket Material Color Utilities i ett försök att föra bakgrundsbaserade dynamiska teman till fler plattformar.
Google menar allvar med Material Yous dynamiska temasystem. Företaget vill uppenbarligen fler Android OEM att erbjuda en temamotor (Monet eller något liknande) på Android 12 enheter, men det verkar inte vara omfattningen av Googles planer för sitt tapetbaserade temasystem. Företaget har nu öppnat kodbiblioteket Material Color Utilities i ett försök att föra det nya temasystemet till fler plattformar.
I ett nyligen blogginlägg (via 9to5Google), Googles James O'Leary avslöjar att Material Color Utilities är ett plattformsoberoende kodbibliotek för färg, som innehåller allt som utvecklare skulle behöva för att implementera Material Yous dynamiska temasystem på olika plattformar. För närvarande är biblioteket tillgängligt i Dart, Java och Typescript, men Google planerar att ta det till iOS, CSS via SASS och GLSL shaders. Med tanke på att det är öppen källkod kan vem som helst bidra till biblioteket.
Dessutom belyser blogginlägget exakt hur det dynamiska temasystemet fungerar på Android 12. Som inlägget förklarar, varje gång du byter bakgrundsbilder på en Android 12-enhet:
"Först kvantiseras tapeten, vilket reducerar de tusentals färgerna i den till ett mindre antal genom att slå samman dem i färgrymden. Den reducerade färguppsättningen är liten nog att köra statistiska algoritmer mot med effektivitet. Dessa algoritmer används för att poängsätta och filtrera färger; Android 12 ger färgalternativ för färgstarka och hur mycket bilden de representerar, och den filtrerar bort färger nära monokroma.
En färg, som som standard är den högst rankade färgen av algoritmen, eller vald av användaren i tapetväljaren, blir källfärgen. Dess nyans och färgning påverkar det övergripande färgschemat, vilket möjliggör ett levande blått schema, eller ett dämpat grönt, baserat på användarens val av färg.
Med hjälp av källfärgen skapar vi kärnpaletten, som är en uppsättning av 5 tonala paletter. En tonal palett definieras av en nyans och färgton; färgerna i paletten kommer från olika toner. Dessa tonala paletter minskar kognitiv belastning för designers när de skapar ett designsystem: istället för att specificera nyans och färgton för varje roll, kan en tonal palett ersättas.
Slutligen fyller vi i tabellen som definierar färgtonen och tonen för varje färgroll, och använder sedan dessa värden och HCT för att skapa färgerna som används i temat."
Dessutom belyser blogginlägget hur Google kom fram till en ny HCT-färg (hue, chroma, tone) system för att ersätta det befintliga HSL-systemet (nyans, mättnad, ljushet) för att göra design med färger lättare. Du kan lära dig mer om detta nya färgsystem genom att kolla in original blogginlägg.