Sobes.tech
Middle

Fale sobre os padrões de UI relacionados com Material Design.

sobes.tech IA

Resposta da IA

O Material Design é um sistema de design visual desenvolvido pelo Google. Inclui padrões para tipografia, grelha, cor, elementos interativos, uso do espaço e movimento.

Princípios principais:

  • Material — metáfora. Utiliza propriedades físicas reais para imitar o comportamento de objetos (elevação, sombra).
  • Audacioso, gráfico, intencional — ênfase na tipografia, paleta de cores e imagens para criar hierarquia e significado.
  • Movimento — com sentido. Transições e animações ajudam o utilizador a orientar-se e a entender o que aconteceu.

Componentes-chave e regras:

  • Cor: Uso da paleta principal (cores primárias, secundárias) e auxiliares (superfície, fundo, erro, barra de estado). Coerência no esquema de cores.
  • Tipografia: Fontes definidas (por exemplo, Roboto, Open Sans), tamanhos e estilos (título, cabeçalho, corpo, legenda) para diferentes níveis de hierarquia do texto.
  • Ícones: Estilo uniforme, tamanho, forma e espessura das linhas. Imagens vetoriais.
  • Estrutura e navegação: Uso de elementos padrão: barra de aplicações, gaveta de navegação, barra de navegação inferior.
  • Espaço: Cumprimento de valores padrão para margens, preenchimentos, tamanhos de elementos (por exemplo, passos em 4dp ou 8dp).
  • Sombra e elevação: Uso de sombras para criar profundidade e destacar elementos interativos (por exemplo, botões). Maior altura = sombra mais intensa.
  • Formas: Aplicação de cantos arredondados, formas para botões, cartões e outros elementos.
  • Estados: Representação visual clara dos estados dos elementos (ativado, desativado, focado, pressionado).
  • Entrada de dados: Campos de entrada padronizados (campos de texto) com sugestões e indicadores de erro.
  • Diálogos e mensagens: Uso de caixas de diálogo padrão e Snackbar para notificações.

Os padrões de UI no Material Design visam criar uma experiência de utilizador intuitiva, coerente e agradável em diferentes dispositivos e plataformas.