A expansão do Material Design: Material 3 Expressive

• O Google fez uma grande atualização no sistema de design Material 3
• O Material 3 Expressive adiciona novos recursos, novos componentes e estratégias de design para criar uma UX emocionalmente impactante
  • Não é um novo sistema chamado “M4”, nem substitui o M3 existente
• Com base em 46 estudos com usuários realizados desde 2014, com a participação de 18.000 pessoas, o design Expressive foi preferido por todas as faixas etárias. A velocidade de identificação de elementos da UI melhorou em até 4 vezes
• Inclui 15 componentes novos ou aprimorados no total: Button groups, FAB menu, Loading Indicator, Split button, Toolbars e outros foram adicionados
• Sistema de movimento e física composto por molas de espaço/efeito, tipografia mais enfatizada, adição de mais de 35 novas formas com suporte a variações animadas, e expansão de cores para personalização e ênfase na hierarquia
• Designers podem combinar forma, cor, texto, contêineres, movimento e componentes flexíveis para criar um Hero moment
  • Critérios para considerar um Hero moment
    • Tem impacto emocional?
    • É uma interação central dentro do produto?
• Links principais
  • Diretrizes atualizadas do M3
  • Kit de design atualizado para Figma
  • Código alfa do Jetpack Compose