Google lanza la biblioteca Material Color Utilities en un intento por llevar la temática dinámica basada en fondos de pantalla a más plataformas.
Google se toma en serio el sistema de temas dinámicos de Material You. La empresa evidentemente quiere Más OEM de Android ofrecerán un motor de temas (Monet o algo similar.) en androide 12 dispositivos, pero ese no parece ser el alcance de los planes de Google para su sistema de temas basado en fondos de pantalla. La compañía ahora ha abierto la biblioteca de códigos Material Color Utilities en un esfuerzo por llevar el nuevo sistema de temas a más plataformas.
En una publicación de blog reciente (a través de 9to5Google), James O'Leary de Google revela que Material Color Utilities es una biblioteca de código multiplataforma para color, que Incluye todo lo que los desarrolladores necesitarían para implementar el sistema de temas dinámicos de Material You en varias plataformas. Actualmente, la biblioteca está disponible en Dart, Java y Typecript, pero Google planea llevarla a iOS, CSS a través de SASS y sombreadores GLSL. Dado que es de código abierto, cualquiera puede contribuir a la biblioteca.
Además, la publicación del blog arroja luz sobre cómo funciona exactamente el sistema de temas dinámicos en Android 12. Como explica la publicación, cada vez que cambias los fondos de pantalla en un dispositivo con Android 12:
"Primero, el fondo de pantalla se cuantiza, reduciendo los miles de colores que contiene a un número menor fusionándolos en el espacio de color. El conjunto de colores reducido es lo suficientemente pequeño como para ejecutar algoritmos estadísticos con eficiencia. Estos algoritmos se utilizan para puntuar y filtrar colores; Android 12 ofrece opciones de color para el colorido y el grado de representación de la imagen, y filtra los colores cercanos a los monocromáticos.
Un color, que por defecto es el color mejor clasificado por el algoritmo, o elegido por el usuario en el selector de fondo de pantalla, se convierte en el color de origen. Su tono y croma influyen en la combinación de colores general, lo que permite una combinación de azul vibrante o verde apagado, según la elección de color del usuario.
Utilizando el color de origen, creamos la paleta principal, que es un conjunto de 5 paletas tonales. Una paleta tonal está definida por un tono y croma; Los colores de la paleta provienen de diferentes tonos. Estas paletas tonales reducen la carga cognitiva de los diseñadores al crear un sistema de diseño: en lugar de especificar tono y croma para cada rol, se puede sustituir por una paleta tonal.
Finalmente, completamos la tabla que define el croma de tono y el tono de cada función de color, luego usamos esos valores y HCT para crear los colores utilizados en el tema".
Además, la publicación del blog destaca cómo Google ideó un nuevo color HCT (hue, croma, tono). sistema para reemplazar el sistema HSL (tono, saturación, luminosidad) existente para hacer diseños con colores más fácil. Puede obtener más información sobre este nuevo sistema de color consultando el publicación de blog original.