{"id":30387,"date":"2020-01-17T03:51:50","date_gmt":"2020-01-17T11:51:50","guid":{"rendered":"https:\/\/kinsta.com\/?p=63943"},"modified":"2025-02-26T14:36:08","modified_gmt":"2025-02-26T13:36:08","slug":"principales-tendencias-de-diseno-web","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/","title":{"rendered":"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/es\/blog\/mejores-practicas-diseno-web\/\">El dise\u00f1o web est\u00e1 en constante evoluci\u00f3n<\/a>. A medida que la tecnolog\u00eda se hace m\u00e1s poderosa y los dise\u00f1adores experimentan con nuevos estilos, cada a\u00f1o se presenta un conjunto \u00fanico de tendencias emocionantes en el mundo en l\u00ednea. A partir de los dise\u00f1os que han surgido en los \u00faltimos a\u00f1os, as\u00ed como de la nueva tecnolog\u00eda que se est\u00e1 desarrollando, es posible predecir lo que vendr\u00e1 en el transcurso del a\u00f1o 2020.<\/p>\n<p>Recapitulemos los \u00faltimos a\u00f1os en el dise\u00f1o web y examinemos los estilos emergentes, para que pueda saber qu\u00e9 esperar en el pr\u00f3ximo a\u00f1o nuevo y m\u00e1s all\u00e1.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>\u00bfPor qu\u00e9 seguir las tendencias?<\/h2>\n<p>No todas las modas de dise\u00f1o web son viables, eso es seguro. Hay un momento y un lugar para todo, y revisar su sitio web sin motivo alguno puede hacer m\u00e1s da\u00f1o que bien, especialmente cuando se trata del coste de la <a href=\"https:\/\/kinsta.com\/es\/blog\/prueba-usabilidad-sitio-web\/\">usabilidad y la UX<\/a>.<\/p>\n<p>Pero aunque no deber\u00eda ir a hacer un lavado de cara a su sitio sin considerarlo seriamente, definitivamente hay alg\u00fan m\u00e9rito en mantenerse al d\u00eda con las tendencias de dise\u00f1o web, especialmente aquellas basadas en los avances de la tecnolog\u00eda.<\/p>\n<p>Por ejemplo, si todav\u00eda no has o\u00eddo hablar de los <a href=\"https:\/\/kinsta.com\/es\/blog\/chatbot\/\">chatbots de IA<\/a>, las aplicaciones web progresivas o la cuadr\u00edcula de CSS, podr\u00eda estar usando tecnolog\u00eda obsoleta que se est\u00e1 haciendo perder las conversiones. Piense en lo revolucionario que fue el <a href=\"https:\/\/kinsta.com\/es\/blog\/diseno-de-paginas-web-sensibles\/\" target=\"_blank\" rel=\"noopener noreferrer\">dise\u00f1o de respuesta<\/a> a Internet; no querr\u00e1 ser el \u00faltimo en subir a bordo la pr\u00f3xima vez que un desarrollo como ese suceda de nuevo.<\/p>\n<p>Y aunque las tendencias sean puramente est\u00e9ticas, sigue siendo conveniente mantenerse al d\u00eda. Por ejemplo, un sitio web blanco, limpio y sencillo puede ser funcional. Pero con el estilo m\u00e1s vanguardista que el dise\u00f1o web ha adoptado en los \u00faltimos a\u00f1os, los usuarios tambi\u00e9n lo encuentran bastante aburrido.<\/p>\n<p>Incluso peque\u00f1os cambios como a\u00f1adir m\u00e1s color, rejillas rotas o animaciones de micro-interacci\u00f3n pueden ayudar mucho a mantener su sitio relevante.<\/p>\n<p>Adem\u00e1s, a medida que los dise\u00f1adores web crecen, aprenden y se adaptan a las nuevas tecnolog\u00edas, algunos de estos avances y tendencias son muy positivos en cuanto a la belleza y la funcionalidad. Piense en c\u00f3mo se ve\u00edan y funcionaban los sitios hace 20 o incluso 10 a\u00f1os&#8230; hemos recorrido un largo camino, y a\u00fan tenemos mucho por recorrer.<\/p>\n<p>Si ve una tendencia de dise\u00f1o web moderno que se ajusta a su marca, y ayuda o al menos no perjudica la usabilidad, puede que valga la pena subir a bordo.<\/p>\n<h2>Recapitulando: Tendencias de dise\u00f1o web 2018<\/h2>\n<p>Con el 2020 ya aqu\u00ed, el 2018 parece cada vez m\u00e1s lejano. Pero sus tendencias siguen impactando en la web, incluso cuando surgen nuevos estilos, y como muchos de ellos siguen siendo relevantes para el dise\u00f1o moderno, es bueno mirar atr\u00e1s y ver lo lejos que hemos llegado.<\/p>\n<p>El dise\u00f1o web se ha alejado de la simplicidad minimalista y se ha acercado al individualismo audaz durante algunos a\u00f1os, pero todo lleg\u00f3 a su punto \u00e1lgido en 2018. A\u00fan podemos sentir los efectos, y el Internet seguramente continuar\u00e1 pobl\u00e1ndose de estilos originales y \u00fanicos.<\/p>\n<h3>Ilustraciones 2D, Animaci\u00f3n 3D<\/h3>\n<figure style=\"width: 1197px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/2d-3d-2.png\" alt=\"Un ejemplo de una ilustraci\u00f3n en 2D\" width=\"1197\" height=\"739\"><figcaption class=\"wp-caption-text\">Un ejemplo de una ilustraci\u00f3n en 2D (Fuente: Nomadic Tribe)<\/figcaption><\/figure>\n<p>Las ilustraciones son una de las mejores formas de transmitir la personalidad y los dibujos 2D han ido apareciendo cada vez m\u00e1s. Son excelentes para la marca y hacen que su sitio web sea mucho m\u00e1s memorable, as\u00ed que no es ninguna sorpresa. Un sitio web con ilustraciones sorprendentes no es probable que se olvide.<\/p>\n<p>La animaci\u00f3n de fondo en 3D tambi\u00e9n se hizo m\u00e1s popular, gracias al aumento de la potencia de los navegadores, la tecnolog\u00eda de animaci\u00f3n y los dispositivos como computadoras y tel\u00e9fonos. Especialmente comunes en <a href=\"https:\/\/kinsta.com\/es\/blog\/portafolio-online\/\">los sitios web de portafolios y agencias<\/a>, las animaciones 3D captan la atenci\u00f3n instant\u00e1neamente y proporcionan oportunidades para una divertida interactividad de la interfaz de usuario.<\/p>\n<p>En el futuro, las ilustraciones y animaciones hechas a mano seguir\u00e1n creciendo en popularidad. Presumen de la personalidad de su marca de una manera que nada m\u00e1s puede (y <a href=\"https:\/\/kinsta.com\/es\/blog\/estrategia-contenido-visual\/\">se demostr\u00f3 que funciona como una estrategia<\/a>).<\/p>\n<h3>Sutileza, planicie y minimalismo<\/h3>\n<figure style=\"width: 1325px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/webflow-1.png\" alt=\"webflow\" width=\"1325\" height=\"841\"><figcaption class=\"wp-caption-text\">El dise\u00f1o plano fue bastante popular (Fuente: Webflow)<\/figcaption><\/figure>\n<p>A pesar de los avances hacia estilos m\u00e1s originales y destacados, el minimalismo sigui\u00f3 dominando en Internet. La simplicidad limpia es indiscutiblemente atractiva, e incluso en sitios que presentaban colores m\u00e1s brillantes o elementos experimentales, a menudo iba acompa\u00f1ada de un dise\u00f1o plano.<\/p>\n<p>Sin embargo, \u00abFlat 2.0\u00bb, o dise\u00f1o semi-plano, ech\u00f3 ra\u00edces m\u00e1s fuertes con su uso de sombras, gradientes y otros elementos ligeramente m\u00e1s complejos. Mientras exista el minimalismo, los dise\u00f1adores encontrar\u00e1n la manera de darle un giro.<\/p>\n<p>Las animaciones sutiles tambi\u00e9n fueron una gran parte del 2018, con ligeros paralajes y suaves efectos de vuelo que aparecen por todas partes. Esto permiti\u00f3 que los sitios web minimalistas mantuvieran su simplicidad mientras que el dise\u00f1o general era mucho m\u00e1s bonito.<\/p>\n<h3>Dise\u00f1o Geom\u00e9trico<\/h3>\n<p>La mayor\u00eda de los sitios incluyen pol\u00edgonos y geometr\u00eda hasta cierto punto, pero el dise\u00f1o geom\u00e9trico fue una gran parte de las tendencias de 2018. Los sitios fueron hechos solamente alrededor de formas simples como cuadrados, rect\u00e1ngulos y l\u00edneas, y tambi\u00e9n se presentaron en detalles m\u00e1s peque\u00f1os como botones o cajas decorativas.<\/p>\n<p>Una gran parte de esto fueron formas geom\u00e9tricas org\u00e1nicas, o aquellas que son algo irregulares e imperfectas. A menudo presentan esquinas suaves y asimetr\u00eda, y su aspecto inusual es bastante interesante. Las esquinas afiladas de los pol\u00edgonos y los bordes redondeados de la geometr\u00eda org\u00e1nica se combinaban a menudo para crear un contraste visualmente atractivo.<\/p>\n<figure style=\"width: 1210px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/giftrocket-2.png\" alt=\"Los dise\u00f1os geom\u00e9tricos dominaron el d\u00eda\" width=\"1210\" height=\"774\"><figcaption class=\"wp-caption-text\">Los dise\u00f1os geom\u00e9tricos dominaron el d\u00eda (Fuente: GiftRocket)<\/figcaption><\/figure>\n<h3>Colores brillantes y atrevidos<\/h3>\n<p>El Internet que una vez fue simple y blanco ahora est\u00e1 repleto de colores, paletas vibrantes y aventureras en cada esquina. Los d\u00edas de uno o dos tonos apagados en cada <a href=\"https:\/\/kinsta.com\/es\/blog\/combinaciones-colores-sitios-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">combinaci\u00f3n de colores<\/a> se est\u00e1n desvaneciendo, las paletas brillantes y atrevidas toman r\u00e1pidamente su lugar.<\/p>\n<p>Los gradientes aparecieron por todas partes y siguen siendo una opci\u00f3n popular incluso hoy en d\u00eda, sus intensos y vibrantes colores llenan los encabezados de muchos sitios prominentes.<\/p>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/spotify-1.png\" alt=\"spotify\" width=\"1211\" height=\"822\"><figcaption class=\"wp-caption-text\">Los colores vivos hablan por s\u00ed solos (Fuente: Spotify)<\/figcaption><\/figure>\n<p>Junto a las <a href=\"https:\/\/kinsta.com\/es\/blog\/combinaciones-colores-sitios-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">animaciones de colores<\/a> vivos, tambi\u00e9n se incluyen los efectos de distorsi\u00f3n y de fallos, as\u00ed como las animaciones brillantes y parpadeantes que aparecen en muchas de las carteras de dise\u00f1adores y desarrolladores. Aunque su popularidad ha disminuido un poco, todav\u00eda se pueden encontrar en toda la web.<\/p>\n<h3>Dise\u00f1o de la red de suministro<\/h3>\n<figure style=\"width: 1221px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/startup-lab-1.png\" alt=\"startup lab\" width=\"1221\" height=\"803\"><figcaption class=\"wp-caption-text\">Todos saludan a la rejilla rota (Fuente: Startup Lab)<\/figcaption><\/figure>\n<p>La mayor\u00eda de los sitios web est\u00e1n construidos en una sencilla disposici\u00f3n basada en una cuadr\u00edcula, con elementos divididos ordenadamente en secciones. El dise\u00f1o de la malla rota rompe esa expectativa, superponiendo elementos y arrojando simetr\u00eda por la ventana. Esta disposici\u00f3n poco convencional es una de las formas m\u00e1s notables de romper el molde y sobresalir.<\/p>\n<p>Otro estilo que llam\u00f3 mucho la atenci\u00f3n fue el dise\u00f1o de pantalla dividida, una t\u00e9cnica que dividi\u00f3 la pantalla en dos paneles, cada uno con su propio <a href=\"https:\/\/kinsta.com\/es\/secciones\/estrategia-de-contenidos\/\">contenido<\/a>. En general, los dise\u00f1os se volvieron mucho m\u00e1s interesantes.<\/p>\n<h3>La IA y el aprendizaje autom\u00e1tico<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/es\/blog\/etadisticas-ecommerce\/\">Los chatbots son un gran problema<\/a>. Estos ingeniosos programas responden din\u00e1micamente a los clientes, automatizando parcial o totalmente el proceso de soporte o compra. El aprendizaje autom\u00e1tico les permite examinar los datos y aprender a responder a las preguntas y comentarios, y quitarle parte de la carga de trabajo a sus agentes de soporte humano.<\/p>\n<p>Pero esto es s\u00f3lo el principio. A medida que la tecnolog\u00eda contin\u00faa avanzando, la IA y el aprendizaje autom\u00e1tico est\u00e1n destinados a integrarse a\u00fan m\u00e1s con los sistemas en l\u00ednea.<\/p>\n<h3>El ascenso del Brutalismo<\/h3>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/the-outline-1.png\" alt=\"the outline\" width=\"1211\" height=\"807\"><figcaption class=\"wp-caption-text\">El brutalismo es duro para los ojos pero hace una declaraci\u00f3n (Fuente: The Outline)<\/figcaption><\/figure>\n<p>El brutalismo no es bonito, pero su extra\u00f1o atractivo se ha ganado el coraz\u00f3n de muchos. Caracterizado por colores chillones, opciones anti-UX y dise\u00f1o en todas partes, el brutalismo anima a los dise\u00f1adores a volverse locos y crear un sitio que desaf\u00eda las expectativas. Usted debe esperar ver m\u00e1s de este estilo no uniforme en el futuro.<\/p>\n<h3>Narraci\u00f3n de cuentos con dise\u00f1o web<\/h3>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/atlassian.png\" alt=\"atlassian\" width=\"1211\" height=\"803\"><figcaption class=\"wp-caption-text\">El dise\u00f1o puede ser usado para contar una historia (Source: Atlassian)<\/figcaption><\/figure>\n<p>Los medios visuales son una de las mejores formas de transmitir informaci\u00f3n de manera efectiva, ya sea que se trate de contar una historia o hacer que muchos datos sean legibles para el ser humano. Los dise\u00f1adores web cuentan sus historias a trav\u00e9s de <a href=\"https:\/\/kinsta.com\/es\/blog\/mejores-herramientas-para-freelancers\/#design-tools\">encantadoras ilustraciones y visualizaci\u00f3n de datos<\/a>, con dise\u00f1os interactivos y visuales que hacen que su mensaje sea m\u00e1s atractivo y f\u00e1cil de entender.<\/p>\n<h2>Las mayores tendencias de dise\u00f1o web de 2019<\/h2>\n<p>2019 comparti\u00f3 muchas tendencias de dise\u00f1o web con 2018, como el dise\u00f1o de rejillas rotas y paletas de colores atrevidos. Pero las cosas se han vuelto a\u00fan m\u00e1s locas, con mucha experimentaci\u00f3n por parte de dise\u00f1adores audaces.<\/p>\n<p>El tema de la carrera para el 2019: el incumplimiento de las reglas. Minimalismo blanco, plano, basado en cuadr\u00edculas fuera, asimetr\u00eda brillante y audaz dentro. Mientras que el dise\u00f1o limpio y los espacios en blanco siempre ser\u00e1n un gran contendiente, los dise\u00f1adores est\u00e1n m\u00e1s dispuestos a probar cosas nuevas \u00faltimamente. Estamos viendo que muchos de ellos contin\u00faan con toda su fuerza en el a\u00f1o 2020.<\/p>\n<h3>Vibraci\u00f3n y experimentaci\u00f3n de color<\/h3>\n<figure style=\"width: 1221px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/fotonaut-1.png\" alt=\"fotonaut\" width=\"1221\" height=\"807\"><figcaption class=\"wp-caption-text\">Dominaron los colores vibrantes (Fuente: Fotonaut)<\/figcaption><\/figure>\n<p>El Internet se est\u00e1 volviendo m\u00e1s colorido. Los gradientes son comunes ahora, y los sitios web a menudo tienen paletas brillantes y llamativas que no se conoc\u00edan hace unos a\u00f1os. Las paletas en s\u00ed son m\u00e1s experimentales, rompiendo el molde habitual de colores complementarios o contrastantes y yendo por todas partes.<\/p>\n<p>Los sitios ya no tienen el mismo uno o dos colores simples y apagados. Suaves pasteles, tonos brillantes y paletas de cualquier tama\u00f1o est\u00e1n tomando el control. Contraste n\u00edtido, sutileza suave y paletas llenas de personalidad se mezclan para hacer que Internet sea mucho m\u00e1s diverso.<\/p>\n<p>El monocromo tambi\u00e9n es una gran moda en este momento. Esto a menudo toma la forma de sitios web totalmente en blanco y negro o en escala de grises con una est\u00e9tica oscura, pero tambi\u00e9n puede encontrar sitios hechos \u00fanicamente alrededor de un solo color.<\/p>\n<h3>M\u00e1s ilustraciones<\/h3>\n<figure style=\"width: 1205px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/absurd-1.png\" alt=\"absurd\" width=\"1205\" height=\"797\"><figcaption class=\"wp-caption-text\">Las ilustraciones todav\u00eda eran populares (Fuente: absurdo)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/es\/blog\/estrategia-contenido-visual\/\">Las ilustraciones y el contenido visual<\/a> tambi\u00e9n fueron grandes en 2018, pero han seguido evolucionando. Los artistas se est\u00e1n alejando del estilo t\u00edpico y simplista de ilustraci\u00f3n que la mayor\u00eda de los sitios est\u00e1n empleando, y est\u00e1n probando algo un poco diferente.<\/p>\n<p>Una tendencia emergente es el arte exc\u00e9ntrico y l\u00fadico que se desv\u00eda de la normalidad y prueba un estilo m\u00e1s abstracto y aleatorio. Estas ilustraciones ignoran los l\u00edmites t\u00edpicos y no temen en absoluto mostrar la personalidad de sus creadores.<\/p>\n<p>Las ilustraciones en 3D tambi\u00e9n son muy populares. Es s\u00f3lo un peque\u00f1o giro en la tendencia de las obras de arte en su mayor\u00eda planas, pero le da mucha vida nueva. Algunas de ellas son obras de arte en 2D dibujadas para parecer 3D, mientras que otras son verdaderos renders tridimensionales. De cualquier manera, est\u00e1n ganando tracci\u00f3n r\u00e1pidamente junto con las animaciones web en 3D.<\/p>\n<figure style=\"width: 1191px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/jet-style-1.png\" alt=\"jet style\" width=\"1191\" height=\"735\"><figcaption class=\"wp-caption-text\">Y las ilustraciones en 3D causaron impacto (Fuente: Jet Style)<\/figcaption><\/figure>\n<p>Por \u00faltimo, pero no menos importante en la tendencia ilustrada es la animaci\u00f3n. El arte animado atrae la atenci\u00f3n de forma instant\u00e1nea y a\u00f1ade una capa extra de personalidad a una forma de arte que ya es bastante expresiva. Tanto el arte animado en 2D como en 3D continuar\u00e1 creciendo a medida que esta moda gane atenci\u00f3n.<\/p>\n<h3>Dise\u00f1o atrevido<\/h3>\n<p>El dise\u00f1o de la web 2019 se puede encapsular en tres palabras: grande y negrita. Cuanto m\u00e1s grande y m\u00e1s experimental sea, mejor, sobre todo cuando el resultado final es llamativo y exige una atenci\u00f3n instant\u00e1nea.<\/p>\n<p>El dise\u00f1o web brutalista sigue siendo fuerte, con <a href=\"https:\/\/brutalistwebsites.com\/\">sitios web enteros<\/a> dedicados a recoger lo mejor del brutalismo. La forma de arte cruda, fea y antiusuario ciertamente hace una declaraci\u00f3n: el dise\u00f1o web siempre ha sido \u00fanicamente sobre la creaci\u00f3n de una buena experiencia de usuario, pero el brutalismo busca convertirlo en una pieza de arte. No est\u00e1 claro cu\u00e1nto tiempo durar\u00e1 el brutalismo, pero la tendencia todav\u00eda tiene un \u00e1vido seguimiento.<\/p>\n<figure style=\"width: 1213px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/visualbox-1.png\" alt=\"El brutalismo sigue dominando\" width=\"1213\" height=\"797\"><figcaption class=\"wp-caption-text\">El brutalismo sigue dominando (Fuente: Visualbox)<\/figcaption><\/figure>\n<p>Parece que todo se est\u00e1 agrandando, pero el mayor impacto de esto ha sido en la tipograf\u00eda y la navegaci\u00f3n. No es raro ver textos que llenan casi por completo la pantalla, o incluso dise\u00f1os realizados \u00fanicamente en torno a la tipograf\u00eda, con pocas o ninguna imagen.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/es\/blog\/fuentes-wordpress\/\">Las fuentes<\/a> tambi\u00e9n se est\u00e1n volviendo <a href=\"https:\/\/kinsta.com\/es\/blog\/fuentes-modernas\/\">m\u00e1s creativas<\/a>, especialmente gracias a las<a href=\"https:\/\/www.colorfonts.wtf\/\"> fuentes de color<\/a>, que hacen que la personalizaci\u00f3n y el renderizado de fuentes que parecen haber sido mejoradas en Photoshop sea finalmente una posibilidad. La tipograf\u00eda como punto de enfoque es ahora un m\u00e9todo viable de dise\u00f1o web.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/es\/blog\/plugins-de-menu-de-wordpress\/\">La navegaci\u00f3n tambi\u00e9n se est\u00e1 expandiendo<\/a>. Los delicados navegadores de cabecera y los elegantes men\u00fas desplegables o de hamburguesa est\u00e1n siendo reemplazados por pantallas dominantes, con pantallas enteras dedicadas a la navegaci\u00f3n, de nuevo a menudo centradas en torno a una enorme tipograf\u00eda. En esta gu\u00eda detallada, podr\u00e1s aprender m\u00e1s sobre las <a href=\"https:\/\/kinsta.com\/es\/blog\/navegacion-del-sitio-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">mejores pr\u00e1cticas de navegaci\u00f3n en el sitio web<\/a>.<\/p>\n<figure style=\"width: 1217px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/tribu-1.png\" alt=\"tribu\" width=\"1217\" height=\"803\"><figcaption class=\"wp-caption-text\">Los dise\u00f1os de los encabezados tambi\u00e9n han tenido un impacto (Fuente: Tribu)<\/figcaption><\/figure>\n<p>Busca tambi\u00e9n cabeceras de v\u00eddeo animadas de h\u00e9roes, fondos animados y, en general, m\u00e1s <a href=\"https:\/\/kinsta.com\/es\/blog\/integrar-incrustar-youtube-video-wordpress\/\">contenido de v\u00eddeo <\/a>en las p\u00e1ginas web. Los elementos de v\u00eddeo sol\u00edan ser una preocupaci\u00f3n, ya que eran lentos de cargar y consum\u00edan datos m\u00f3viles limitados, pero un hardware m\u00e1s potente y las im\u00e1genes de reserva significan que ahora puede utilizar los v\u00eddeos en cualquier lugar. Ese hermoso sitio web con un fondo animado a pantalla completa, que una vez fue una rareza, est\u00e1 a punto de volverse m\u00e1s com\u00fan.<\/p>\n<h3>Asimetr\u00eda<\/h3>\n<figure style=\"width: 1223px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/new-flight-1.png\" alt=\"La asimetr\u00eda sigue siendo muy popular\" width=\"1223\" height=\"801\"><figcaption class=\"wp-caption-text\">La asimetr\u00eda sigue siendo muy popular (Fuente: New Flight)<\/figcaption><\/figure>\n<p>El dise\u00f1o de rejilla rota sigue siendo muy popular. Los sitios web a menudo eligen evitar los dise\u00f1os t\u00edpicos y optan por algo m\u00e1s art\u00edstico, con muchas piezas y elementos superpuestos por toda la pantalla. Es un estilo dif\u00edcil de conseguir, pero se ve incre\u00edble una vez que lo clavas.<\/p>\n<p>Pero para aquellos que no est\u00e1n interesados en romper completamente el molde, un poco de asimetr\u00eda es una alternativa aceptable. Los dise\u00f1os de pantalla dividida asim\u00e9trica son especialmente populares, incluso si estos sitios todav\u00eda se adhieren a una cuadr\u00edcula.<\/p>\n<p>Hablando de cuadr\u00edculas, la cuadr\u00edcula CSS es un complemento super potente de CSS que funciona en dos dimensiones, columnas y filas, y le permite crear f\u00e1cilmente dise\u00f1os de sitios web desde cero. <a href=\"https:\/\/kinsta.com\/es\/blog\/css-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Con un poco de magia de CSS<\/a> tambi\u00e9n puede crear una cuadr\u00edcula rota, as\u00ed que todo es posible. Los dise\u00f1adores y desarrolladores web est\u00e1n comenzando a interesarse por la grilla de CSS, as\u00ed que no se lo pierda.<\/p>\n<h3>More Effects and Animations<\/h3>\n<figure style=\"width: 1213px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/3h-i-1.png\" alt=\"3h-i\" width=\"1213\" height=\"785\"><figcaption class=\"wp-caption-text\">Las animaciones pueden tener un impacto positivo en el dise\u00f1o de la interfaz de usuario y la interfaz de usuario (Fuente: 3H-i)<\/figcaption><\/figure>\n<p>Aunque el brutalismo se est\u00e1 convirtiendo en algo com\u00fan en algunos rincones de la web, el resto se est\u00e1 centrando en el dise\u00f1o de la interfaz de usuario (UI\/UX): crear una interfaz m\u00e1s bonita y, al mismo tiempo, mejorar la experiencia del usuario.<\/p>\n<p>Una gran parte de esto es en micro-interacciones. Piense en colocar un producto en una <a href=\"https:\/\/kinsta.com\/es\/blog\/woocommerce-vs-shopify\/\">tienda<\/a> o en jugar con un fondo interactivo y animado. Estas peque\u00f1as animaciones hacen que un sitio web sea m\u00e1s entretenido para navegar y aportan alegr\u00eda a las peque\u00f1as interacciones como hacer clic y flotar. Algunos sitios incluso han llegado a implementar minijuegos muy bonitos.<\/p>\n<p>Pero no todo es por diversi\u00f3n. Las micro-interacciones a menudo sirven para el mismo prop\u00f3sito que la animaci\u00f3n sutil com\u00fan: dirigen la atenci\u00f3n del usuario hacia elementos importantes de la interfaz de usuario. Y la sobreimplementaci\u00f3n puede volverse rancia r\u00e1pidamente, por lo que es un juego de averiguar el n\u00famero ideal de animaciones a incluir en su sitio web.<\/p>\n<p>Los efectos de desplazamiento y paralaje son, por supuesto, tan populares como siempre y pueden a\u00f1adir un aspecto de capas din\u00e1micas a una p\u00e1gina y hacerla mucho m\u00e1s interesante.<\/p>\n<p>Adem\u00e1s, busque los cursores personalizados. Antes se ve\u00edan muy pocas veces fuera de los peque\u00f1os blogs o sitios para ni\u00f1os, pero ahora son una opci\u00f3n popular, especialmente para los sitios construidos alrededor de fondos animados en 3D o de navegaci\u00f3n. Un elegante cursor personalizado puede realmente mejorar su est\u00e9tica.<\/p>\n<h3>Espacio en blanco<\/h3>\n<figure style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/apple-1-1.png\" alt=\"apple iPhone\" width=\"1604\" height=\"954\"><figcaption class=\"wp-caption-text\">Los espacios en blanco siguen ganando (Fuente: Apple)<\/figcaption><\/figure>\n<p>Como siempre, los espacios en blanco y el dise\u00f1o limpio seguir\u00e1n teniendo un lugar en las tendencias del dise\u00f1o web. Sencillo y limpio es una elecci\u00f3n segura: hay una raz\u00f3n por la que este estilo est\u00e1 presente en casi todos los sitios web modernos.<\/p>\n<p>Pero incluso si usted est\u00e1 apuntando a un enfoque m\u00e1s audaz y \u00fanico, el espacio en blanco sigue siendo algo que debe trabajar. <a href=\"https:\/\/kinsta.com\/es\/blog\/ejemplos-de-sitios-wordpress\/\">Cada sitio<\/a> necesita un respiro, y el espacio en blanco puede ser usado para resaltar y enfatizar cuidadosamente las im\u00e1genes u otros contenidos.<\/p>\n<p>Se puede utilizar mucho espacio en blanco con gran efecto, dejando partes enteras de la pantalla vac\u00edas para dar a los elementos importantes mucho espacio. El m\u00e1ximo espacio en blanco es un estilo que probablemente continuar\u00e1 a lo largo de los pr\u00f3ximos a\u00f1os.<\/p>\n<h3>Aplicaciones Web progresivas<\/h3>\n<p>La pr\u00f3xima gran novedad en el dise\u00f1o de m\u00f3viles: las aplicaciones web progresivas. Estas plataformas basadas en la web est\u00e1n construidas sobre c\u00f3digo como <a href=\"https:\/\/kinsta.com\/es\/blog\/editar-codigo-wordpress\/\">HTML<\/a> y <a href=\"https:\/\/kinsta.com\/es\/blog\/eliminar-bloqueadores-de-visualizacion\/\">JavaScript<\/a>, pero funcionan y act\u00faan como mini-aplicaciones para los usuarios m\u00f3viles. Est\u00e1n hechos para ofrecer la experiencia de una aplicaci\u00f3n sin necesidad de que se construyan con tecnolog\u00eda m\u00f3vil o se publiquen en la tienda de aplicaciones.<\/p>\n<p>Los PWAs trabajan sin conexi\u00f3n, pueden enviar notificaciones y estar anclados en la pantalla de inicio, pero no es necesario descargar o distribuir nada. Son ligeros y se <a href=\"https:\/\/kinsta.com\/es\/aprender\/optimizacion-de-velocidad-del-sitio\/\">cargan r\u00e1pido<\/a> tambi\u00e9n, por lo que no ocupan demasiado ancho de banda.<\/p>\n<p>Incluso Twitter se ha metido en las PWAs, desarrollando Twitter Lite como una soluci\u00f3n para aquellos con velocidades de Internet lentas. Y terminaron integrando el sistema directamente en su interfaz principal. Eso es un testamento de lo bien que funciona esta tecnolog\u00eda.<\/p>\n<p>Si a\u00fan no ha o\u00eddo hablar de las aplicaciones web progresivas, definitivamente deber\u00eda investigar un poco. Construir uno podr\u00eda hacer que las experiencias de los usuarios m\u00f3viles sean mucho m\u00e1s fluidas.<\/p>\n\n<h2>Resumen<\/h2>\n<p>Los a\u00f1os 2018 y 2019 han sido muy emocionantes para el mundo de Internet. El a\u00f1o 2020 ya est\u00e1 trayendo consigo dise\u00f1os a\u00fan m\u00e1s aventureros. Los elementos que rompen las reglas, como la asimetr\u00eda, los colores brillantes, el brutalismo y las animaciones llamativas seguir\u00e1n creciendo en popularidad durante los pr\u00f3ximos a\u00f1os.<\/p>\n<p>\u00bfQui\u00e9n sabe lo que podr\u00eda venir despu\u00e9s? Seguramente nos esperan nuevos estilos de arte a\u00fan m\u00e1s poco convencionales.<\/p>\n<p>Si a\u00fan no se ha puesto al d\u00eda, puede que sea el momento de reimaginar algunos de sus dise\u00f1os y captar estas nuevas tendencias. Espere <a href=\"https:\/\/kinsta.com\/es\/blog\/ejemplos-de-sitios-wordpress\/\">ver que las marcas<\/a> y los dise\u00f1adores empiecen a expresarse realmente y que Internet se vuelva mucho m\u00e1s vibrante e interesante.<\/p>\n<p>Es probable que la pr\u00f3xima d\u00e9cada de dise\u00f1o web se caracterice por la toma de riesgos y la innovaci\u00f3n, as\u00ed que aseg\u00farese de que est\u00e1 listo para mantenerse al d\u00eda.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o web est\u00e1 en constante evoluci\u00f3n. A medida que la tecnolog\u00eda se hace m\u00e1s poderosa y los dise\u00f1adores experimentan con nuevos estilos, cada a\u00f1o se &#8230;<\/p>\n","protected":false},"author":20,"featured_media":30404,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[663,664],"topic":[1358,1334],"class_list":["post-30387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-trends","tag-web-design","topic-diseno-sitios-web-wordpress","topic-diseno-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)<\/title>\n<meta name=\"description\" content=\"\u00bfC\u00f3mo est\u00e1 evolucionando el mundo del dise\u00f1o web? Una mirada en profundidad y un an\u00e1lisis de las \u00faltimas tendencias en el dise\u00f1o web desde 2018 y 2019 hasta ahora en 2020.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)\" \/>\n<meta property=\"og:description\" content=\"\u00bfC\u00f3mo est\u00e1 evolucionando el mundo del dise\u00f1o web? Una mirada en profundidad y un an\u00e1lisis de las \u00faltimas tendencias en el dise\u00f1o web desde 2018 y 2019 hasta ahora en 2020.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/digitalinkwell\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-17T11:51:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T13:36:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brenda Barron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"\u00bfC\u00f3mo est\u00e1 evolucionando el mundo del dise\u00f1o web? Una mirada en profundidad y un an\u00e1lisis de las \u00faltimas tendencias en el dise\u00f1o web desde 2018 y 2019 hasta ahora en 2020.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@digitalinkwell\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brenda Barron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/\"},\"author\":{\"name\":\"Brenda Barron\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\"},\"headline\":\"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)\",\"datePublished\":\"2020-01-17T11:51:50+00:00\",\"dateModified\":\"2025-02-26T13:36:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/\"},\"wordCount\":3684,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg\",\"keywords\":[\"trends\",\"web design\"],\"articleSection\":[\"Desarrollo de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/\",\"name\":\"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg\",\"datePublished\":\"2020-01-17T11:51:50+00:00\",\"dateModified\":\"2025-02-26T13:36:08+00:00\",\"description\":\"\u00bfC\u00f3mo est\u00e1 evolucionando el mundo del dise\u00f1o web? Una mirada en profundidad y un an\u00e1lisis de las \u00faltimas tendencias en el dise\u00f1o web desde 2018 y 2019 hasta ahora en 2020.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o Web\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/diseno-web\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\",\"name\":\"Brenda Barron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"caption\":\"Brenda Barron\"},\"description\":\"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.\",\"sameAs\":[\"http:\/\/www.thedigitalinkwell.com\/\",\"http:\/\/www.facebook.com\/digitalinkwell\",\"http:\/\/www.linkedin.com\/in\/digitalinkwell\",\"https:\/\/x.com\/digitalinkwell\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/brendabarron\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)","description":"\u00bfC\u00f3mo est\u00e1 evolucionando el mundo del dise\u00f1o web? Una mirada en profundidad y un an\u00e1lisis de las \u00faltimas tendencias en el dise\u00f1o web desde 2018 y 2019 hasta ahora en 2020.","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:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/","og_locale":"es_ES","og_type":"article","og_title":"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)","og_description":"\u00bfC\u00f3mo est\u00e1 evolucionando el mundo del dise\u00f1o web? Una mirada en profundidad y un an\u00e1lisis de las \u00faltimas tendencias en el dise\u00f1o web desde 2018 y 2019 hasta ahora en 2020.","og_url":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_author":"http:\/\/www.facebook.com\/digitalinkwell","article_published_time":"2020-01-17T11:51:50+00:00","article_modified_time":"2025-02-26T13:36:08+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg","type":"image\/jpeg"}],"author":"Brenda Barron","twitter_card":"summary_large_image","twitter_description":"\u00bfC\u00f3mo est\u00e1 evolucionando el mundo del dise\u00f1o web? Una mirada en profundidad y un an\u00e1lisis de las \u00faltimas tendencias en el dise\u00f1o web desde 2018 y 2019 hasta ahora en 2020.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg","twitter_creator":"@digitalinkwell","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Brenda Barron","Tiempo de lectura":"18 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/"},"author":{"name":"Brenda Barron","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d"},"headline":"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)","datePublished":"2020-01-17T11:51:50+00:00","dateModified":"2025-02-26T13:36:08+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/"},"wordCount":3684,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg","keywords":["trends","web design"],"articleSection":["Desarrollo de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/","url":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/","name":"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg","datePublished":"2020-01-17T11:51:50+00:00","dateModified":"2025-02-26T13:36:08+00:00","description":"\u00bfC\u00f3mo est\u00e1 evolucionando el mundo del dise\u00f1o web? Una mirada en profundidad y un an\u00e1lisis de las \u00faltimas tendencias en el dise\u00f1o web desde 2018 y 2019 hasta ahora en 2020.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/principales-tendencias-de-diseno-web.jpg","width":1460,"height":730,"caption":"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/principales-tendencias-de-diseno-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o Web","item":"https:\/\/kinsta.com\/es\/secciones\/diseno-web\/"},{"@type":"ListItem","position":3,"name":"Mirando hacia atr\u00e1s a las principales tendencias de dise\u00f1o web (2018-2019)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d","name":"Brenda Barron","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","caption":"Brenda Barron"},"description":"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.","sameAs":["http:\/\/www.thedigitalinkwell.com\/","http:\/\/www.facebook.com\/digitalinkwell","http:\/\/www.linkedin.com\/in\/digitalinkwell","https:\/\/x.com\/digitalinkwell"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/brendabarron\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/30387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=30387"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/30387\/revisions"}],"predecessor-version":[{"id":69346,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/30387\/revisions\/69346"}],"alternate":[{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/translations\/nl"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/translations\/pt"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/translations\/dk"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/translations\/se"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/30387\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/30404"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=30387"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=30387"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=30387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}