material design
TRANSCRIPT
![Page 1: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/1.jpg)
Material Design
![Page 2: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/2.jpg)
Bruno Castro Designer de interfaces na Take.netBacharel em Artes pela UEMGEstudante de Análise e Desenvolvimento de Sistemas
dribbble.com/brunocastro
codepen.io/bruno_castro/
portfolio.brunocastro.me/
![Page 3: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/3.jpg)
Material Design?O que é
![Page 4: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/4.jpg)
![Page 5: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/5.jpg)
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)
?
![Page 6: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/6.jpg)
![Page 7: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/7.jpg)
Em interface?Como traduzir
![Page 8: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/8.jpg)
![Page 9: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/9.jpg)
Não faça isso!
![Page 10: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/10.jpg)
![Page 11: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/11.jpg)
e o belo.O Binário
![Page 12: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/12.jpg)
961272 x 360
408 x 288 792 x 288
1272 x 24
![Page 13: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/13.jpg)
![Page 14: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/14.jpg)
Pixel perfect
![Page 15: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/15.jpg)
Cores
![Page 16: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/16.jpg)
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.
![Page 17: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/17.jpg)
![Page 18: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/18.jpg)
Material fontRoboto:
![Page 19: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/19.jpg)
![Page 20: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/20.jpg)
MaterialMaterialMaterialMaterialMaterialMaterial
MaterialMaterialMaterialMaterialMaterialMaterial
![Page 21: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/21.jpg)
WebComponentsFrameworks e
![Page 22: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/22.jpg)
Polimerpolymer-project.org
Angular Materialmaterial.angularjs.org
Bootstrap material fezvrasta.github.io/bootstrap-material-design/
Materializematerializecss.com
![Page 23: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/23.jpg)
GuidelinesDesign / coder
![Page 24: Material design](https://reader033.vdocuments.com.br/reader033/viewer/2022042716/55cb425dbb61ebcf668b45af/html5/thumbnails/24.jpg)
Guidelines Google de design
http://g.co/design/Guidelines Google para developers
https://goo.gl/Pd5g8Bônushttps://dribbble.com/google