Material Design

Material Design

1. O que é Material Design?

   • Diretrizes de Design ● Linguagem Visual ● Combinação clássica de bons princípios de design com inovação e possibilidades de ciência e tecnologia
     • Basicamente, o Material Design foi inspirado em materiais e objetos do mundo real, que reagem de acordo como são manuseados.
       • Na prática, o novo conceito conta com várias novidades como interações em terceira dimensão, aplicação de um sistema de camadas – que pulam umas em frente às outras para separar e trazer novas informações, facilidades na transição entre aplicativos em plataformas móveis como smartphones e tablets, mais animações e feedbacks por meio de comandos touch (sensíveis ao toque).

2. OS 3 PRINCÍPIOS – Material De Design

   • O MATERIAL É A METÁFORA
     • Metáfora material é a teoria que une o espaço racional e um sistema de movimento. O material é baseado na realidade tátil, inspirado no estudo de papel e tinta, mas tecnologicamente avançado e aberto à imaginação e magia. As superfícies e bordas são provas visuais que tudo é baseado na realidade.
   • Material design na sua app
     • Os elementos no seu aplicativo Android devem se comportar de maneira semelhante aos materiais do mundo real • Projetar sombras • Ocupe o espaço • Interagir um com o outro
   • Negrito, Gráfico, Intencional
     • Os elementos fundamentais do projeto baseado em impressão são: tipografia, grades, espaço, escala, cor e uso de imagens-guia. Estes elementos fazem muito mais do que agradar aos olhos. Eles criam hierarquia, significado e foco. Opções de cores, aparência de borda a borda, tipografia em grande escala, e espaço em branco intencional, criam uma interface gráfica ousada.

3. Estilos de fonte e escala

   • Utilizar vários tamanhos de fontes não bom e nem é recomendável. • Devemos optar por usar um conjunto limitado de tamanhos fontes, pois elas funcionam melhor assim.

4. Fontes como recursos

   • Agrupar fontes como recursos no pacote do aplicativo (APK) ● Criar pasta de fontes dentro de res, adicionar arquivo XML de fonte à fonte ● Para acessar a fonte no resource: ○ @font/myfont ○ R.font.myfont ● Android 8.0 (nível de API 26) - Android 4.1 (nível de API 16) e superior, use a Biblioteca de suporte 26 ● Veja mais em Fonts in XML

5. As Cores

   • A cor no Material Design é inspirada por matizes, sombras profundas e destaques brilhantes
     • A cor primária refere-se a uma cor que aparece mais freqüentemente no seu aplicativo.
       • ➢A cor secundária refere-se a uma cor usada para acentuar partes-chave de sua interface.