Material Design
Bruno Castro
Designer de interfaces na Take.net
Bacharel em Artes pela UEMG
Estudante de Análise e Desenvolvimento de Sist...
Material Design?
O que é
O Material Design é um divisor de águas na
experiência do usuário. Ele está fundamentado na
realidade tátil, inspirado em ...
Em interface?
Como traduzir
Não faça isso!
e o belo.
O Binário
96
1272 x 360
408 x 288 792 x 288
1272 x 24
Pixel perfect
Cores
As cores no material design são inspiradas
por tons ousados, justapostos com ambientes
suaves, sombras profundas, e destaq...
Material font
Roboto:
Material
Material
Material
Material
Material
Material
Material
Material
Material
Material
Material
Material
WebComponents
Frameworks e
Polimer
polymer-project.org
Angular Material
material.angularjs.org
Bootstrap material
fezvrasta.github.io/bootstrap-mater...
Guidelines
Design / coder
Guidelines Google de design
http://g.co/design/
Guidelines Google para developers
https://goo.gl/Pd5g8
Bônus
https://dribb...
Duvidas?
falecomigo@brunocastro.me
Material design
Material design
Material design
Material design
Material design
Material design
Material design
Próximos SlideShares
Carregando em…5
×

Material design

387 visualizações

Publicada em

Apresentação no Mobile-Dev-BH sobre o uso do Material design em aplicativos mobile, suas implicações, especificidades e guideline. local: BH-Tec

Publicada em: Design
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

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

Nenhuma nota no slide

Material design

  1. 1. Material Design
  2. 2. Bruno Castro Designer de interfaces na Take.net Bacharel em Artes pela UEMG Estudante de Análise e Desenvolvimento de Sistemas dribbble.com/brunocastro codepen.io/bruno_castro/ portfolio.brunocastro.me/
  3. 3. Material Design? O que é
  4. 4. O Material Design é um divisor de águas na experiência do usuário. Ele está fundamentado na realidade tátil, inspirado em um estudo de papel e tinta com imaginação e magia: Superfícies e sombras sugerem uma estrutura física para dar indícios do que pode ser tocado e o que pode se mover. (Huge INC) ?
  5. 5. Em interface? Como traduzir
  6. 6. Não faça isso!
  7. 7. e o belo. O Binário
  8. 8. 96 1272 x 360 408 x 288 792 x 288 1272 x 24
  9. 9. Pixel perfect
  10. 10. Cores
  11. 11. As cores no material design são inspiradas por tons ousados, justapostos com ambientes suaves, sombras profundas, e destaques brilhantes. O Material tem influências da arquitetura contemporânea, sinais de trânsito, marcação de pavimento e quadras esportivas. A cor deve ser inesperada e vibrante.
  12. 12. Material font Roboto:
  13. 13. Material Material Material Material Material Material Material Material Material Material Material Material
  14. 14. WebComponents Frameworks e
  15. 15. Polimer polymer-project.org Angular Material material.angularjs.org Bootstrap material fezvrasta.github.io/bootstrap-material-design/ Materialize materializecss.com
  16. 16. Guidelines Design / coder
  17. 17. Guidelines Google de design http://g.co/design/ Guidelines Google para developers https://goo.gl/Pd5g8 Bônus https://dribbble.com/google
  18. 18. Duvidas? falecomigo@brunocastro.me

×