Google publie la bibliothèque Material Color Utilities dans le but d'apporter des thèmes dynamiques basés sur des fonds d'écran à davantage de plates-formes.
Google prend au sérieux le système de thèmes dynamiques de Material You. L'entreprise veut évidemment plus d'OEM Android pour proposer un moteur de thème (Monet, ou quelque chose de similaire) sur Android 12 appareils, mais cela ne semble pas être l'étendue des plans de Google pour son système de thèmes basé sur des fonds d'écran. La société a désormais ouvert la bibliothèque de codes Material Color Utilities dans le but d'introduire le nouveau système de thèmes sur davantage de plates-formes.
Dans un article de blog récent (via 9to5Google), James O'Leary de Google révèle que Material Color Utilities est une bibliothèque de codes multiplateforme pour la couleur, qui comprend tout ce dont les développeurs auraient besoin pour implémenter le système de thème dynamique de Material You sur diverses plates-formes. Actuellement, la bibliothèque est disponible dans Dart, Java et Typescript, mais Google prévoit de la proposer à iOS, CSS via les shaders SASS et GLSL. Étant donné qu'elle est open source, n'importe qui peut contribuer à la bibliothèque.
De plus, l’article de blog met en lumière exactement le fonctionnement du système de thèmes dynamiques sur Android 12. Comme l'explique l'article, chaque fois que vous changez de fond d'écran sur un appareil Android 12 :
"Tout d'abord, le papier peint est quantifié, réduisant les milliers de couleurs qu'il contient à un plus petit nombre en les fusionnant dans l'espace colorimétrique. L’ensemble de couleurs réduit est suffisamment petit pour exécuter des algorithmes statistiques avec efficacité. Ces algorithmes sont utilisés pour noter et filtrer les couleurs; Android 12 propose des options de couleur pour la couleur et la quantité d'image qu'elles représentent, et filtre les couleurs proches du monochrome.
Une couleur, par défaut la couleur la mieux classée par l'algorithme, ou choisie par l'utilisateur dans le sélecteur de papier peint, devient la couleur source. Sa teinte et sa saturation influencent la palette de couleurs globale, permettant une palette de bleu vif ou un vert atténué, en fonction du choix de couleur de l'utilisateur.
En utilisant la couleur source, nous créons la palette principale, qui est un ensemble de 5 palettes tonales. Une palette tonale est définie par une teinte et une saturation; les couleurs de la palette proviennent de tons variés. Ces palettes tonales réduisent la charge cognitive des concepteurs lors de la création d'un système de conception: au lieu de spécifier la teinte et la saturation pour chaque rôle, une palette tonale peut être remplacée.
Enfin, nous remplissons le tableau qui définit la teinte, la chrominance et le ton de chaque rôle de couleur, puis utilisons ces valeurs et HCT pour créer les couleurs utilisées dans le thème.
De plus, le billet de blog souligne comment Google a mis au point une nouvelle couleur HCT (teinte, chrominance, tonalité). système pour remplacer le système HSL (teinte, saturation, luminosité) existant pour créer des designs avec des couleurs Plus facile. Vous pouvez en apprendre davantage sur ce nouveau système de couleurs en consultant le article de blog original.