Material Design
O que mudou?
Rafael Alves Feliciano
fael.anjelus@gmail.com
@rafaelmeteoro
● Graduado em Ciência da Computação pela
UFJF
● Desenvolvedor...
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 diversa...
O que mudou?
● O modo como apresentar as informações.
● Novo padrão para icones, cores, animações,
tipografias e hierarqui...
Página de resultados
de busca do google
recriado pelo design
australiano Aurélien
Salomon.
Maior espaçamento
entre element...
Como utilizar no app?
Utilizando as seguintes funionalidades:
● Material Theme
● Widgets para cards e listas (CardView e
R...
Onde achar?
Guideline - http://www.google.
com/design/spec/material-design/introduction.
html
Material Design Next Level -...
Onde achar?
Google developers - http://developer.android.
com/training/material/index.html
Bônus: Exemplo prático
http://frogermcs.github.io/Instagram-with-Material-Design-concept-is-getting-real-the-summary/
Material design  o que mudou-
Material design  o que mudou-
Material design  o que mudou-
Material design  o que mudou-
Próximos SlideShares
Carregando em…5
×

Material design o que mudou-

579 visualizações

Publicada em

Apresentação para o Developer Saturday realizado na Universidade Federa de Juiz de Fora.

Publicada em: Celular
0 comentários
3 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
579
No SlideShare
0
A partir de incorporações
0
Número de incorporações
9
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
3
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Material design o que mudou-

  1. 1. Material Design O que mudou?
  2. 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. 3. Material Design: nova interface visual
  4. 4. Exemplo: Torneira 1.0 ● Libera ou impede a saída de água. ● Aciona girando o registro.
  5. 5. Exemplo: Torneira 2.0 ● Aciona pressionando o botão. ● Possui um temporizador.
  6. 6. Exemplo: Torneira 3.0 ● Aciona por proximidade. ● Possui temporizador.
  7. 7. 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.
  8. 8. 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.
  9. 9. 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.
  10. 10. Como utilizar no app? Utilizando as seguintes funionalidades: ● Material Theme ● Widgets para cards e listas (CardView e RecyclerView) ● Sombras personalizadas ● Animações Personalizadas
  11. 11. Onde achar? Guideline - http://www.google. com/design/spec/material-design/introduction. html Material Design Next Level - https://www. youtube.com/watch?v=iIioqQxFLtY
  12. 12. Onde achar? Google developers - http://developer.android. com/training/material/index.html
  13. 13. Bônus: Exemplo prático http://frogermcs.github.io/Instagram-with-Material-Design-concept-is-getting-real-the-summary/

×