Google frigiver Material Color Utilities-biblioteket i et forsøg på at bringe tapetbaseret dynamisk tema til flere platforme.
Google er seriøs omkring Material Yous dynamiske temasystem. Selskabet ønsker åbenbart flere Android OEM'er til at tilbyde en temamotor (Monet eller noget lignende) på Android 12 enheder, men det ser ikke ud til at være omfanget af Googles planer for dets tapetbaserede temasystem. Virksomheden har nu open-source kodebiblioteket Material Color Utilities i et forsøg på at bringe det nye temasystem til flere platforme.
I et nyligt blogindlæg (via 9to5Google), afslører Googles James O'Leary, at Material Color Utilities er et kodebibliotek på tværs af platforme for farve, som inkluderer alt, hvad udviklere skal bruge for at implementere Material Yous dynamiske temasystem på forskellige platforme. I øjeblikket er biblioteket tilgængeligt i Dart, Java og Typescript, men Google planlægger at bringe det til iOS, CSS via SASS og GLSL shaders. Da det er open source, kan alle bidrage til biblioteket.
Derudover belyser blogindlægget præcis, hvordan det dynamiske temasystem fungerer på Android 12. Som indlægget forklarer, hver gang du skifter baggrunde på en Android 12-enhed:
"For det første er tapetet kvantificeret, hvilket reducerer de tusindvis af farver i det til et mindre antal ved at flette dem sammen i farverum. Det reducerede farvesæt er lille nok til at køre statistiske algoritmer effektivt imod. Disse algoritmer bruges til at score og filtrere farver; Android 12 giver farvemuligheder for farverighed og hvor meget billedet de repræsenterer, og det filtrerer farver fra tæt på monokrome.
En farve, der som standard er den toprangerede farve af algoritmen, eller valgt af brugeren i tapetvælgeren, bliver kildefarven. Dens nuance og chroma påvirker det overordnede farveskema, hvilket muliggør et levende blåt skema eller et dæmpet grønt, baseret på brugerens valg af farve.
Ved hjælp af kildefarven skaber vi kernepaletten, som er et sæt af 5 tonale paletter. En tonal palet er defineret af en nuance og kroma; farverne i paletten kommer fra varierende toner. Disse tonale paletter reducerer den kognitive belastning for designere, når de opretter et designsystem: I stedet for at specificere nuance og kroma for hver rolle, kan en tonepalet erstattes.
Til sidst udfylder vi tabellen, der definerer farvetonen og -tonen for hver farverolle, og bruger derefter disse værdier og HCT til at skabe de farver, der bruges i temaet."
Desuden fremhæver blogindlægget, hvordan Google fandt på en ny HCT (nuance, chroma, tone) farve system til at erstatte det eksisterende HSL (nuance, saturation, lightness) system for at lave design med farver nemmere. Du kan lære mere om dette nye farvesystem ved at tjekke originalt blogindlæg.