Material DesignO que mudou?

Rafael Alves Feliciano

fael.anjelus@gmail.com@rafaelmeteoro● Graduado em Ciência da Computação pela

UFJF● Desenvolvedor Android na Appta● 2 Anos de experiênica em android● Apoiador no GDG

Material Design: nova interface visual

Exemplo: Torneira 1.0

● Libera ou impede a saída de água.● Aciona girando o registro.

Exemplo: Torneira 2.0

● Aciona pressionando o botão.● Possui um temporizador.

Exemplo: Torneira 3.0

● Aciona por proximidade.● Possui temporizador.

Qual o problema?

● Elas coexistem● Os usuários tem que reaprender a usar a

torneira.● Antes do material existiam diversas

convensões para exibir as informações.● O material surge para definir um padrão.

O que mudou?

● O modo como apresentar as informações.● Novo padrão para icones, cores, animações,

tipografias e hierarquias.● Sensação de profundidade.● Animações tornam funcionalidades mais

intuitivas.

Página de resultados de busca do google recriado pelo design australiano Aurélien Salomon.

Maior espaçamento entre elementos.

Cards de informações.

Botões de ações circulares.

Como utilizar no app?

Utilizando as seguintes funionalidades:● Material Theme● Widgets para cards e listas (CardView e

RecyclerView)● Sombras personalizadas● Animações Personalizadas

Onde achar?

Guideline - http://www.google.com/design/spec/material-design/introduction.html

Material Design Next Level - https://www.youtube.com/watch?v=iIioqQxFLtY

Onde achar?

Google developers - http://developer.android.com/training/material/index.html

Bônus: Exemplo práticohttp://frogermcs.github.io/Instagram-with-Material-Design-concept-is-getting-real-the-summary/