¿Qué es Metro? - Jorge Serrano - MVP Visual Developer - Visual Basic

¿Qué es Metro?

Introducción

Metro es el nombre en clave que Microsoft dio a un lenguaje de diseño que inicialmente fue utilizado en los dispositivos móviles dotados de Windows Phone.

Hay que irse muy atrás en el tiempo para encontrar el embrión de lo que hoy se conoce como Metro.

De hecho, debemos remontarnos a los tiempos de productos como Encarta 95 para encontrar una interfaz con tintes Metro. De igual manera, desarrollos como Windows Media Center o Zune, tienen también importantes posos de lo que hoy se conoce como Metro.

Es por todo esto, que Metro no es fruto de dos días, sino que es un concepto de diseño que Microsoft ha estado evolucionando y madurando desde hace bastante tiempo.


¿Y de donde viene Metro?

El lenguaje de diseño de Metro se basa en los principios y estilos clásicos de diseño gráfico conocidos como International Typographic Style y desarrollados en Suiza en la década de los 50. Al International Typographic Style también se le conoce como Swiss Style.

El objetivo del Swiss Style es el de dar énfasis al contenido haciéndolo más limpio y más legible. De esta manera, el contenido tiene o adopta más importancia que los gráficos, pero como podrás comprender, no es fácil que el contenido tenga más importancia que los gráficos y al mismo tiempo tenga un aspecto limpio y legible.

Así que ya sabemos que el estilo de diseño de Metro tiene un origen muy concreto, en el que a partir de ese origen, se han ido incorporando creaciones y modificaciones propias de Microsoft. De hecho, no hay que irse muy lejos para entender esto último, y es que el nombre de Metro no es casual.

Sin embargo, el nombre de Metro tiene un origen más curioso si cabe, y está en las señales que se encuentran habitualmente en los transportes públicos, y más concretamente en el sistema de tránsito de King County Metro (Seattle - Washington).

El equipo de diseño de Microsoft se fijó e inspiró en estas señales en las que el texto tiene una importancia muy alta, para diseñar y preparar algunos de los pilares de lo que hoy se conoce como Metro.

Es decir, según parece, Metro tiene una convergencia entre la International Typographic Style y el King County Metro de Seattle.


Fuente de letra Segoe

Y como fuente de letra elegante y clara, Microsoft se ha apoyado en la fuente de letra Segoe.

Segoe es una fuente de letra diseñada por Steve Matteson de Agfa Monotype pero registrada por Microsoft.

Recordemos que Steve Matteson es el autor no sólo de la fuente de letra Segoe, sino también de la fuente de letra Droid utilizada en la plataforma móvil Android, así como diseñador de la marca y de la interfaz de usuario de la Xbox y de la Xbox 360.

La extensión de uso de la fuente de letra Segoe por parte de Microsoft es amplia, utilizándola tanto en sus páginas Web como sus documentos e informaciones de marketing, los logotipos, etc.

Respecto a la distribución de la fuente de letra Segoe, ésta se distribuye en diferentes productos como Microsoft Office 2007 por ejemplo, o en sistemas operativos como Windows Vista, Windows 7 ó Windows 8, y en el caso de Zune, Microsoft creó una fuente de letra específica denominada Zegoe UI, y para Windows Phone, Segoe WP.


Metro hoy

Y Metro hoy continúa caminando con firmeza como estilo de diseño.

Tanto es así, que Metro fue adoptado por la consola Xbox 360 y por Windows Phone posteriormente, y ahora le llega el turno a Windows 8, que posee como es lógico una importante herencia del estilo de diseño Metro.

Y es que Metro no constituye ninguna moda, sino un estilo de diseño relacionado estrechamente con el desarrollo Software que hay que comprender. Ese cambio de pensamiento hace al principio que algunos de los conceptos que rodea a Metro nos parezcan extraños, pero que una vez metidos en ellos, nos parezca algo muy natural.


Referencias

Wikipedia - Metro

Wikipedia - International Typographic Style

Wikipedia - King Conty Metro (Washington)

King County Metro

Agfa Monotype

Wikipedia - Steve Matteson

Wikipedia - Segoe

Principios de diseño con estilo Metro

Published 11/6/2012 15:00 por Jorge Serrano
Archivado en:
Comparte este post:

Comentarios

Monday, June 11, 2012 11:45 PM por Jorge Serrano - MVP Visual Developer - Visual Basic

# ¿Qué es WinRT?

Introducción WinRT es la abreviación de Windows Runtime , un modelo de programación implementado y presentado