¿Qué es Materials You? El lenguaje de diseño de Google explicado

Con el lanzamiento de androide 12, Google anunció Materials You, un reinicio del marco Materials Design que presentó por primera vez en 2014. Hoy, encontrará elementos de Materials You en muchos teléfonos inteligentes Android, pero solo algunos de los cambios son inmediatamente obvios. Entonces, en este artículo, echemos un vistazo más de cerca a Materials You, cómo se ve y cómo puede personalizar su comportamiento en su propio dispositivo Android.

Materials You, también conocido como Materials Design 3, es el último marco y lenguaje de diseño de Google. Además de Android, lo encontrará aplicado a todos los productos de Google como el Reloj de píxeles e incluso pantallas inteligentes.

Cuando el gigante de las búsquedas presentó por primera vez Diseño de materiales en 2014, se propuso introducir un diseño de interfaz de usuario moderno y coherente en todas sus aplicaciones y productos. Avance rápido hasta 2021 y Google agregó personalización a la mezcla con Materials You. La thought es easy: seleccione un nuevo fondo de pantalla y su teléfono generará automáticamente una paleta de colores a juego. Ese es el “tú” en Materials You, por supuesto, pero ¿qué pasa con la parte “materials”?

La primera iteración de Materials Design jugó con la thought de representar materiales tangibles (como el papel) en un espacio 3D. Los diseñadores de Google diseñaron elementos de la interfaz de usuario para imitar superficies y objetos con los que ya interactuamos en el mundo actual. En las primeras demostraciones, por ejemplo, destacaron cómo las sombras representarían el apilamiento de objetos, como un botón flotando sobre una tarjeta related al papel o un menú desplegable sobre los elementos de la interfaz de usuario debajo.

El movimiento también es una parte importante de Materials Design: las animaciones se inspiran en las fuerzas del mundo actual, como la gravedad y la fricción. Del mismo modo, tocar un botón genera un efecto dominó desde el punto de su toque, con una nueva tarjeta que se expande gradualmente para llenar la pantalla.

Finalmente, Materials Design introdujo un toque de colour muy necesario en el sistema operativo móvil. Reemplazó el tema Holo de Android, que usaba religiosamente el colour de acento Holo Blue en todo el sistema operativo. Por el contrario, Materials Design presentó tonos pastel vibrantes que permitieron que las aplicaciones y marcas individuales expresaran su identidad solo a través del colour.

Ver también: La historia de Android

Materials You lleva todos estos principios de diseño un paso más allá. Aquí hay un resumen rápido de los aspectos más destacados.

Cuando Matías Duarte, vicepresidente de diseño de Google, presentó Materials You en la conferencia anual de desarrolladores de la empresa en 2021, lo presentó como una evolución individualista y expresiva del Materials Design unique. Le preguntó a la audiencia: “En lugar de que la forma siga a la función, ¿qué pasaría si la forma siguiera al sentimiento?”

En términos más prácticos, Materials You se deshace del tema predeterminado de Materials Design y la paleta de colores estándar. En su lugar, presenta un sistema de tematización dinámico que elige algorítmicamente un colour primario basado en el fondo de pantalla del dispositivo. También genera una paleta tonal completa y la aplica en toda la interfaz de usuario de Android, así como en aplicaciones integradas y de terceros.

Los cambios introducidos con Materials You se hacen evidentes incluso antes de llegar a la pantalla de inicio. El reloj de la pantalla de bloqueo, por ejemplo, tiene un estilo basado en el colour dominante de su fondo de pantalla (en la imagen de arriba). Las aplicaciones de calculadora de acciones, marcador y reloj también cuentan con colores basados ​​en Materials You.

Google comenzó a implementar la temática Materials You en todas sus aplicaciones propias junto con el lanzamiento de Android 12 en los teléfonos inteligentes Pixel. Gmail (en la imagen de arriba), Gboard, Maps y Google Meet aplican los colores dominantes y complementarios en los botones, las barras de búsqueda y otros componentes.

Con el lanzamiento de Android 12 y Materials You, Google mejoró los widgets de la pantalla de inicio por primera vez en varios años.

El primer gran cambio fue en la apariencia: los widgets ahora cuentan con esquinas redondeadas y son compatibles con la tematización del dispositivo, además de ser compatibles con el modo oscuro. Ambas mejoras contribuyen en gran medida a hacer coincidir los widgets con otros aspectos de la interfaz de usuario. Y en Teléfonos de Googlelos widgets incluso cambian de colour según el lugar en el que los coloques en la pantalla de inicio.

El menú de configuración rápida, y el tono de notificación, en basic, recibió una gran revisión con Materials You.

Comenzando desde arriba, notará una reducción en la cantidad de opciones de configuración y las organiza en una cuadrícula con etiquetas en lugar de una fila de iconos. Las configuraciones individuales parecen píldoras o burbujas y usan el colour dominante Materials You para indicar si están habilitadas o no. Las notificaciones reciben el mismo tratamiento visible con una apariencia related a una burbuja para combinar con la estética redondeada de Materials You.

Materials También introdujiste mejoras en las animaciones, con el objetivo de hacerlas más naturales y receptivas a las entradas de los usuarios. Por ejemplo, cuando enciende el teléfono, la pantalla se ilumina desde la ubicación del botón de encendido. Del mismo modo, las superposiciones como el menú de encendido y el management de volumen ahora se deslizan con gracia a la vista.

Con Materials You, Google agregó algunas funciones nuevas de accesibilidad a Android. El cambio más notable es seen en la aplicación de configuración predeterminada de Android, que ahora incluye espacios en blanco vacíos en la parte superior de la lista. Esto empuja hacia abajo la primera entrada del menú al centro de la pantalla y hace que sea más conveniente alcanzar con una sola mano en dispositivos más grandes.

Primero vimos a Samsung adoptar esta función de accesibilidad con su máscara One UI, pero a partir de Android 12, ahora es parte del lenguaje de diseño basic de Android.

A pesar de que la extracción de colour se anunció como una característica destacada, Google no puso a disposición su motor de temas basado en fondos de pantalla (nombre en clave “monet”) en la versión AOSP de Android 12. De hecho, Google no agregó monet a AOSP hasta el lanzamiento de Android 12L en marzo de 2022. Eso dejó a los fabricantes de dispositivos como Samsung y Oppo sin otra opción que construir sus propios sistemas de extracción de colour a tiempo para sus actualizaciones de Android 12.

Entonces, ¿Materials You está disponible en todos los dispositivos Android? En los teléfonos inteligentes que no son Pixel, debería ver al menos algunos aspectos (como la extracción de colour) en Android 12 y versiones superiores.

Google no obligó a los fabricantes a adoptar los elementos de diseño de Materials You, por lo que muchos cambios, como los widgets renovados, los cambios de configuración rápida y las animaciones, no llegaron a máscaras de terceros como Una interfaz de usuario o Sistema operativo de oxígeno con Android 12. Dicho esto, hemos visto a algunos fabricantes como OnePlus portar aún más elementos de Materials You con sus actualizaciones de Android 13.

Encontrará el motor de temas monet de Google implementado en máscaras como Nothing OS y Motorola mi experiencia de usuario que están más cerca de inventory androide. Pero si desea disfrutar de la experiencia Materials You completa y adecuada, es possible que solo la encuentre en dispositivos de Google como el serie píxel 7.

Para cambiar el esquema de colour de Materials You en un dispositivo con Android 12 o posterior, simplemente siga estos pasos:

• Abre el Ajustes aplicación y navegue a la Fondo de pantalla y estilo sección.
• Elige un nuevo fondo de pantalla con el esquema de colour que prefieras.
• Hacia la parte inferior, encontrará una nueva sección donde puede elegir entre un puñado de opciones de paleta de colores según su fondo de pantalla.
• Si no le gusta ninguna de las opciones existentes, cambie a la colores basicos pestaña y elija su propio colour de acento.
• Notarás una pequeña vista previa en la parte superior que muestra cómo se ve el esquema de colour en varias aplicaciones. Si está satisfecho con el aspecto, toque Solicitar.
• Eso es todo: ahora debería ver que la paleta de colores seleccionada de Materials You surta efecto en la interfaz de usuario de Android y en las aplicaciones de Google.

Ver también: Las mejores aplicaciones de Materials You que puedes probar en Android