Estilo Metro. Tendencia Fresca en el Diseño Web

¿Qué estilos de diseño les gusta más a los diseñadores? ¿Prefieren los escenarios clásicos seguros o las tendencias nuevas? Esta entrada será de interés ante todo para los progresistas de diseño porque vamos a mostrar algunos sitios web de estilo metro que son llenos de inspiración.

En primer lugar, vamos a explicar el término "estilo metro de diseño". En realidad se trata de un lenguaje de diseño basado en tipografía y desarrollado por Microsoft en la base de los principios de diseño gráfico suizo. El estilo suizo fue creado en Suiza en 1950. Sus características principales son la limpieza, la legibilidad y la objetividad. Se usan diseños asimétricos, grids, tipografías sans-serif e imágenes en lugar de ilustraciones.

Como Usted ha notado ya, el estilo metro fresco y elegante se centra en el contenido, subrayado por medio de la tipografía prominente y menos gráficos. Los “azulejos vivos” de varios colores y barra lateral de desplazamiento también son importantes entre las reconocidas características de estilo de metro. Windows Phone, el sitio del sitio web de Microsoft, Panel de Control de Xbox 360 y Windows 8 son ejemplos brillantes del estilo metro.

¿Sabe Usted que algunas ideas brillantes para del diseño metro han aparecido en la mente de desarrolladores debido a los signos lingüísticos comunes, que nos encontramos cada día en los sistemas de transporte público y el sistema de King County Metro (área de Seattle, no muy lejos de la oficina de Microsoft) en particular? La tipografía impresionante y el texto grande inevitablemente llaman la atención de la gente de la misma manera que los signos antes mencionados. De hecho, evitando los gráficos excesivos, agrupando las tareas regulares y dejando que el contenido trabaja como interfaz de usuario, los diseñadores pueden ofrecer la experiencia de usuario sencilla, intuitiva y rápida.

Al hablar sobre el diseño de estilo metro, es imposible olvidar de mencionar la animación como de acuerdo a las sugerencias de Microsoft, el sitio web debe parecer "vivo".

Si Usted está interesado en una investigación más profunda de los principios diseño de Microsoft, haga clic aquí para ver la compilación. También Usted puede echar un vistazo a la entrevista con Arturo Toledo, arquitecto y diseñador de interfaces de usuario, que trabajaba en Microsoft en Redmond durante 7 años y participaba personalmente en el desarrollo de este estilo.

Ahora es un buen momento para revisar la colección de diseños de sitios web del estilo metro.

Microsoft
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

8 MDG
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Windows Phone
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Rock Werchter
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

BBC
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Windows Azure
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

SPL Cricket
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Droptiles
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Cheval Blanc Randheli
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Minimal Monkey
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Far from the Tree
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Space Shower
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Pierrick Calvez Studio
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

REI 1440 Project
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Wink TTD
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Interactive Advent Calendar
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Ceska Filharmonie
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Metro Twit
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Everest
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

My Own Corks
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

George Badea
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

YCN
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Pierre Saikali
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Regent College
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Spell Tower
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Unit Portables
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *

Apps Builder
Metro Style. Website Mimics: a Fresh Whiff in Design

* * *



Diane Parks

Diane trabja como una redactora del blog MonsterPost España desde hace muchos años. No imagina su vida sin escribir, aprender algo nuevo cada día, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. ¡Síguela en Facebook!