O Material 3 Expressivo apresenta três níveis de expressão: básico, excelente e transformador.
Use essas categorias para avaliar o nível de expressão alcançado. Segmente o nível excelente ou transformador para que o app expresse o máximo.
| Básico (obrigatório em 2024) | Excelente (obrigatório) | Transformadora (recomendada) | |
|---|---|---|---|
| Componentes | Migração de componentes de referência | Vários componentes expressivos | Vários componentes expressivos e personalização |
| Cor | Paleta de referência | Temas de paletas dinâmicas | Temas de paletas dinâmicas e/ou combinações de cores inesperadas |
| Tipografia | Roboto Flex | Roboto Flex | Roboto Flex com transformação |
| Forma | - | Uso da biblioteca de formas e contenção | Uso da biblioteca de formas e contenção expressiva |
| Movimento | Tokens de movimento | Tokens de movimento com algum uso de movimento expressivo (morphing de forma e animações de mola) | Tokens de movimento com algum uso de movimento expressivo (morphing de forma e animações de mola) |
| Momentos principais | - | Momentos de design expressivo específicos do produto | Momentos de design expressivo específicos do produto e hierarquia e personalização dramática |
| Adaptativo | Aplicar comportamento responsivo a layouts e componentes (usar margens em porcentagem) | Aplicar comportamento responsivo e adaptável a layouts e componentes (usar margens percentuais), adicionar valor após o ponto de interrupção (225dp) | Aplique o comportamento responsivo e adaptável a layouts e componentes (use margens percentuais), adicione valor após o ponto de interrupção (225dp) e forneça designs específicos para telas grandes sempre que possível |