La expansión de Material Design: Material 3 Expressive

• Google actualizó de forma importante el sistema de diseño Material 3
• Material 3 Expressive agrega nuevas funciones, nuevos componentes y estrategias de diseño para construir una UX emocionalmente impactante
  • No es un nuevo sistema llamado “M4”, ni tampoco reemplaza al M3 existente
• Según los resultados de 46 estudios con usuarios en los que participaron 18,000 personas desde 2014, personas de todas las edades prefieren más el diseño Expressive. La velocidad para identificar elementos de la UI mejoró hasta 4 veces
• Incluye 15 componentes nuevos o mejorados en total: Button groups, FAB menu, Loading Indicator, Split button, Toolbars y más
• Se agrega un sistema de motion physics basado en resortes espaciales y de efectos, una tipografía más enfatizada, más de 35 nuevas formas con soporte para variantes animadas, y una expansión del color para personalización y énfasis jerárquico
• Los diseñadores pueden combinar forma, color, texto, contenedores, motion y componentes flexibles para crear un Hero moment
  • Criterios para decidir un Hero moment
    • ¿Tiene un impacto emocional?
    • ¿Es una interacción clave dentro del producto?
• Enlaces principales
  • Guías actualizadas de M3
  • Kit de diseño actualizado de Figma
  • Código alpha de Jetpack Compose