Design material - Material Design
Desenvolvedor (s) | |||||||
---|---|---|---|---|---|---|---|
lançamento inicial | 25 de junho de 2014 | ||||||
Liberação (ões) estável (s) [±] | |||||||
| |||||||
Versão (s) de visualização [±] | |||||||
| |||||||
Repositório | |||||||
Escrito em | HTML , CSS , Sass (v4), JavaScript , AngularJS , Angular , Java , Objective-C , Swift , Dart | ||||||
Plataforma | Android , iOS , Web | ||||||
Modelo | Software de linguagem de design | ||||||
Licença | |||||||
Local na rede Internet | material |
Material Design (codinome Quantum Paper ) é uma linguagem de design desenvolvida pelo Google em 2014. Expandindo os "cartões" que estreou no Google Now , o Material Design usa mais layouts baseados em grade, animações e transições responsivas, preenchimento e efeitos de profundidade, como iluminação e sombras. O Google anunciou o Material Design em 25 de junho de 2014, na conferência Google I / O de 2014 .
O objetivo principal do Material Design é a criação de uma nova linguagem visual que combine os princípios do bom design com a inovação técnica e científica. O designer Matías Duarte explicou que, "ao contrário do papel real, nosso material digital pode se expandir e reformar de forma inteligente. O material tem superfícies e bordas físicas. Costuras e sombras fornecem significado sobre o que você pode tocar." O Google afirma que sua nova linguagem de design é baseada em papel e tinta, mas a implementação ocorre de maneira avançada.
Em 2018, o Google detalhou uma reformulação da linguagem, com foco em fornecer mais flexibilidade para os designers criarem "temas" personalizados com geometria, cores e tipografia variadas. O Google lançou o Material Theme Editor exclusivamente para o aplicativo de design do macOS Sketch .
Implementação
O material design deveria ser gradualmente estendido por toda a gama de produtos da web e móveis do Google, proporcionando uma experiência consistente em todas as plataformas e aplicativos. O Google também lançou interfaces de programação de aplicativos (APIs) para desenvolvedores terceirizados para incorporar a linguagem de design em seus aplicativos.
A implementação canônica do Material Design para interfaces de usuário de aplicativos da web é chamada de Polymer . Ele consiste na biblioteca Polymer, um shim que fornece uma API de componentes da Web para navegadores que não implementam o padrão nativamente e um catálogo de elementos, incluindo a "coleção de elementos de papel" que apresenta elementos visuais do Material Design. O Google também criou um conjunto de ícones de acompanhamento licenciado sob a licença Apache 2.0.
Atualizações
Após a reformulação de 2018, o Google começou a redesenhar a maioria de seus aplicativos em uma versão personalizada e adaptada do Material Design chamada Google Material Theme, também apelidada de "Material Design 2", que enfatiza fortemente o espaço em branco, cantos arredondados, ícones coloridos, barras de navegação inferiores e utiliza uma versão condensada de tamanho especial da fonte Product Sans proprietária do Google chamada Google Sans.
No Google I / O em maio de 2021, o Google anunciou um novo conceito no Android 12 conhecido como "Material You", enfatizando o aumento da animação, botões maiores e a capacidade de gerar temas de IU personalizados a partir do papel de parede do usuário. O Material You foi gradualmente implementado em vários aplicativos do Google em versões mais antigas do Android nos meses seguintes e será o foco principal no próximo smartphone Pixel 6 .
Veja também
- Histórico de versão do Android
- Comparação de implementações de Material Design
- Design plano
- Sistema de Design Fluente
- Diretrizes de interface humana
- Metro (linguagem de design)