Interface Metro para Windows Phone

964 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
964
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

×