Interface Metro paraWindows PhoneManoel dos Santos
meUser Experience Designermanoeldossantos@gmail.com@manoeldossantosblogs.solidq.com/msantos
agenda•   A Interface Metro•   Layout•   Interação•   Criação
metro
metro no windows phone
metro no zune HD
metro no desktop
metro no xbox
metro no windows 8
Windows Phone, I’m your father
METRO IS OUR DESIGNLANGUAGE. WE CALL IT METROBECAUSE IT’S MODERN ANDCLEAN. IT’S FAST AND INMOTION. IT’S ABOUT CONTENTAND T...
princípios“Clean”, leve, aberto e rápidoTipografia é arteVivo, em movimentoConteúdo, sem decoraçãoAutenticamente digital
duelo de titãs
a interface metro
início
seja você mesmoInspire-se nos conceitos dalinguagem Metro,mas procure balancear comsua identidade e estilo.
toqueÁrea recomendada para toque = 9mmÁrea mínima para toque = 7mmEspaço mínimo entre os elementos =2mmConteúdo deve ocupa...
gestos
layouts
panorama
pivot
listas
barra da aplicação e de menu
menu contextual
ícones
processo de desenvolvimentoconcept        visual design   interactive design   development                                ...
demo
benchmarking
linksDesign templateshttp://wp7designtemplates.codeplex.com/Sketchflow templateshttp://wp7sketchflow.codeplex.com/Cheatshe...
perguntas?manoeldossantos@gmail.com@manoeldossantos
Interface Metro para Windows Phone
Interface Metro para Windows Phone
Interface Metro para Windows Phone
Interface Metro para Windows Phone
Interface Metro para Windows Phone
Interface Metro para Windows Phone
Interface Metro para Windows Phone
Próximos SlideShares
Carregando em…5
×

Interface Metro para Windows Phone

977 visualizações

Publicada em

Introdução à linguagem de design da Microsoft conhecida como Metro e como ela é aplicada ao Windows Phone.

Publicada em: Design
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
977
No SlideShare
0
A partir de incorporações
0
Número de incorporações
7
Ações
Compartilhamentos
0
Downloads
24
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Interface Metro para Windows Phone

  1. 1. Interface Metro paraWindows PhoneManoel dos Santos
  2. 2. meUser Experience Designermanoeldossantos@gmail.com@manoeldossantosblogs.solidq.com/msantos
  3. 3. agenda• A Interface Metro• Layout• Interação• Criação
  4. 4. metro
  5. 5. metro no windows phone
  6. 6. metro no zune HD
  7. 7. metro no desktop
  8. 8. metro no xbox
  9. 9. metro no windows 8
  10. 10. Windows Phone, I’m your father
  11. 11. METRO IS OUR DESIGNLANGUAGE. WE CALL IT METROBECAUSE IT’S MODERN ANDCLEAN. IT’S FAST AND INMOTION. IT’S ABOUT CONTENTAND TYPOGRAPHY. AND IT’SENTIRELY AUTHENTIC.
  12. 12. princípios“Clean”, leve, aberto e rápidoTipografia é arteVivo, em movimentoConteúdo, sem decoraçãoAutenticamente digital
  13. 13. duelo de titãs
  14. 14. a interface metro
  15. 15. início
  16. 16. seja você mesmoInspire-se nos conceitos dalinguagem Metro,mas procure balancear comsua identidade e estilo.
  17. 17. toqueÁrea recomendada para toque = 9mmÁrea mínima para toque = 7mmEspaço mínimo entre os elementos =2mmConteúdo deve ocupar entre 60 e 100%da área de toque
  18. 18. gestos
  19. 19. layouts
  20. 20. panorama
  21. 21. pivot
  22. 22. listas
  23. 23. barra da aplicação e de menu
  24. 24. menu contextual
  25. 25. ícones
  26. 26. processo de desenvolvimentoconcept visual design interactive design development front end dev Mão Sketchflow
  27. 27. demo
  28. 28. benchmarking
  29. 29. linksDesign templateshttp://wp7designtemplates.codeplex.com/Sketchflow templateshttp://wp7sketchflow.codeplex.com/Cheatsheethttp://nordkapp.fi/blog/2011/05/wp7-for-designers-cheatsheet/User Experience Design Guidelineshttp://msdn.microsoft.com/en-us/library/hh202915(v=VS.92).aspxStencil Kithttp://www.uistencils.com/products/windows-phone-stencil-kit
  30. 30. perguntas?manoeldossantos@gmail.com@manoeldossantos

×