introdução ao material design
TRANSCRIPT
Introdução ao Material DesignMILTON ALCÂ[email protected]
Sobre:
• Publicidade• Ciência da Computação• Projetos Acadêmicos• BBTS• Startups
Milton Alcâ[email protected]
Material Design
Papel
Computadores
Interface amigável
Ícones
Guide Lines
https://developer.android.com/design https://google.com/design
• Reclamação• Recomendações e boas práticas• Exemplo: Botão Voltar
Design Flat
• Simplista > Realista• Menos é mais• Tendência de mercado (Exemplo:
Comercias)
Cores
9 Princípios
3º - Dimensionalidade
• Ênfase no necessário• Ter elementos atrás para
busca• Exemplo: Receber chamada
Interações em 3D
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...
Facilidades multi-dispositivos
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?”• Botões do Dialog
6º - Ações Claras
• Funções principais e secundárias • FAB (Floating action button)
7º - Usuários começam as mudanças
Saiba mais...
DevByteshttps://goo.gl/GLv7gV
Android Design in Actionhttps://goo.gl/gMcjj3
Participe das comunidades
Participe do GDG Belémhttp://goo.gl/hfZoEs
Tá Safo/Tasafo.Comunidade
Tá Safohttp://goo.gl/NR3wrD
Tá Safo@tasafo
Obrigado...Linkedinhttps://goo.gl/3lGfnE
Twitter@miltonalcantara