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
Upcoming SlideShare
Loading in …5
×

Interface Metro para Windows Phone

989 views

Published on

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

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
989
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
24
Comments
0
Likes
1
Embeds 0
No embeds

No notes for 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

×