Your SlideShare is downloading. ×
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
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
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
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
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
Interface Metro para Windows Phone
Interface Metro para Windows Phone
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Interface Metro para Windows Phone

756

Published on

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

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
756
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
22
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Interface Metro paraWindows PhoneManoel dos Santos
  • 2. meUser Experience Designermanoeldossantos@gmail.com@manoeldossantosblogs.solidq.com/msantos
  • 3. agenda• A Interface Metro• Layout• Interação• Criação
  • 4. metro
  • 5. metro no windows phone
  • 6. metro no zune HD
  • 7. metro no desktop
  • 8. metro no xbox
  • 9. metro no windows 8
  • 10. Windows Phone, I’m your father
  • 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. princípios“Clean”, leve, aberto e rápidoTipografia é arteVivo, em movimentoConteúdo, sem decoraçãoAutenticamente digital
  • 13. duelo de titãs
  • 14. a interface metro
  • 15. início
  • 16. seja você mesmoInspire-se nos conceitos dalinguagem Metro,mas procure balancear comsua identidade e estilo.
  • 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. gestos
  • 19. layouts
  • 20. panorama
  • 21. pivot
  • 22. listas
  • 23. barra da aplicação e de menu
  • 24. menu contextual
  • 25. ícones
  • 26. processo de desenvolvimentoconcept visual design interactive design development front end dev Mão Sketchflow
  • 27. demo
  • 28. benchmarking
  • 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. perguntas?manoeldossantos@gmail.com@manoeldossantos

×