Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Metro para Windows Phone 7

1,471 views

Published on

Criando interfaces Metro para Windows Phone 7, da prototipação à implementação.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Metro para Windows Phone 7

  1. 1. Interface Metro para WP7<br />Manoel dos Santos<br />
  2. 2. me<br />User Experience Designer<br />Dígitro<br />Nextt<br />RemindTV.com<br />manoeldossantos@gmail.com<br />@manoeldossantos<br />www.manoeldossantos.com<br />
  3. 3. metro<br />
  4. 4. metro no windowsphone<br />
  5. 5. metro no zune HD<br />
  6. 6. metro no desktop<br />
  7. 7. metro no xbox<br />
  8. 8. metro no windows 8<br />
  9. 9. princípios<br />“Clean”, leve, aberto e rápido<br />Tipografia é arte<br />Vivo, em movimento<br />Conteúdo, sem decoração<br />
  10. 10. duelo de titãs<br />
  11. 11. a interface metro<br />
  12. 12. panorama<br />
  13. 13. pivot<br />
  14. 14. listas<br />
  15. 15. barra da aplicação e de menu<br />
  16. 16. menu contextual<br />
  17. 17. ícones<br />
  18. 18. toque<br />Área recomendada para toque = 9mm<br />Área mínima para toque = 7mm<br />Espaço mínimo entre os elementos = 2mm<br />Conteúdo deve ocupar entre 60 e 100% da área de toque<br />
  19. 19. gestos<br />
  20. 20. prototipando<br />
  21. 21. na mão<br />
  22. 22. sketchflow<br />
  23. 23. design visual<br />
  24. 24. blend + design<br />
  25. 25. benchmarking<br />
  26. 26.
  27. 27.
  28. 28.
  29. 29. links<br />Design templates<br />http://wp7designtemplates.codeplex.com/<br />Sketchflowtemplates<br />http://wp7sketchflow.codeplex.com/<br />Cheatsheet<br />http://nordkapp.fi/blog/2011/05/wp7-for-designers-cheatsheet/<br />User Experience Design Guidelines<br />http://msdn.microsoft.com/en-us/library/hh202915(v=VS.92).aspx<br />Stencil Kit<br />http://www.uistencils.com/products/windows-phone-stencil-kit<br />eBook Grátis<br />http://microsoftfeed.com/2011/free-ebook-designing-for-windows-phone-7/<br />
  30. 30. perguntas?<br />manoeldossantos@gmail.com<br />@manoeldossantos<br />

×