Interface Metro para WP7<br />Manoel dos Santos<br />
me<br />User Experience Designer<br />Dígitro<br />Nextt<br />RemindTV.com<br />manoeldossantos@gmail.com<br />@manoeldoss...
metro<br />
metro no windowsphone<br />
metro no zune HD<br />
metro no desktop<br />
metro no xbox<br />
metro no windows 8<br />
princípios<br />“Clean”, leve, aberto e rápido<br />Tipografia é arte<br />Vivo, em movimento<br />Conteúdo, sem decoração...
duelo de titãs<br />
a interface metro<br />
panorama<br />
pivot<br />
listas<br />
barra da aplicação e de menu<br />
menu contextual<br />
ícones<br />
toque<br />Área recomendada para toque = 9mm<br />Área mínima para toque = 7mm<br />Espaço mínimo entre os elementos = 2mm...
gestos<br />
prototipando<br />
na mão<br />
sketchflow<br />
design visual<br />
blend + design<br />
benchmarking<br />
links<br />Design templates<br />http://wp7designtemplates.codeplex.com/<br />Sketchflowtemplates<br />http://wp7sketchflo...
perguntas?<br />manoeldossantos@gmail.com<br />@manoeldossantos<br />
Próximos SlideShares
Carregando em…5
×

Metro para Windows Phone 7

1.462 visualizações

Publicada em

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

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.462
No SlideShare
0
A partir de incorporações
0
Número de incorporações
11
Ações
Compartilhamentos
0
Downloads
30
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no 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 />

×