{"id":1306,"date":"2014-06-16T12:48:30","date_gmt":"2014-06-16T12:48:30","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=1306"},"modified":"2020-05-08T08:29:59","modified_gmt":"2020-05-08T08:29:59","slug":"guia-de-las-tendencias-actuales-del-diseno-web","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/","title":{"rendered":"Gu\u00eda de las Tendencias Actuales del Dise\u00f1o Web"},"content":{"rendered":"

Lo m\u00e1s gracioso de las tendencias actuales de dise\u00f1o web es que son a la vez \u00fatiles y perjudiciales. Las tendencias establecen el est\u00e1ndar para los elementos de dise\u00f1o y los estilos que son populares por una \u00e9poca espec\u00edfica, por lo que mantenerse al d\u00eda con las tendencias actuales significa que los dise\u00f1adores y desarrolladores web<\/a> tienen que adaptarse a las exigencias de los clientes. Las nuevas tendencias por lo general vienen con avances en c\u00f3digo y estilos de dise\u00f1o.<\/p>\n

<\/p>\n

Pero las tendencias tambi\u00e9n pueden producir un mundo online donde cada nuevo dise\u00f1o simplemente parece una copia de la \u00faltima. En su punto m\u00e1ximo, las tendencias tienden a ser m\u00e1s d\u00e9biles, sobre todo porque todo el mundo exagera el estilo. Peor a\u00fan, algunos dise\u00f1adores de p\u00e1ginas web parecen pasar por alto los contras de cada tendencia individual, posiblemente justificando con una actitud de \"si todo el mundo lo est\u00e1 haciendo debe de estar bien.\" Los dise\u00f1adores y desarrolladores que permanecen conscientes de los buenos principios de dise\u00f1o pueden ayudar a dirigir las tendencias a un uso m\u00e1s equilibrado.<\/p>\n

As\u00ed, en un intento de llevar las tendencias de dise\u00f1o web de este a\u00f1o en una hermosa armon\u00eda con los principios importantes como la usabilidad y facilidad de lectura, vamos a echar un vistazo a algunas de las tendencias m\u00e1s populares de este a\u00f1o. La siguiente discusi\u00f3n se incluyen algunos ejemplos de la vida real, y un an\u00e1lisis de las ventajas y desventajas de cada tendencia. Mi esperanza es ayudar a los dise\u00f1adores a tomar decisiones educadas sobre cu\u00e1ndo, d\u00f3nde y c\u00f3mo utilizar una tendencia en los proyectos de dise\u00f1o web y en definitiva, mantener el mundo en l\u00ednea diverso y elegantemente utilizable.<\/p>\n

Parallax Scrolling<\/h2>\n

\"Parallax<\/a><\/p>\n

Parallax Scrolling ha sido utilizado durante mucho tiempo en los videojuegos, no aparec\u00eda en la web hasta 2011. La tendencia del dise\u00f1o web crea una ilusi\u00f3n de profundidad 3D, debido a los antecedentes que se mueven a diferentes velocidades de los elementos de primer plano. Algunos dise\u00f1adores creen que scroll parallax se est\u00e1 desvaneciendo. Todo lo cual es cierto hasta cierto punto. No vemos muchos sitios web de desplazamiento largos en estos dias. Sin embargo, como con cualquier tendencia, todav\u00eda est\u00e1 vivo y simplemente no hay prop\u00f3sito de un largo scroll exagerado. Recientemente plataformas como WordPress y Webydo han tomado medidas para garantizar que el desplazamiento de paralaje est\u00e9 disponible en temas y plantillas de c\u00f3digo libre, todo lo cual es una buena se\u00f1al de que el desplazamiento de paralaje sigue siendo bastante popular en este tiempo.<\/p>\n

Pros.<\/strong><\/em> Interactivo y por lo tanto participativo. Est\u00e9ticamente atractivo que funciona mejor para presentar la informaci\u00f3n o los productos estilo novela.<\/p>\n

Contras.<\/em> <\/strong>Pueden ser de carga muy lenta, sobre todo en el m\u00f3vil o los dispositivos lentos. En cuestiones de SEO el exceso puede molestar a los usuarios y la gesti\u00f3n del movimiento inusual puede ser confuso.<\/p>\n

Infinito desplazamiento<\/h2>\n

La tendencia de desplazamiento infinito es el nombre apropiado para algunos sitios web que incorporan un desplazamiento que parece no tener fin. El desplazamiento infinito se utiliza para sitios que realmente no terminan nunca, mientras que los sitios de desplazamiento largos en realidad tienen un fin en los mismos. Esta tendencia muy utilizada en 2013 todav\u00eda parece ser un dise\u00f1o muy popular este a\u00f1o. A menudo, los sitios con parallax utilizan un dise\u00f1o de desplazamiento largo simplemente porque es mecesario mostrarlo todo para aplicar adecuadamente el parallax. Vamos a ver lo bueno y lo malo y algunas de las soluciones de esta tendencia.<\/p>\n

Pros.<\/strong><\/em> Perfecto para el contenido generado por el usuario (como Twitter), dise\u00f1os de pisos similares, o los sitios web de una sola p\u00e1gina. El desplazamiento infinito puede ser m\u00e1s f\u00e1cil que un mont\u00f3n de clics.<\/p>\n

Contras.<\/em><\/strong> No encontrar un final puede significar que los usuarios se sientan frustrados sin encontrar un cierre de la p\u00e1gina. Puede ser enga\u00f1oso donde los usuarios perciben un final que nunca llega. Puede tener problemas de navegaci\u00f3n.<\/p>\n

Dise\u00f1os Planos<\/h2>\n

\"Outline<\/a><\/p>\n

Aunque el dise\u00f1o plano ha estado alrededor nuestra durante mucho tiempo, Windows 8 y iOS 7 son lo que hacen del dise\u00f1o plano digital la tendencia en auge que es ahora, reemplazando el estilo realista de skeuomorphism encontrado en toda la web en tan s\u00f3lo cuesti\u00f3n de meses. La mayor\u00eda estar\u00eda de acuerdo en que lo que caracteriza a un dise\u00f1o plano (y lo que la distingue de un dise\u00f1o m\u00ednimo normal) son la falta de 3D, iconos no realistas, gradients limitados, falta de sombras, colores llamativos, fuentes legibles, y un dise\u00f1o a menudo basada en una cuadr\u00edcula, aunque no todos los dise\u00f1o planos contienen todos estos elementos de dise\u00f1o. En un mundo digital en el borde de la grave sobrecarga de informaci\u00f3n, la tendencia de dise\u00f1o plano se necesita en el momento en que apareci\u00f3. A pesar de sus vibraciones positivas en su mayor\u00eda, esta tendencia en realidad tiene algunos inconvenientes:<\/p>\n

Pros.<\/strong><\/em> Dise\u00f1o limpio hace que sea f\u00e1cil de navegar. Su aspecto general es moderno, de moda y concreto. Carga r\u00e1pida excelente para dise\u00f1os responsive. El contenido es el foco.<\/p>\n

Contras.<\/strong><\/em> Dif\u00edciles para infundir car\u00e1cter, originalidad, carisma. A veces es dif\u00edcil distinguir en qu\u00e9 elementos se puede hacer clic.<\/p>\n

Dise\u00f1o Responsive<\/h2>\n

Con el enorme aumento del uso de dispositivos m\u00f3viles en todo el mundo, los sitios web est\u00e1n luchando para ponerse a disposici\u00f3n de los usuarios en cualquier dispositivo. Dise\u00f1o \"Responsive\" se est\u00e1 convirtiendo r\u00e1pidamente en una de las opciones m\u00e1s populares para la accesibilidad m\u00f3vil ya que el sitio web se ajusta a la perfecci\u00f3n de acuerdo con el tama\u00f1o de la pantalla. Algo que no puedo dejar de se\u00f1alar en cualquier momento cuando menciono el dise\u00f1o de respuesta es el hecho de que Google prefiere este dise\u00f1o para una estrategia SEO m\u00f3vil<\/a>. Aun as\u00ed, el dise\u00f1o no funciona para todo el mundo (por eso Google tiene otras dos disposiciones recomendadas, adem\u00e1s de sensible).<\/p>\n

Pros.<\/em><\/strong> F\u00e1cil de mantener debido a un solo dise\u00f1o del sitio. Favorecido por Google. Basado en un dise\u00f1o de cuadr\u00edcula limpio y f\u00e1cil de usar. Proporciona a los usuarios una experiencia similar sin importar el dispositivo utilizado para acceder al sitio.<\/p>\n

Contras.<\/em><\/strong> El costo inicial para hacer la transici\u00f3n de un sitio web ya establecido puede ser alto. No proporciona una experiencia personalizada para cada dispositivo.<\/p>\n

La mejor manera de decidir si necesitamos un dise\u00f1o de respuesta es mirar a nuestro p\u00fablico y por que acceden desde otro dispositivo. Dise\u00f1os Responsive son perfectos si los usuarios tienen acceso principalmente a nuestro sitio para obtener informaci\u00f3n, aunque los sitios de comercio electr\u00f3nico pueden beneficiarse de un dise\u00f1o de respuesta si su inventario no es demasiado pesado ni demasiado profundo.<\/p>\n

Tipograf\u00eda \u00danica<\/h2>\n

\"\"<\/a><\/p>\n

Ya en los antiguos d\u00edas de las computadoras y navegadores, s\u00f3lo unas pocas fuentes eran \"seguras\" para utilizar en el dise\u00f1o web (fuentes aburridas como Verdana y Georgia) Debido a que las fuentes y los estilos eran totalmente controlados por cada navegador. Los dise\u00f1adores trataron de solucionar este problema mediante el uso de fuentes que se convierten en im\u00e1genes, las fuentes se sustituyen con Javascript y Flash (m\u00e9todo sIFR<\/a>), u otros sustitutos de hackers. Adem\u00e1s los avances en HTML y CSS han permitido el m\u00e9todo de visualizaci\u00f3n de fuentes \u00fanicas pero s\u00f3lo en la medida que la fuente se ha instalado en el ordenador del usuario, de lo contrario se mostrar\u00e1 una fuente de reserva.<\/p>\n

Luego, con la liberaci\u00f3n de CSS3 lleg\u00f3 una nueva soluci\u00f3n a\u00f1adida en la propiedad @font-face que permite la descarga de fuentes personalizadas. El \u00fanico problema que puede ocurrir con @font-face son problemas para obtener la licencia. La mayor\u00eda de las licencias comerciales no permiten la transferencia de ficheros de un usuario a otro, @font-face viola estas condiciones de uso. Durante mucho tiempo, este obst\u00e1culo impidi\u00f3 un amplio uso de @font-face, hasta la aparici\u00f3n de sitios con fuentes que resuelven las cuestiones ilegales.<\/p>\n

TypeKit, por ejemplo, es un proveedor de fuentes web de Adobe que se encarga de todos los problemas de licencias que pueden ocurrir con fuentes personalizadas y la propiedad @font-face. Con un plan, puedes descargar fuentes, armar un kit editable, y luego integrar el kit en su c\u00f3digo o plataforma de blogs. Google tambi\u00e9n lleg\u00f3 al rescate de las cuestiones de licencias @font-face, ofreciendo fuentes web totalmente gratis de c\u00f3digo abierto. La lista ha crecido bastante ya que Google ofreci\u00f3 por primera vez este recurso, ya que los dise\u00f1adores de todo el mundo forman parte de este proyecto. Google ofrece un servicio gratuito API para facilitar el uso de estas fuentes. A\u00fan as\u00ed, los tipos de fuentes web requieren algunas consideraciones:<\/p>\n

Pros.<\/strong> <\/em>A\u00f1ade un aspecto de marca y personalidad. Puede ser utilizado en t\u00edtulos, encabezados e incluso en el cuerpo del contenido. Proveedores de c\u00f3digo abierto como Google Fonts<\/a> y WebFont Generator de Squirrel hacen uso de fuentes web gratuitas y f\u00e1ciles de incluir.<\/p>\n

Contras.<\/strong><\/em> Cuestiones de legibilidad a veces se pasan por alto. Violaciones de concesi\u00f3n de licencias tienen que ser considerados.<\/p>\n

Imagen de fondo a pantalla completa<\/h2>\n

\"cpeople<\/a><\/p>\n

Personalmente, uno de mis tendencias de dise\u00f1o web favoritos son los fondos de pantalla completa, sobre todo los que tienen fotograf\u00edas o videos. A menudo, las ilustraciones de la pantalla completa proporcionan un efecto impresionante. Incluso los fondos de color se ven bastante incre\u00edbles con unos gr\u00e1ficos impresionantes o tipograf\u00eda personalizada. Hay s\u00f3lo unos pocos pros y contras a considerar antes de saltar a un dise\u00f1o de pantalla completa.<\/p>\n

Pros.<\/strong><\/em> Efecto impresionante. Ayuda al espectador a sentirse totalmente inmerso en el sitio. Elementos interactivos se sienten como un video juego. Los v\u00eddeos hacen sentir como una pel\u00edcula. Excelente opci\u00f3n para los portfolios, industria alimentaria, industria de la moda, etc.<\/p>\n

Contras.<\/em><\/strong> Fotograf\u00edas de alta calidad a menudo significan tiempos de carga lentos, especialmente para los dispositivos m\u00f3viles. Un fondo fuera de tema puede distraer del mensaje de la p\u00e1gina web.<\/p>\n

V\u00eddeo de fondo<\/h2>\n

La colocaci\u00f3n de v\u00eddeos en los sitios web ha crecido en popularidad desde que la calidad de grabaci\u00f3n de v\u00eddeos es mucho m\u00e1s barata y m\u00e1s f\u00e1cil en estos d\u00edas. YouTube hace que sea extremadamente f\u00e1cil que cualquiera pueda a\u00f1adir simplemente un c\u00f3digo de inserci\u00f3n y colocar un video en nuestro sitio. Sitios de im\u00e1genes como Getty Images ofrecen v\u00eddeos libres de derechos a un costo peque\u00f1o en comparaci\u00f3n con la contrataci\u00f3n de un c\u00e1mara para un v\u00eddeo personalizado. Muchos sitios web est\u00e1n utilizando fondos de v\u00eddeo a pantalla completa en la cabecera de la p\u00e1gina, mientras que otros simplemente ponen un gran v\u00eddeo que llama la atenci\u00f3n. Algunos hacen un video juego de forma autom\u00e1tica, mientras que otros permiten a los usuarios tomen la decisi\u00f3n de interactuar con el juego o el desplazamiento.<\/p>\n

Pros.<\/strong><\/em> Mantiene el texto al m\u00ednimo. Excelente para mostrar detalles adicionales. v\u00eddeos a pantalla completa son como ver una pel\u00edcula. Puede atraer m\u00e1s f\u00e1cilmente las emociones de los visitantes que otros m\u00e9todos.<\/p>\n

Contras.<\/strong><\/em> Pueden causar problemas de carga. Puede distraer del mensaje. Algunos visitantes no pueden ver el v\u00eddeo. Superposici\u00f3n de texto puede desaparecer con el v\u00eddeo de fondo.<\/p>\n

Animaciones HTML\/ CSS\/ Javascript<\/h2>\n

\"HTML5<\/a><\/p>\n

Flash sol\u00eda ser la mejor opci\u00f3n para la animaci\u00f3n en un sitio web, hasta que HTML5 lleg\u00f3 claro est\u00e1. HTML con CSS y Javascript para animaciones ha resuelto varios problemas que se producen con Flash, como por ejemplo: incompatibilidad m\u00f3vil, la necesidad de que los usuarios tengan Flash instalado en sus equipos y una carga lenta. Con animaciones HTML5, un nuevo mundo de posibilidades se abri\u00f3 para los dise\u00f1adores web. Muchos argumentan que CSS3 ofrece animaciones m\u00e1s r\u00e1pidas que Javascript, pero algunos han encontrado que Javascript trabaja mucho m\u00e1s r\u00e1pido especialmente con animaciones m\u00e1s complejas. De cualquier manera, el punto es que los dise\u00f1adores han estado utilizando animaciones en los sitios web cada vez m\u00e1s. Ahora que es una opci\u00f3n m\u00e1s vers\u00e1til, la luz ha llegado. Hemos de tener en cuenta las siguientes ventajas y desventajas:<\/p>\n

Pros.<\/strong> <\/em>Se hace la luz para los dise\u00f1adores. Trabaja en el m\u00f3vil. Crea animaciones complicadas en simples. Hace un sitio interactivo. A\u00f1ade personalidad a un dise\u00f1o. Compatible con los principales navegadores.<\/p>\n

Contras.<\/strong><\/em> Demasiada animaci\u00f3n puede ser abrumador o distraer la atenci\u00f3n de un mensaje. Un exceso puede causar tiempos de carga lenta.<\/p>\n

Menos Contenido de texto<\/h2>\n

Todas las tendencias mencionadas anteriormente (y m\u00e1s) han producido otra nueva tendencia: la de un menor contenido de texto. Con muchas otras opciones para informar a los lectores que no sean de texto, muchos sitios web est\u00e1n optando por descripciones escritas limitadas. En su lugar, utilizan la animaci\u00f3n, los videos, o iconos, para luego rellenar con descripciones de texto cortos.<\/p>\n

Por ejemplo, una l\u00ednea de ropa deportiva utiliza fotos impresionantes en la mayor\u00eda del sitio para involucrar a los visitantes, en lugar de un mont\u00f3n de contenido. Incluso su blog incluye un texto limitado con un mont\u00f3n de fotograf\u00edas grandes y vistosas. Tiene sentido para su p\u00fablico como proveedor de ropa de moda. Pero un sitio de este estilo tiene experiencias tanto pros como contras en su texto limitado:<\/p>\n

Pros.<\/strong><\/em> La ruptura de texto con gr\u00e1ficos, cuadros, animaciones y dem\u00e1s detalles crean una experiencia \u00fanica que mantiene al usuario interesado. F\u00e1cil de hojear si est\u00e1 bien organizado. Apariencia limpia.<\/p>\n

Contras.<\/em><\/strong> Pueden tener problemas de SEO debido a la falta de contenido de texto. No tener suficiente texto puede hacer que el mensaje sea demasiado ambiguo.<\/p>\n

Si el texto est\u00e1 limitado en la p\u00e1gina de inicio, a continuaci\u00f3n aseg\u00farate de poner m\u00e1s texto en otras p\u00e1ginas, como las p\u00e1ginas \"Sobre Nosotros\". Aseg\u00farate tambi\u00e9n de incluir un blog en el sitio. No te olvides optimizar la p\u00e1gina con etiquetas de t\u00edtulo adecuadas y otros elementos importantes de SEO, para que los robots de b\u00fasqueda pueden descifrar mejor el contenido, incluso si no incluyes mucho de texto.<\/p>\n

\u00bfQu\u00e9 opinas?<\/span><\/p>\n

Las tendencias son siempre una parte importante de cualquier dise\u00f1o, por lo menos simplemente dan una base sobre cual comenzar. Siempre se puede seguir las tendencias, pero seguir siendo \u00fanicos en nuestro dise\u00f1o y enfoque. Es necesario dar preferencia al compromiso de la audiencia, la facilidad de uso, el mensaje de la p\u00e1gina web, o de otros factores importantes. Es por esto que las ventajas y desventajas de conocer las tendencias actuales de dise\u00f1o web es tan importante. Con esto seremos capaces de tomar las decisiones m\u00e1s educadas para nuestros proyectos.<\/p>\n

\u00bfEst\u00e1 de acuerdo con los pros y los contras de estas tendencias? \u00bfMe he perdido alguna consideraci\u00f3n importante? \u00a1Si\u00e9ntete libre para compartir tus pensamientos en los comentarios!<\/p>\n

Autor:<\/span><\/strong> Pedro Mendez<\/a>. Desarrollador de sitios web y SEO en Sevilla. Soy un apasionado del software libre donde escribo de forma diaria noticias sobre dise\u00f1o y desarrollo web<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Lo m\u00e1s gracioso de las tendencias actuales de dise\u00f1o web es que son a la vez \u00fatiles y perjudiciales. Las tendencias establecen el est\u00e1ndar para los elementos de dise\u00f1o y los estilos que son populares por una \u00e9poca espec\u00edfica, por lo que mantenerse al d\u00eda con las tendencias actuales significa que los dise\u00f1adores y desarrolladores […]<\/p>\n","protected":false},"author":1334762,"featured_media":2860,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24],"tags":[439],"yoast_head":"\nGu\u00eda de las Tendencias Actuales del Dise\u00f1o Web \u2b50Blog de TemplateMonster<\/title>\n<meta name=\"description\" content=\"Lo m\u00e1s gracioso de las tendencias actuales de dise\u00f1o web es que son a la vez \u00fatiles y perjudiciales. Las tendencias establecen el est\u00e1ndar para los\" \/>\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\/guia-de-las-tendencias-actuales-del-diseno-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gu\u00eda de las Tendencias Actuales del Dise\u00f1o Web \u2b50Blog de TemplateMonster\" \/>\n<meta property=\"og:description\" content=\"Lo m\u00e1s gracioso de las tendencias actuales de dise\u00f1o web es que son a la vez \u00fatiles y perjudiciales. Las tendencias establecen el est\u00e1ndar para los\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-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=\"2014-06-16T12:48:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-08T08:29:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2015\/01\/tutorials.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=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/\"},\"author\":{\"name\":\"Diane Parks\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\"},\"headline\":\"Gu\u00eda de las Tendencias Actuales del Dise\u00f1o Web\",\"datePublished\":\"2014-06-16T12:48:30+00:00\",\"dateModified\":\"2020-05-08T08:29:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/\"},\"wordCount\":2664,\"commentCount\":0,\"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\/guia-de-las-tendencias-actuales-del-diseno-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/\",\"url\":\"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/\",\"name\":\"Gu\u00eda de las Tendencias Actuales del Dise\u00f1o Web \u2b50Blog de TemplateMonster\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#website\"},\"datePublished\":\"2014-06-16T12:48:30+00:00\",\"dateModified\":\"2020-05-08T08:29:59+00:00\",\"description\":\"Lo m\u00e1s gracioso de las tendencias actuales de dise\u00f1o web es que son a la vez \u00fatiles y perjudiciales. Las tendencias establecen el est\u00e1ndar para los\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gu\u00eda de las Tendencias Actuales del 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":"Gu\u00eda de las Tendencias Actuales del Dise\u00f1o Web \u2b50Blog de TemplateMonster","description":"Lo m\u00e1s gracioso de las tendencias actuales de dise\u00f1o web es que son a la vez \u00fatiles y perjudiciales. Las tendencias establecen el est\u00e1ndar para los","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\/guia-de-las-tendencias-actuales-del-diseno-web\/","og_locale":"es_ES","og_type":"article","og_title":"Gu\u00eda de las Tendencias Actuales del Dise\u00f1o Web \u2b50Blog de TemplateMonster","og_description":"Lo m\u00e1s gracioso de las tendencias actuales de dise\u00f1o web es que son a la vez \u00fatiles y perjudiciales. Las tendencias establecen el est\u00e1ndar para los","og_url":"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-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":"2014-06-16T12:48:30+00:00","article_modified_time":"2020-05-08T08:29:59+00:00","og_image":[{"width":435,"height":290,"url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2015\/01\/tutorials.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":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/"},"author":{"name":"Diane Parks","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c"},"headline":"Gu\u00eda de las Tendencias Actuales del Dise\u00f1o Web","datePublished":"2014-06-16T12:48:30+00:00","dateModified":"2020-05-08T08:29:59+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/"},"wordCount":2664,"commentCount":0,"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\/guia-de-las-tendencias-actuales-del-diseno-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/","url":"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/","name":"Gu\u00eda de las Tendencias Actuales del Dise\u00f1o Web \u2b50Blog de TemplateMonster","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/#website"},"datePublished":"2014-06-16T12:48:30+00:00","dateModified":"2020-05-08T08:29:59+00:00","description":"Lo m\u00e1s gracioso de las tendencias actuales de dise\u00f1o web es que son a la vez \u00fatiles y perjudiciales. Las tendencias establecen el est\u00e1ndar para los","breadcrumb":{"@id":"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/es\/guia-de-las-tendencias-actuales-del-diseno-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/es\/"},{"@type":"ListItem","position":2,"name":"Gu\u00eda de las Tendencias Actuales del 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\/1306"}],"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=1306"}],"version-history":[{"count":4,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/1306\/revisions"}],"predecessor-version":[{"id":21583,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/1306\/revisions\/21583"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media\/2860"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media?parent=1306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/categories?post=1306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/tags?post=1306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}