{"id":350,"date":"2013-04-11T08:38:12","date_gmt":"2013-04-11T08:38:12","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=350"},"modified":"2020-05-08T08:49:33","modified_gmt":"2020-05-08T08:49:33","slug":"estilo-metro-tendencia-fresca-en-el-diseno-web","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/","title":{"rendered":"Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web"},"content":{"rendered":"<p>\u00bfQu\u00e9 estilos de dise\u00f1o les gusta m\u00e1s a los dise\u00f1adores? \u00bfPrefieren los escenarios cl\u00e1sicos seguros o las tendencias nuevas? Esta entrada ser\u00e1 de inter\u00e9s ante todo para los progresistas de dise\u00f1o porque vamos a mostrar algunos sitios web de estilo metro que son llenos de inspiraci\u00f3n.<\/p>\n<p><!--more--><\/p>\n<p>En primer lugar, vamos a explicar el t\u00e9rmino \"<b>estilo metro de dise\u00f1o<\/b>\". En realidad se trata de un lenguaje de dise\u00f1o basado en tipograf\u00eda y desarrollado por Microsoft en la base de los <i>principios de dise\u00f1o gr\u00e1fico suizo<\/i>. El estilo suizo fue creado en Suiza en 1950. Sus caracter\u00edsticas principales son la limpieza, la legibilidad y la objetividad. Se usan dise\u00f1os asim\u00e9tricos, grids, tipograf\u00edas sans-serif e im\u00e1genes en lugar de ilustraciones.<\/p>\n<p>Como Usted ha notado ya, el estilo metro fresco y elegante se centra en el contenido, subrayado por medio de la tipograf\u00eda prominente y menos gr\u00e1ficos. Los \u201c<i>azulejos vivos<\/i>\u201d de varios colores y barra lateral de desplazamiento tambi\u00e9n son importantes entre las reconocidas caracter\u00edsticas 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.<\/p>\n<p>\u00bfSabe Usted que algunas ideas brillantes para del dise\u00f1o metro han aparecido en la mente de desarrolladores debido a los signos ling\u00fc\u00edsticos comunes, que nos encontramos cada d\u00eda en los sistemas de transporte p\u00fablico y el sistema de King County Metro (<i>\u00e1rea de Seattle, no muy lejos de la oficina de Microsoft<\/i>) en particular? La tipograf\u00eda impresionante y el texto grande inevitablemente llaman la atenci\u00f3n de la gente de la misma manera que los signos antes mencionados. De hecho, evitando los gr\u00e1ficos excesivos, agrupando las tareas regulares y dejando que el contenido trabaja como interfaz de usuario, los dise\u00f1adores pueden ofrecer la experiencia de usuario sencilla, intuitiva y r\u00e1pida.<\/p>\n<p>Al hablar sobre el dise\u00f1o de estilo metro, es imposible olvidar de mencionar la animaci\u00f3n como de acuerdo a las sugerencias de Microsoft, el sitio web debe parecer \"<i>vivo<\/i>\".<\/p>\n<p>Si Usted est\u00e1 interesado en una investigaci\u00f3n m\u00e1s profunda de los principios dise\u00f1o de Microsoft, <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/windows\/apps\/hh781237.aspx\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">haga clic aqu\u00ed<\/a> para ver la compilaci\u00f3n. Tambi\u00e9n Usted puede echar un vistazo a la entrevista con <i>Arturo Toledo<\/i>, arquitecto y dise\u00f1ador de interfaces de usuario, que trabajaba en Microsoft en Redmond durante 7 a\u00f1os y participaba personalmente en el desarrollo de este estilo.<\/p>\n<p>Ahora es un buen momento para revisar la colecci\u00f3n de <strong>dise\u00f1os de sitios web del estilo metro<\/strong>.<\/p>\n<p><a href=\"http:\/\/www.microsoft.com\/en-us\/default.aspx\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Microsoft<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.microsoft.com\/en-us\/default.aspx\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS1\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS1.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"444\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.lottomdg.it\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><strong>8 MDG<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.lottomdg.it\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS17\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS17.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"538\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.mykindofphone.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Windows Phone<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.mykindofphone.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS2\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS2.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"500\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.rockwerchter.be\/en\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Rock Werchter<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.rockwerchter.be\/en\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS13\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS13.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"504\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.bbc.co.uk\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>BBC<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.bbc.co.uk\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS3\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS3.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"512\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.windowsazure.com\/en-us\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Windows Azure<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.windowsazure.com\/en-us\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS4\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS4.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"569\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.spllive.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><strong>SPL Cricket<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.spllive.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS5\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS5.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"434\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/droptiles.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><strong>Droptiles<\/strong><\/a><br \/>\n<a href=\"http:\/\/droptiles.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS6\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS6.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"317\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.chevalblanc.com\/randheli\/en\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><strong>Cheval Blanc Randheli<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.chevalblanc.com\/randheli\/en\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS7\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS7.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"481\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/minimalmonkey.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Minimal Monkey<\/strong><\/a><br \/>\n<a href=\"http:\/\/minimalmonkey.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS8\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS8.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"485\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.farfromthetree.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><strong>Far from the Tree<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.farfromthetree.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS9\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS9.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"533\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/mva.jp\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><strong>Space Shower<\/strong><\/a><br \/>\n<a href=\"http:\/\/mva.jp\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS10\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS10.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"496\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/pierrickcalvez.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Pierrick Calvez Studio<\/strong><\/a><br \/>\n<a href=\"http:\/\/pierrickcalvez.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS11\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS11.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"506\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.rei1440project.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>REI 1440 Project<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.rei1440project.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS12\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS12.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"504\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/winkttd.es\/en\/#\/home\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><strong>Wink TTD<\/strong><\/a><br \/>\n<a href=\"http:\/\/winkttd.es\/en\/#\/home\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS14\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS14.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"496\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/itsashapechristmas.co.uk\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Interactive Advent Calendar<\/strong><\/a><br \/>\n<a href=\"http:\/\/itsashapechristmas.co.uk\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS15\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS15.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"588\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.ceskafilharmonie.cz\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Ceska Filharmonie<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.ceskafilharmonie.cz\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS16\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS16.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"509\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.metrotwit.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Metro Twit<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.metrotwit.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS18\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS18.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"574\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/evr.st\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Everest<\/strong><\/a><br \/>\n<a href=\"http:\/\/evr.st\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS19\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS19.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"496\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.myowncorks.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>My Own Corks<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.myowncorks.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS20\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS20.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"465\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.georgebadea.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>George Badea<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.georgebadea.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS21\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS21.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"506\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.ycn.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>YCN<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.ycn.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS22\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS22.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"406\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/saika.li\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Pierre Saikali<\/strong><\/a><br \/>\n<a href=\"http:\/\/saika.li\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS23\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS23.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"471\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.regent-college.edu\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Regent College<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.regent-college.edu\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS24\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS24.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"574\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.spelltower.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Spell Tower<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.spelltower.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS25\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS25.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"400\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/en.unitportables.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><strong>Unit Portables<\/strong><\/a><br \/>\n<a href=\"http:\/\/en.unitportables.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS26\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS26.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"539\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.apps-builder.com\/en\/home\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Apps Builder<\/strong><\/a><br \/>\n<a href=\"http:\/\/www.apps-builder.com\/en\/home\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" title=\"MS27\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/04\/MS27.jpg?9d7bd4\" alt=\"Metro Style. Website Mimics: a Fresh Whiff in Design \" width=\"620\" height=\"517\" \/><\/a><\/p>\n<p class=\"aligncenter\">* * *<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 estilos de dise\u00f1o les gusta m\u00e1s a los dise\u00f1adores? \u00bfPrefieren los escenarios cl\u00e1sicos seguros o las tendencias nuevas? Esta entrada ser\u00e1 de inter\u00e9s ante todo para los progresistas de dise\u00f1o porque vamos a mostrar algunos sitios web de estilo metro que son llenos de inspiraci\u00f3n.<\/p>\n","protected":false},"author":1334762,"featured_media":2082,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24],"tags":[439],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web \u2b50Blog de TemplateMonster<\/title>\n<meta name=\"description\" content=\"\u00bfQu\u00e9 estilos de dise\u00f1o les gusta m\u00e1s a los dise\u00f1adores? \u00bfPrefieren los escenarios cl\u00e1sicos seguros o las tendencias nuevas? Esta entrada ser\u00e1 de inter\u00e9s\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web \u2b50Blog de TemplateMonster\" \/>\n<meta property=\"og:description\" content=\"\u00bfQu\u00e9 estilos de dise\u00f1o les gusta m\u00e1s a los dise\u00f1adores? \u00bfPrefieren los escenarios cl\u00e1sicos seguros o las tendencias nuevas? Esta entrada ser\u00e1 de inter\u00e9s\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterEspana\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\" \/>\n<meta property=\"article:published_time\" content=\"2013-04-11T08:38:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-08T08:49:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2013\/02\/inspiration.png\" \/>\n\t<meta property=\"og:image:width\" content=\"435\" \/>\n\t<meta property=\"og:image:height\" content=\"290\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Diane Parks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:site\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diane Parks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/\"},\"author\":{\"name\":\"Diane Parks\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\"},\"headline\":\"Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web\",\"datePublished\":\"2013-04-11T08:38:12+00:00\",\"dateModified\":\"2020-05-08T08:49:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/\"},\"wordCount\":504,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"keywords\":[\"tendencias de dise\u00f1o\"],\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/\",\"url\":\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/\",\"name\":\"Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web \u2b50Blog de TemplateMonster\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#website\"},\"datePublished\":\"2013-04-11T08:38:12+00:00\",\"dateModified\":\"2020-05-08T08:49:33+00:00\",\"description\":\"\u00bfQu\u00e9 estilos de dise\u00f1o les gusta m\u00e1s a los dise\u00f1adores? \u00bfPrefieren los escenarios cl\u00e1sicos seguros o las tendencias nuevas? Esta entrada ser\u00e1 de inter\u00e9s\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/es\/#website\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"name\":\"Blog de TemplateMonster\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\",\"name\":\"MonstersPost Espa\u00f1a\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonstersPost Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterEspana\",\"https:\/\/twitter.com\/TMonster_ES\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\",\"name\":\"Diane Parks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Diane Parks\"},\"description\":\"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!\",\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\"],\"url\":\"https:\/\/monsterspost.com\/es\/author\/diane\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web \u2b50Blog de TemplateMonster","description":"\u00bfQu\u00e9 estilos de dise\u00f1o les gusta m\u00e1s a los dise\u00f1adores? \u00bfPrefieren los escenarios cl\u00e1sicos seguros o las tendencias nuevas? Esta entrada ser\u00e1 de inter\u00e9s","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/","og_locale":"es_ES","og_type":"article","og_title":"Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web \u2b50Blog de TemplateMonster","og_description":"\u00bfQu\u00e9 estilos de dise\u00f1o les gusta m\u00e1s a los dise\u00f1adores? \u00bfPrefieren los escenarios cl\u00e1sicos seguros o las tendencias nuevas? Esta entrada ser\u00e1 de inter\u00e9s","og_url":"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/","og_site_name":"Blog de TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterEspana","article_author":"https:\/\/www.facebook.com\/profile.php?id=100004881674652","article_published_time":"2013-04-11T08:38:12+00:00","article_modified_time":"2020-05-08T08:49:33+00:00","og_image":[{"width":435,"height":290,"url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2013\/02\/inspiration.png","type":"image\/png"}],"author":"Diane Parks","twitter_card":"summary_large_image","twitter_creator":"@TMonster_ES","twitter_site":"@TMonster_ES","twitter_misc":{"Escrito por":"Diane Parks","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/"},"author":{"name":"Diane Parks","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c"},"headline":"Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web","datePublished":"2013-04-11T08:38:12+00:00","dateModified":"2020-05-08T08:49:33+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/"},"wordCount":504,"commentCount":1,"publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"keywords":["tendencias de dise\u00f1o"],"articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/","url":"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/","name":"Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web \u2b50Blog de TemplateMonster","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/#website"},"datePublished":"2013-04-11T08:38:12+00:00","dateModified":"2020-05-08T08:49:33+00:00","description":"\u00bfQu\u00e9 estilos de dise\u00f1o les gusta m\u00e1s a los dise\u00f1adores? \u00bfPrefieren los escenarios cl\u00e1sicos seguros o las tendencias nuevas? Esta entrada ser\u00e1 de inter\u00e9s","breadcrumb":{"@id":"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/es\/estilo-metro-tendencia-fresca-en-el-diseno-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/es\/"},{"@type":"ListItem","position":2,"name":"Estilo Metro. Tendencia Fresca en el Dise\u00f1o Web"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/es\/#website","url":"https:\/\/monsterspost.com\/es\/","name":"Blog de TemplateMonster","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/es\/#organization","name":"MonstersPost Espa\u00f1a","url":"https:\/\/monsterspost.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonstersPost Espa\u00f1a"},"image":{"@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterEspana","https:\/\/twitter.com\/TMonster_ES"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c","name":"Diane Parks","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Diane Parks"},"description":"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100004881674652"],"url":"https:\/\/monsterspost.com\/es\/author\/diane\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/350"}],"collection":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/users\/1334762"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/comments?post=350"}],"version-history":[{"count":4,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/350\/revisions"}],"predecessor-version":[{"id":21711,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/350\/revisions\/21711"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media\/2082"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media?parent=350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/categories?post=350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/tags?post=350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}