introdução ao material design (tá safo conf)
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
Material Design• APIs com novas features• Android ♥ Design
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?”
6º - Ações Claras• Funções principais e secundárias • FAB (Floating action button)
7º - Usuários começam as mudanças
8º - Animações • Baseadas na física real• Componentes mais realistas
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
Facebook (Perfil e página)Milton Alcântara
Instagram@milton_alcantara