O documento discute as mudanças trazidas pelo Material Design para a interface de usuário de aplicativos Android, definindo um novo padrão visual com ênfase em elementos como ícones, cores, animações, tipografia e hierarquia. O Material Design surgiu para estabelecer um padrão único e intuitivo, substituindo as diversas convenções anteriores. Exemplos mostram como as interfaces evoluíram para se tornarem mais intuitivas, com recursos como detecção por proximidade e temporizadores.

1. Material Design
O que mudou?

2. 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

3. Material Design: nova interface visual

5. Exemplo: Torneira 1.0
● Libera ou impede a saída de água.
● Aciona girando o registro.

6. Exemplo: Torneira 2.0
● Aciona pressionando o botão.
● Possui um temporizador.

7. Exemplo: Torneira 3.0
● Aciona por proximidade.
● Possui temporizador.

8. 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.

9. 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.

10. 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.

14. Como utilizar no app?
Utilizando as seguintes funionalidades:
● Material Theme
● Widgets para cards e listas (CardView e
RecyclerView)
● Sombras personalizadas
● Animações Personalizadas

15. Onde achar?
Guideline - http://www.google.
com/design/spec/material-design/introduction.
html
Material Design Next Level - https://www.
youtube.com/watch?v=iIioqQxFLtY

16. Onde achar?
Google developers - http://developer.android.
com/training/material/index.html

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