Material design

Post on 12-Aug-2015

120 views 0 download

Transcript of Material design

Material Design

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/

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 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)

?

Em interface?Como traduzir

Não faça isso!

e o belo.O Binário

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

Material fontRoboto:

MaterialMaterialMaterialMaterialMaterialMaterial

MaterialMaterialMaterialMaterialMaterialMaterial

WebComponentsFrameworks e

Polimerpolymer-project.org

Angular Materialmaterial.angularjs.org

Bootstrap material fezvrasta.github.io/bootstrap-material-design/

Materializematerializecss.com

GuidelinesDesign / coder

Guidelines Google de design

http://g.co/design/Guidelines Google para developers

https://goo.gl/Pd5g8Bônushttps://dribbble.com/google

Duvidas?falecomigo@brunocastro.me