{"id":2431,"date":"2020-01-10T13:38:49","date_gmt":"2020-01-10T11:38:49","guid":{"rendered":"https:\/\/peslam.com\/noticias\/?p=2431"},"modified":"2020-02-03T12:40:27","modified_gmt":"2020-02-03T10:40:27","slug":"tendencias-diseno-web-2020","status":"publish","type":"post","link":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/","title":{"rendered":"Tendencias Dise\u00f1o web 2020"},"content":{"rendered":"

Tendencias Dise\u00f1o web 2020<\/strong><\/h2>\n

El final de 2019 se acerca<\/strong> y, como cada a\u00f1o, es el momento ideal para analizar cu\u00e1les ser\u00e1n las tendencias de dise\u00f1o web para 2020<\/strong><\/a>, un tema que me apasiona.<\/p>\n

Las tendencias y t\u00e9cnicas creativas<\/strong> son cada vez m\u00e1s exigentes en dise\u00f1o web, por lo que requiere de quienes somos dise\u00f1adores web un estudio y an\u00e1lisis constante para estar siempre actualizados.<\/p>\n

Por ese motivo, en este post te mostrar\u00e9 las tendencias en dise\u00f1o web para 2020, desde las m\u00e1s novedosas a las que ya est\u00e1n vigentes desde hace unos meses, con ejemplos reales de todas ellas.<\/p>\n

Elementos din\u00e1micos<\/span><\/h3>\n

Los elementos din\u00e1micos, tales como animaciones, ilustraciones, gifs o efectos flexibles<\/strong>, han llegado al dise\u00f1o web para quedarse durante un tiempo.<\/p>\n

Este tipo de dise\u00f1os consiguen unos resultados muy visuales y creativos siempre que se combinen de forma acertada. Como siempre digo, si algo suma a una web, se queda; si resta, se quita.<\/p>\n

Dise\u00f1os asim\u00e9tricos<\/span><\/h3>\n

Otra tendencia en dise\u00f1o web para 2020<\/strong> son las composiciones asim\u00e9tricas<\/strong>. Hace unos a\u00f1os, hubieran sido interpretadas como ca\u00f3ticas y desordenadas, al contrario que ahora, siempre que tengan un sentido visual y est\u00e9n justificadas.<\/p>\n

Efecto movimiento<\/span><\/h3>\n

Los efectos en movimiento<\/strong> tambi\u00e9n han llegado al dise\u00f1o web<\/strong> y ya hemos empezado a verlos, pues transmiten una imagen de gran dinamismo y creatividad.<\/p>\n

Dise\u00f1os 3D<\/span><\/h3>\n

Los dise\u00f1os en 3D<\/strong> tambi\u00e9n ser\u00e1n tendencia<\/strong> en dise\u00f1o web para 2020. Recuerda que este tipo de efectos son un poco arriesgados y, por lo tanto, tienen que tener una justificaci\u00f3n dentro del dise\u00f1o.<\/p>\n

Contenido dividido o fusionado<\/span><\/h3>\n

Los dise\u00f1os con efecto dividido o fusionado<\/strong> son una de las tendencias en dise\u00f1o web favoritas, divide y venceras …<\/p>\n

Efectos hover<\/span><\/h3>\n

En dise\u00f1o web el hover<\/strong> es la alteraci\u00f3n que se produce cuando pasas el rat\u00f3n por encima de un elemento espec\u00edfico. Seguro que lo has visto cientos de veces en botones que cambian de color cuando pones el puntero encima.<\/p>\n

Pues bien, una de las tendencias de dise\u00f1o web para 2020<\/strong> es extender ese efecto o \u00abalteraci\u00f3n\u00bb a otras partes de mayor tama\u00f1o en la web, como pueden ser bloques completos, fondos o im\u00e1genes.<\/p>\n

Desplazamiento vertical<\/span><\/h3>\n

Las webs con desplazamiento vertical<\/strong> tambi\u00e9n van a ser tendencia<\/strong> en 2020.<\/p>\n

Este formato consiste en que toda la informaci\u00f3n del sitio se va desplazando de forma vertical sin moverse la pantalla a medida que el usuario hace scroll por la web.<\/p>\n

Navegaci\u00f3n oculta<\/span><\/h3>\n

Otro formato que ver\u00e1s en los pr\u00f3ximos meses es la navegaci\u00f3n oculta<\/strong>, que se trata de elementos que funcionan como un men\u00fa, pero realmente no lo son.<\/p>\n

Es decir, una imagen, icono o bot\u00f3n puede mostrar y enlazar con otros elementos o partes del sitio.<\/p>\n

Barras adhesivas<\/span><\/h3>\n

Otra de las tendencias<\/strong> que ya se han empezado a ver son las barras adhesivas<\/strong>, especialmente si hablamos de un ecommerce.<\/p>\n

Este tipo de elementos que quedan fijos a medida que el usuario se desplaza por el sitio (por el producto en este caso) ayudan a aumentar las conversiones y ventas de la tienda online.<\/p>\n

Otro tipo de sitio en la que es posible usar barras adhesivas son las landing page en las que el usuario tiene que completar una acci\u00f3n espec\u00edfica: comprar una entrada, reservar un producto, registrarse o darse de alta, etc.<\/p>\n

Si vas a usar este recurso, recuerda que no se convierta en algo molesto para el usuario y que no distorsione su navegaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"

Tendencias Dise\u00f1o web 2020 El final de 2019 se acerca y, como cada a\u00f1o, es el momento ideal para analizar cu\u00e1les ser\u00e1n las tendencias de dise\u00f1o web para 2020, un tema que me apasiona. Las tendencias y t\u00e9cnicas creativas son cada vez m\u00e1s exigentes en dise\u00f1o web, por lo que requiere de quienes somos dise\u00f1adores…<\/p>\n","protected":false},"author":1,"featured_media":2439,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[35],"tags":[41,76,78,77],"yoast_head":"\nTendencias Dise\u00f1o web 2020 - Noticias de dise\u00f1o web<\/title>\n<meta name=\"description\" content=\"El final de 2019 se acerca y, como cada a\u00f1o, es el momento ideal para analizar cu\u00e1les ser\u00e1n las tendencias de dise\u00f1o web para 2020, un tema que me apasiona.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tendencias Dise\u00f1o web 2020 - Noticias de dise\u00f1o web\" \/>\n<meta property=\"og:description\" content=\"El final de 2019 se acerca y, como cada a\u00f1o, es el momento ideal para analizar cu\u00e1les ser\u00e1n las tendencias de dise\u00f1o web para 2020, un tema que me apasiona.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/\" \/>\n<meta property=\"og:site_name\" content=\"Noticias de dise\u00f1o web\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-10T11:38:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-03T10:40:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2020\/01\/tendencias-disenoWeb-2020-1024x609.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"609\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Peslam Estudios\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/peslam.com\/noticias\/#organization\",\"name\":\"Peslam Estudios\",\"url\":\"https:\/\/peslam.com\/noticias\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/peslam.com\/noticias\/#logo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2019\/09\/Logo-Peslam-Estudios-Cabecera.png\",\"contentUrl\":\"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2019\/09\/Logo-Peslam-Estudios-Cabecera.png\",\"width\":433,\"height\":96,\"caption\":\"Peslam Estudios\"},\"image\":{\"@id\":\"https:\/\/peslam.com\/noticias\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/peslam.com\/noticias\/#website\",\"url\":\"https:\/\/peslam.com\/noticias\/\",\"name\":\"Noticias de dise\\u00f1o web\",\"description\":\"Dise\\u00f1o de p\\u00e1ginas web\",\"publisher\":{\"@id\":\"https:\/\/peslam.com\/noticias\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/peslam.com\/noticias\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#primaryimage\",\"inLanguage\":\"es\",\"url\":\"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2020\/01\/tendencias-disenoWeb-2020.jpg\",\"contentUrl\":\"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2020\/01\/tendencias-disenoWeb-2020.jpg\",\"width\":5141,\"height\":3055,\"caption\":\"tendencia dise\\u00f1o web 2020\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#webpage\",\"url\":\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/\",\"name\":\"Tendencias Dise\\u00f1o web 2020 - Noticias de dise\\u00f1o web\",\"isPartOf\":{\"@id\":\"https:\/\/peslam.com\/noticias\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#primaryimage\"},\"datePublished\":\"2020-01-10T11:38:49+00:00\",\"dateModified\":\"2020-02-03T10:40:27+00:00\",\"description\":\"El final de 2019 se acerca y, como cada a\\u00f1o, es el momento ideal para analizar cu\\u00e1les ser\\u00e1n las tendencias de dise\\u00f1o web para 2020, un tema que me apasiona.\",\"breadcrumb\":{\"@id\":\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/peslam.com\/noticias\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tendencias Dise\\u00f1o web 2020\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#webpage\"},\"author\":{\"@id\":\"https:\/\/peslam.com\/noticias\/#\/schema\/person\/1b6bceaa1a6e7a289c70dc8ceb94d880\"},\"headline\":\"Tendencias Dise\\u00f1o web 2020\",\"datePublished\":\"2020-01-10T11:38:49+00:00\",\"dateModified\":\"2020-02-03T10:40:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#webpage\"},\"wordCount\":613,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/peslam.com\/noticias\/#organization\"},\"image\":{\"@id\":\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2020\/01\/tendencias-disenoWeb-2020.jpg\",\"keywords\":[\"Dise\\u00f1o web\",\"dise\\u00f1o web 2020\",\"programacion 2020\",\"tendencias web\"],\"articleSection\":[\"Tendencias\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/peslam.com\/noticias\/#\/schema\/person\/1b6bceaa1a6e7a289c70dc8ceb94d880\",\"name\":\"Peslam Estudios\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/peslam.com\/noticias\/#personlogo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/056f1df64d2dc7c4e704e1c2ec3f786a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/056f1df64d2dc7c4e704e1c2ec3f786a?s=96&d=mm&r=g\",\"caption\":\"Peslam Estudios\"},\"url\":\"https:\/\/peslam.com\/noticias\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tendencias Dise\u00f1o web 2020 - Noticias de dise\u00f1o web","description":"El final de 2019 se acerca y, como cada a\u00f1o, es el momento ideal para analizar cu\u00e1les ser\u00e1n las tendencias de dise\u00f1o web para 2020, un tema que me apasiona.","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:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/","og_locale":"es_ES","og_type":"article","og_title":"Tendencias Dise\u00f1o web 2020 - Noticias de dise\u00f1o web","og_description":"El final de 2019 se acerca y, como cada a\u00f1o, es el momento ideal para analizar cu\u00e1les ser\u00e1n las tendencias de dise\u00f1o web para 2020, un tema que me apasiona.","og_url":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/","og_site_name":"Noticias de dise\u00f1o web","article_published_time":"2020-01-10T11:38:49+00:00","article_modified_time":"2020-02-03T10:40:27+00:00","og_image":[{"width":1024,"height":609,"path":"2020\/01\/tendencias-disenoWeb-2020-1024x609.jpg","url":"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2020\/01\/tendencias-disenoWeb-2020-1024x609.jpg","size":"large","id":2439,"alt":"tendencia dise\u00f1o web 2020","pixels":623616,"type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Peslam Estudios","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/peslam.com\/noticias\/#organization","name":"Peslam Estudios","url":"https:\/\/peslam.com\/noticias\/","sameAs":[],"logo":{"@type":"ImageObject","@id":"https:\/\/peslam.com\/noticias\/#logo","inLanguage":"es","url":"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2019\/09\/Logo-Peslam-Estudios-Cabecera.png","contentUrl":"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2019\/09\/Logo-Peslam-Estudios-Cabecera.png","width":433,"height":96,"caption":"Peslam Estudios"},"image":{"@id":"https:\/\/peslam.com\/noticias\/#logo"}},{"@type":"WebSite","@id":"https:\/\/peslam.com\/noticias\/#website","url":"https:\/\/peslam.com\/noticias\/","name":"Noticias de dise\u00f1o web","description":"Dise\u00f1o de p\u00e1ginas web","publisher":{"@id":"https:\/\/peslam.com\/noticias\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/peslam.com\/noticias\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"ImageObject","@id":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#primaryimage","inLanguage":"es","url":"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2020\/01\/tendencias-disenoWeb-2020.jpg","contentUrl":"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2020\/01\/tendencias-disenoWeb-2020.jpg","width":5141,"height":3055,"caption":"tendencia dise\u00f1o web 2020"},{"@type":"WebPage","@id":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#webpage","url":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/","name":"Tendencias Dise\u00f1o web 2020 - Noticias de dise\u00f1o web","isPartOf":{"@id":"https:\/\/peslam.com\/noticias\/#website"},"primaryImageOfPage":{"@id":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#primaryimage"},"datePublished":"2020-01-10T11:38:49+00:00","dateModified":"2020-02-03T10:40:27+00:00","description":"El final de 2019 se acerca y, como cada a\u00f1o, es el momento ideal para analizar cu\u00e1les ser\u00e1n las tendencias de dise\u00f1o web para 2020, un tema que me apasiona.","breadcrumb":{"@id":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/peslam.com\/noticias\/"},{"@type":"ListItem","position":2,"name":"Tendencias Dise\u00f1o web 2020"}]},{"@type":"Article","@id":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#article","isPartOf":{"@id":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#webpage"},"author":{"@id":"https:\/\/peslam.com\/noticias\/#\/schema\/person\/1b6bceaa1a6e7a289c70dc8ceb94d880"},"headline":"Tendencias Dise\u00f1o web 2020","datePublished":"2020-01-10T11:38:49+00:00","dateModified":"2020-02-03T10:40:27+00:00","mainEntityOfPage":{"@id":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#webpage"},"wordCount":613,"commentCount":0,"publisher":{"@id":"https:\/\/peslam.com\/noticias\/#organization"},"image":{"@id":"https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/peslam.com\/noticias\/wp-content\/uploads\/2020\/01\/tendencias-disenoWeb-2020.jpg","keywords":["Dise\u00f1o web","dise\u00f1o web 2020","programacion 2020","tendencias web"],"articleSection":["Tendencias"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/peslam.com\/noticias\/tendencias-diseno-web-2020\/#respond"]}]},{"@type":"Person","@id":"https:\/\/peslam.com\/noticias\/#\/schema\/person\/1b6bceaa1a6e7a289c70dc8ceb94d880","name":"Peslam Estudios","image":{"@type":"ImageObject","@id":"https:\/\/peslam.com\/noticias\/#personlogo","inLanguage":"es","url":"https:\/\/secure.gravatar.com\/avatar\/056f1df64d2dc7c4e704e1c2ec3f786a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/056f1df64d2dc7c4e704e1c2ec3f786a?s=96&d=mm&r=g","caption":"Peslam Estudios"},"url":"https:\/\/peslam.com\/noticias\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/posts\/2431"}],"collection":[{"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/comments?post=2431"}],"version-history":[{"count":8,"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/posts\/2431\/revisions"}],"predecessor-version":[{"id":2656,"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/posts\/2431\/revisions\/2656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/media\/2439"}],"wp:attachment":[{"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/media?parent=2431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/categories?post=2431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/peslam.com\/noticias\/wp-json\/wp\/v2\/tags?post=2431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}