Material 3 expresivo presenta tres niveles de expresión: básico, excelente y transformador.
Usa estos niveles para medir el nivel de expresión que se logra. Orienta tu app al nivel excelente o transformador para lograr una expresión óptima.
| Básico (obligatorio en 2024) | Excelente (obligatorio) | Transformador (recomendado) | |
|---|---|---|---|
| Componentes | Migración de componentes de referencia | Varios componentes expresivos | Personalización y varios componentes expresivos |
| Color | Paleta de referencia | Temas de paleta dinámica | Temas de paletas dinámicas o combinaciones de colores inesperadas |
| Tipografía | Roboto Flex | Roboto Flex | Roboto Flex con transformación |
| Forma | - | Uso de la biblioteca de formas y contención | Uso de la biblioteca de formas y contención expresiva |
| Movimiento | Tokens de movimiento | Tokens de movimiento con algún uso de movimiento expresivo (deformación de formas y animaciones de resortes) | Tokens de movimiento con algún uso de movimiento expresivo (deformación de formas y animaciones de resortes) |
| Momentos heroicos | - | Momentos de diseño expresivo específicos del producto | Momentos de diseño expresivo específicos del producto, jerarquía y personalización dramáticas |
| Adaptativo | Aplica el comportamiento responsivo a los diseños y componentes (usa márgenes porcentuales) | Aplica el comportamiento responsivo y adaptable a los diseños y componentes (usa márgenes porcentuales) y agrega valor después del punto de inflexión (225 dp). | Aplica un comportamiento responsivo y adaptable a los diseños y componentes (usa márgenes porcentuales), agrega valor después del punto de inflexión (225 dp) y proporciona diseños específicos para pantallas grandes siempre que sea posible. |