Baixado 12 vezes
Carregado porManoel dos Santos
Metro UI na IxDA Floripa
O documento discute os princípios e diretrizes do design "Metro" da Microsoft para Windows Phone, Windows 8 e Xbox. O design Metro é descrito como "limpo, leve, aberto e rápido" com foco em "conteúdo, sem decoração". Ele também discute como os elementos da interface como telas iniciais, ícones, toque e gestos são implementados de forma consistente entre esses sistemas.
Metro UI na IxDA Floripa
- 1. Metro para WindowsPhone Manoel dos Santos UX blogs. solidq.com/ msantos manoeldossantos @gmail.com @manoeldossanto s
- 2. metro (ou sejalá como será o nome)
- 3.
- 4.
- 5. novas formas deinteração
- 6. nova era “Windows 8 sabe que nós utilizamos computadores de forma diferente agora” http://www.theverge.com/2012/8/16/3246185/this-is-my-next-windows-8
- 8. METRO IS OURDESIGN LANGUAGE. WE CALL IT METRO BECAUSE IT’S MODERN AND CLEAN. IT’S FAST AND IN MOTION. IT’S ABOUT CONTENT AND TYPOGRAPHY. AND IT’S ENTIRELY AUTHENTIC.
- 11. princípios “Clean”, leve, abertoe rápido Tipografia é arte Vivo, em movimento Conteúdo, sem decoração Autenticamente digital
- 13.
- 14.
- 15.
- 16.
- 17.
- 18. além do visual A experiência METRO
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32. tipografia Windows 8 Windows Phone Segoe UI Segoe WP elementos da interface tudo Calibri leitura/escrita Cambria leitura
- 33.
- 34.
- 35.
- 36. toque Área recomendada paratoque = 9mm Área mínima para toque = 7mm Espaço mínimo entre os elementos = 2mm Conteúdo deve ocupar entre 60 e 100% da área de toque
- 37.
- 38. seja você mesmo Inspire-senos conceitos da linguagem METRO, mas procure balancear com sua identidade e estilo.
- 39.
- 40. processo de design Ícones,Fundos, Estilos, Identidade, Paleta de cores, Tiles, SplashScreen Design Visual Protótipo interativo, Design Patterns, Gestos e Animações, Áreas de toque Design de Interação Fluxo da aplicação, Documentação de AI, Protótipos de baixa fidelidade Arquitetura da Informação Exploração, Brainstorm, Consolidação de ideias Conceituação Tema do App
- 41.
- 42. links User Experience DesignGuidelines - WinPhone http://msdn.microsoft.com/en-us/library/hh202915.aspx User Experience Design Guidelines – Win8 http://msdn.microsoft.com/pt-br/library/windows/apps/hh779072.aspx Microsoft .toolbox Design Training http://www.microsoft.com/design/toolbox/school
- 43. Q&A ? manoel@outlook.com @manoeldossantos blogs.solidq.com/msantos