Embed Size (px)
DESCRIPTION
Introdução à linguagem de design da Microsoft conhecida como Metro e como ela é aplicada ao Windows Phone.
Citation preview
Interface Metro para Windows PhoneManoel dos Santos
agenda
• A Interface Metro• Layout• Interação• Criação
metro no windows phone
metro no zune HD
metro no desktop
metro no windows 8
Windows Phone, I’m your father
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.
princípios
“Clean”, leve, aberto e rápidoTipografia é arteVivo, em movimentoConteúdo, sem decoraçãoAutenticamente digital
duelo de titãs
a interface metro
início
seja você mesmo
Inspire-se nos conceitos da linguagem Metro,
mas procure balancear com sua identidade e estilo.
toque
Área recomendada para toque = 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
gestos
layouts
panorama
pivot
listas
barra da aplicação e de menu
menu contextual
ícones
processo de desenvolvimento
visual design interactive designfront end dev
developmentconcept
Sketchflow
Mão
demo
benchmarking
links
Design 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).aspx
Stencil Kithttp://www.uistencils.com/products/windows-phone-stencil-kit
