Post on 18-Feb-2017
Introdução ao Material DesignMILTON ALCÂNTARAmilton.neto.alcantara@gmail.com
Sobre:
milton.neto.alcantara@gmail.com
• Publicidade• Ciência da Computação• Projetos Acadêmicos• BBTS• Startups
Milton Alcântaramilton.neto.alcantara@gmail.com
Material Design
milton.neto.alcantara@gmail.com
Papel
milton.neto.alcantara@gmail.com
Computadores
milton.neto.alcantara@gmail.com
Interface amigável
milton.neto.alcantara@gmail.com
Ícones
milton.neto.alcantara@gmail.com
Guide Lines
https://developer.android.com/design https://google.com/design
• Reclamação• Recomendações e boas práticas
milton.neto.alcantara@gmail.com
Material Design• APIs com novas features• Android ♥ Design
milton.neto.alcantara@gmail.com
Design Flat
• Simplista > Realista• Menos é mais• Tendência de mercado (Exemplo:
Comercias)
milton.neto.alcantara@gmail.com
Cores
milton.neto.alcantara@gmail.com
9 Princípios
milton.neto.alcantara@gmail.com
1º - Material é uma metáfora
• Papel como base• Papel e tinta são o material
milton.neto.alcantara@gmail.com
2º - Superfícies naturais ao toque
• Sombras, bordas, brilhos• Superfícies
milton.neto.alcantara@gmail.com
3º - Dimensionalidade
• Ênfase no necessário• Ter elementos atrás para
busca• Exemplo: Receber chamada
milton.neto.alcantara@gmail.com
Interações em 3D
milton.neto.alcantara@gmail.com
4º - Designer Adaptativo • Reboot para única Guide Line• Menor curva de aprendizado para o
usuário• Padrão visual em toda sua
plataforma• Dispositivo reflete visão diferente do
sistema oculto• Cores, iconografia, hierarquia e
relações espaciais constantes.• Exemplo: inbox• Próximos alvos: Carros, TVs, óculos...
milton.neto.alcantara@gmail.com
Facilidades multi-dispositivos
milton.neto.alcantara@gmail.com
5º - Conteúdo Gráfico• Ser gráfico e intencional• Designers esqueciam de priorizar o
conteúdo• Foco no conteúdo • Mídias• “Queres que eu desenhe?”
milton.neto.alcantara@gmail.com
6º - Ações Claras• Funções principais e secundárias • FAB (Floating action button)
milton.neto.alcantara@gmail.com
7º - Usuários começam as mudanças
milton.neto.alcantara@gmail.com
8º - Animações • Baseadas na física real• Componentes mais realistas
milton.neto.alcantara@gmail.com
9º - Sentidos nos movimentos
• Mostrar o que está acontecendo
milton.neto.alcantara@gmail.com
Saiba mais...
DevByteshttps://goo.gl/GLv7gV
Android Design in Actionhttps://goo.gl/gMcjj3
milton.neto.alcantara@gmail.com
Participe das comunidades
Participe do GDG Belémhttp://goo.gl/hfZoEs
Tá Safo/Tasafo.Comunidade
Tá Safohttp://goo.gl/NR3wrD
Tá Safo@tasafo
milton.neto.alcantara@gmail.com
Obrigado...Linkedinhttps://goo.gl/3lGfnE
E-mailmilton.neto.alcantara@gmail.com
Twitter@miltonalcantara
Facebook (Perfil e página)Milton Alcântara
Instagram@milton_alcantara