Metro UI

Deixe um comentário

Agosto 9, 2012 por Firmino Changani

Nos últimos anos a Microsoft tem nos apresentado nos seus produtos especificamente nos S.O um novo conceito de design, que começou a se popularizar depois do lançamento do Windows Phone 7.5 (Mango).

Este normalmente denominado Metro Style ou Metro UI, mas o que é metro?, já que style significa estilo e UI significa user interface. Metro é um nome de código interno para uma linguagem baseada em design tipográfico criado pela Microsoft.

A microsoft começou com o conceito do Metro UI na enciclopédia digital de multimédia Encarta, MSN, e depois foi evoluindo para o Windows Media Center e Zune.

VISÃO DA MICROSOFT

A equipa responsável pela área do design na Microsoft disse que o projeto Metro UI é inspirado em parte pelos sinais normalmente encontrados em sistemas de transporte público como o simbolo de Acessibilidade. Eles projetaram o Metro para ser “elegante, rápido, moderno” e um “refresh” das interfaces baseadas em ícones do Windows, Android e iOS.

A Microsoft disponibilizou um guia de desenvolvimento em português de acordo com as suas normas para desenvolver aplicações do tipo Metro UI, em baixo citarei alguns princípios para o desenvolvimento de aplicações Metro UI que podem ser encontrados no MSDN:

• Conteúdo em primeiro lugar. O conteúdo está no coração dos aplicativos estilo Metro, e
colocar o conteúdo em primeiro lugar é fundamental para o design de aplicativos estilo Metro.
• Rápido e fluido. As interações com o usuário e transições são rápidas e intuitivas,
e as animações são planejadas e intencionais.
• Suporte para vários estados. Os aplicativos estilo Metro dão suporte a um estado imersivo
em tela inteira e uma exibição ajustada mínima, que é executada enquanto um segundo
aplicativo ocupa a maioria do espaço da tela.
• Suporte aos contratos certos. Os contratos de aplicativos oferecem uma maneira para
os aplicativos funcionarem em conjunto, permitindo que os usuários pesquisem entre
os aplicativos ou optem por compartilhar conteúdo entre eles. A experiência do usuário
melhora à medida que ele adiciona aplicativos que dão suporte a contratos.

E NA WEB?

O Metro é tão interessante que alguns desenvolvedores já começaram a aplicar essa técnica para desenvolverem websites utilizando o poder das linguagens HTML5, CSS3 e de alguns frameworks populares como jquery para transportarem a aparência da interface do Windows 8 para a web.

A microsoft tomou a iniciativa criando a interface da pagina do Windows 8 no MSDN seguindo as regras do Metro UI, do mesmo modo o site do Windows 8 Brasil, o  MIC Vitória.

Você também pode criar paginas aplicando Metro UI com o seu toque original, sem esquecer de utilizar o tipo de fonte especificado pela Microsoft já que este é um dos segredos do Metro Ui. Oops revelei pra vocês…
Metro UI by Flowck II