Descripción general

Material 3 Expressive es el sistema de diseño más reciente para nuestra pantalla más pequeña: el reloj. Está optimizado para el factor de forma redondo y ofrece una actualización de diseño que enfatiza la calidad premium y un mayor nivel de expresión. Diseña y compila apps para relojes atractivas y expresivas con Material 3 Expressive.

Principios del diseño expresivo

El diseño expresivo eleva cada capa de la IU con tratamientos de forma, animación, color y tipografía bien pensados.

Ronda de abrazos

Material 3 expresivo presenta un framework de formas diseñado para pantallas redondas. Usa todo el lienzo para optimizar la visibilidad y el equilibrio visual.

"El botón de verificación en la parte inferior tiene un borde inferior curvo"

Movimiento y resortes premium

Las actualizaciones expresivas de Material 3 hacen que la navegación se sienta natural, premium y coherente en todas las transiciones. El movimiento ahora conecta espacialmente las superficies. Responden con mayor precisión a los gestos del usuario, lo que hace que la navegación sea más intuitiva.

Transformación de formas

Material 3 expresivo presenta un framework de transformación de formas para listas y botones de selección, optimizado para brindar una sensación más premium. Las listas incluyen un desplazamiento suave en un factor de forma redondo.

Colores vivos

El sistema de colores se expande para adoptar las paletas tonales más profundas y el conjunto de tokens más amplio que se incluye en Material 3 expresivo. La adición de un tercer color de contraste, junto con más variantes de tokens y roles de color más específicos, aporta profundidad y variedad al sistema de diseño.

"El tercer color de contraste permite que un botón de detención en una app de cronómetro aparezca en rojo, aunque la app ya tenga azul y rosa como colores de contraste".

Fuentes variables

Material 3 expresivo reemplaza todas las instancias de Roboto por Roboto Flex. Una escala de tipo de referencia se adapta y optimiza para la pantalla redonda del reloj.