AGILE UX: Projetando a User Experience no Mundo Ágil. AGILE UX ...
Pensando em UX / UI com o material design
53
Pensando em UX/UI com o Material Design Thiago Marques
-
Upload
thiago-marques -
Category
Software
-
view
621 -
download
1
Transcript of Pensando em UX / UI com o material design
Pensando em UX/UI com o Material DesignThiago Marques
Olá!
Thiago Marques
UX & UI
User EXperience User Interaction
User Experience
Dann Saffer (http://www.odannyboy.com)
UX is not UI
UX Designer
Lado Emocional
Facilidade de Uso
Fuidez e Clareza
Parte Criativa e Visual
Elementos consistentes
O famoso "Designer"
UI Designer
O Material Design em siwww.google.com/design
Objetivo 1
Objetivo 2
Os 3 princípios
1.Metáfora
2. Forte, gráfico e intencional
3. Movimento fornece significado
3D World
Luz e Sombra
Propriedades
1 dpiDensity-independent Pixels
9mm, o que corresponde a cerca de 48dp.
margem de 8dp
Dos & Dont's
1. Status bar
2. App bar
3. Background
4. Cards/Dialogs
CoresRecomendacao Google:
500 (cores primárias)
3 - primária
1 - secundária
Opacidade
Opacidade
Barra de Status
Cor Destaque
Cor Destaque
Cor Destaque
Integracao
Roboto
Roboto
Devicesdesign.google.com/devices
E não para...
E agora? Por onde comecar?
Material Design
Litegetmdl.io
Polymerpolymer-project.org
![u ¹ 8 Æ ÞüXë¡1 ànõ ]< ux 2x5 1ä Æ^îWðÎ'ë6 ¨Mæ4 Ó F| ü'é … · A utilização conforme as especificações incl ui o procedimento de acordo com as instru-ções](https://static.fdocumentos.com/doc/165x107/5bf78c1709d3f2006b8cec18/u-8-a-buexe1-ano-ux-2x5-1ae-aiwdie6-mae4-o-f-uee-a.jpg)
![00 00 a > u H UI UI 111 o 00 0 IllÐ 0 0 0 0 gnu 00 9 oo o...00 00 a > u H UI UI 111 o 00 0 IllÐ 0 0 0 0 gnu 00 9 oo o V u V Ili UI V > Il UI UI UI UI -o u u UI l]lÐ} 0 00 Created](https://static.fdocumentos.com/doc/165x107/60c4f7ec77ce286567239948/00-00-a-u-h-ui-ui-111-o-00-0-ill-0-0-0-0-gnu-00-9-oo-o-00-00-a-u.jpg)
