Metro para Windows Phone 7

1,384 views
1,345 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,384
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
30
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×