Material Design

O design system do Google, com regras de layout, cor, componente e movimento pra dar consistência.

Hard

O que é

Material Design é o sistema de design criado pelo Google em 2014. Ele define um conjunto grande de regras, que vão de tipografia e espaçamento a cor, componente e movimento, justamente pra dar uma base pronta a quem precisa construir produtos consistentes em Android, web e outras telas.

A filosofia se inspira em material físico, com camada, sombra, elevação e movimento que fazem a interface parecer tangível. Esse vocabulário visual ajuda na hierarquia, porque elevação e contraste guiam a atenção até a ação principal.

Como o Google entrega bibliotecas e componentes prontos, a implementação fica mais rápida, e já vem com regras de acessibilidade embutidas, como contraste, tamanho de alvo e escala de tipo. Vale lembrar que é base, e não camisa de força, porque a marca pode customizar mantendo a usabilidade.

Em uma frase

Pra esse app Android, vamos seguir os componentes do Material Design e só customizar onde a marca pedir.

A pergunta que ele responde

Que base de design pronta eu uso pra deixar meu app Android consistente sem partir do zero?

Quando usar

Use ao construir produto Android ou multiplataforma que se beneficia de uma base madura e amplamente reconhecida.

Como não usar

O cuidado é não aplicar Material cru numa marca que pede identidade própria, porque o resultado costuma ser mais um produto genérico, com cara de template.

Na prática

Pense no time de um app Android que adota componentes Material pra não reinventar botão, card e navegação. Ele ganha consistência de imediato, sem precisar customizar cada peça do zero.

Não confunda com

Vale separar o Material Design do HIG. O Material é o sistema do Google, pensado pra Android e web, enquanto o HIG é a diretriz da Apple, pensada pro iOS. São duas linguagens diferentes, cada uma com regras próprias, então misturar uma com a outra costuma confundir quem usa.

D

Em inglês

Material Design

Pronúncia

ma-tí-rial di-záin

Também chamado de

Material, design system do Google

Origem

Google (2014).

Fonte

Saiba mais

Google, Material Design 3 (m3.material.io), documentação oficial de fundamentos e componentes