Pero primero\u00a0hablemos de tres tendencias que, en nuestra opini\u00f3n, permanecer\u00e1n sin cambios en 2019.<\/p>\n
\n
1. LO QUE NO CAMBIAR\u00c1<\/h2>\n1.1 Enfoque mobile-first (M\u00f3viles en primer lugar)<\/h3>\n
Si comparamos, por el momento hay mucho m\u00e1s personas que\u00a0utilizan los dispositivos m\u00f3viles para navegar por la Web que los usuarios de computadoras de escritorio. En 2018 ha aumentado la popularidad\u00a0de microinteracciones, men\u00fas desplegables\u00a0e iconos personalizados. Esta tendencia no cambiar\u00e1,\u00a0sino ganar\u00e1 a\u00fan mayor popularidad. En 2019 necesitar\u00e1s\u00a0un sitio web que no s\u00f3lo es responsive,\u00a0sino\u00a0se cre\u00f3 de acuerdo con el principio\u00a0\"m\u00f3viles en primer lugar\".<\/p>\n
\n
1.2 Tiempo de carga<\/h3>\n
Este punto es un poco controvertido.\u00a0A principios de\u00a02018 muchos expertos cre\u00edan que los sitios web minimalistas y limpios\u00a0predominar\u00e1n\u00a0en el futuro, debido a su alta velocidad de carga. Pero esto no sucedi\u00f3.<\/p>\n
En cambio, han aparecido muchas nuevas tecnolog\u00edas que adaptan\u00a0el contenido de video y\u00a0las fotos a las necesidades de la era de los dispositivos m\u00f3viles. En 2019 los dise\u00f1adores y desarrolladores continuar\u00e1n buscando un compromiso entre los dise\u00f1os creativos de Java, el contenido original de ancho completo y la reducci\u00f3n del tiempo de carga.<\/p>\n
\n
1.3 Chatbots<\/h3>\n
Los sitios web de comercio electr\u00f3nico<\/a>\u00a0todav\u00eda\u00a0se preocupar\u00e1n por la conversi\u00f3n\u00a0en 2019, y los chatbots han demostrado ser una forma efectiva de conseguirla. En 2019 la experiencia de compra en l\u00ednea seguir\u00e1\u00a0volvi\u00e9ndose cada vez m\u00e1s personalizada y aparecer\u00e1n nuevas tecnolog\u00edas m\u00e1s sofisticadas de la inteligencia artificial. Pues, en 2019 veremos chatbots a\u00fan m\u00e1s inteligentes y m\u00e1s interactivos en los principales sitios web de comercio electr\u00f3nico.<\/p>\n Ahora\u00a0vamos a hablar\u00a0de las principales tendencias que esperamos ver en 2019.<\/p>\n El dise\u00f1o plano, como una\u00a0tendencia del dise\u00f1o web, ha estado con nosotros ya desde 2017 y no va a salir de la escena\u00a0en el futuro cercano. A los propietarios de p\u00e1ginas web les encanta el dise\u00f1o plano,\u00a0como les ofrece una mejor experiencia m\u00f3vil y un mayor rango de SEO. Los dise\u00f1adores y usuarios, a su vez, disfrutan\u00a0con layouts suaves, im\u00e1genes hermosas y brillantes, y mucho espacio en blanco.<\/p>\n Seg\u00fan la filosof\u00eda del dise\u00f1o plano,\u00a0un sitio web con menos im\u00e1genes puede ser tan impresionante como su an\u00e1logo repleto de im\u00e1genes\u00a0que se carga lentamente.<\/p>\n SITIO WEB<\/a><\/p>\n \u00c9ste es\u00a0un ejemplo del dise\u00f1o plano bellamente hecho. Hay pocas ilustraciones, pero todas ellas son muy cautivadoras.\u00a0Si navegas por el sitio web, ver\u00e1s que cada p\u00e1gina nueva\u00a0tiene una ilustraci\u00f3n diferente. Tradicionalmente para el dise\u00f1o plano, hay\u00a0mucho espacio en blanco y un sistema de navegaci\u00f3n f\u00e1cil de usar.<\/p>\n SITIO WEB<\/a><\/p>\n Este sitio web demuestra que el dise\u00f1o plano puede\u00a0ser genial, si se combina con\u00a0una gran animaci\u00f3n\u00a0y mayor\u00a0interactividad. Las p\u00e1ginas\u00a0est\u00e1n provistas de muchas texturas y transiciones hermosas. Los\u00a0visitantes incluso pueden sentirse un poco abrumados por lo que est\u00e1 sucediendo en el sitio web. Sin embargo, nos parece que esto es exactamente lo que quieren lograr\u00a0sus dise\u00f1adores.<\/p>\n El enfoque semiplano permite a\u00f1adir mayor profundidad y movimiento a los dise\u00f1os minimalistas y al mismo tiempo aprovechar todos los beneficios del dise\u00f1o plano. En 2019 veremos a\u00fan m\u00e1s variaciones similares a esta p\u00e1gina.<\/p>\n SITIO WEB<\/a><\/p>\n Este dise\u00f1o\u00a0se caracteriza por la composici\u00f3n\u00a0de fotos de productos asombrosa con las ilustraciones personalizadas, el efecto de paralaje y los elementos interactivos agradables. Tambi\u00e9n\u00a0nos gusta la animaci\u00f3n que hace que la p\u00e1gina\u00a0parezca m\u00e1s profunda mientras te desplazas.<\/p>\n En 2019 los dise\u00f1os de sitios web desafiar\u00e1n la gravedad. Esta tendencia no es completamente nueva: todos recordamos que los dise\u00f1os ca\u00f3ticos ya\u00a0han sido populares en 2018. El pr\u00f3ximo a\u00f1o veremos muchos elementos interactivos que aparecen en todos lugares, cambian de forma y esperan hasta que el cursor se desplace sobre ellos.<\/p>\n Las composiciones abiertas tambi\u00e9n ser\u00e1n\u00a0populares en 2019. Por lo tanto, prep\u00e1rate para ver a los dise\u00f1adores\u00a0que olvidan de los bordes\u00a0e insertan\u00a0elementos 3D flotantes en sus p\u00e1ginas web.<\/p>\n SITIO WEB<\/a><\/p>\n Aqu\u00ed\u00a0podemos ver c\u00f3mo un objeto 3D interactivo puede\u00a0cambiar el tono\u00a0de todo el sitio web y darle un toque divertido. Cuando\u00a0abres otras p\u00e1ginas del sitio web, ver\u00e1s muchos m\u00e1s elementos del dise\u00f1o creativo. Cuenta con una animaci\u00f3n bonita, efectos de desplazamiento, ilustraciones hechas a mano y combinaciones de colores llamativos.<\/p>\n SITIO WEB<\/a><\/p>\n Este sitio web\u00a0te invita a usar tu teclado para hacer\u00a0efectos de sonido y ver como los objetos 3D bailan en el aire. El dise\u00f1o es minimalista, pero muy atractivo.\u00a0Presenta diferentes tipos de comunicaci\u00f3n con los visitantes, por lo que no puedes parar\u00a0antes de ver todo.<\/p>\n Al igual que los colores, las formas se pueden utilizar para hacer acentos y\u00a0transmitir ideas. La geometr\u00eda\u00a0funciona como un compromiso entre el minimalismo armonioso y la experiencia asim\u00e9trica rota. Ambos ser\u00e1n populares en 2019.<\/p>\n Las formas pueden a\u00f1adir el equilibrio incluso a los dise\u00f1os web m\u00e1s locos. La geometr\u00eda est\u00e1 presente en diferentes elementos: botones, marcos o ilustraciones. Cada forma\u00a0se asocia\u00a0con cosas espec\u00edficas y tiene su propio significado. Cuando se usan sabiamente, las formas pueden convertirse en los elementos clave del dise\u00f1o web.<\/p>\n SITIO WEB<\/a><\/p>\n Llenas de textura y color, las formas en el centro\u00a0llaman la atenci\u00f3n de los visitantes. Aqu\u00ed la geometr\u00eda se utiliza para hacer acentos y\u00a0resaltar\u00a0la gran cruz roja. Se combina con las cuadr\u00edculas asim\u00e9tricas y los fondos hermosos.<\/p>\n SITIO WEB<\/a><\/p>\n En este ejemplo del sitio las formas interactivas se utilizan para crear fondos y marcos de imagen.\u00a0En combinaci\u00f3n con los colores brillantes y las fuentes dispersas, estos elementos demuestran las tendencias clave de 2018-2019.<\/p>\n SITIO WEB<\/a><\/p>\n Aqu\u00ed vemos una hermosa forma animada que\u00a0reacciona al movimiento del cursor. Como el elemento clave, esta forma interactiva\u00a0determina el dise\u00f1o de todo el sitio web. Tambi\u00e9n\u00a0nos encantan los iconos inspirados en la geometr\u00eda y la nitidez de este dise\u00f1o.<\/p>\n Los fondos de video son menos populares ahora que eran en 2016, debido a la importancia creciente de la velocidad de carga. Sin embargo, en 2019 veremos la evoluci\u00f3n de la integraci\u00f3n de video en el dise\u00f1o web. Esto se debe al hecho que los fondos de video aumentan las conversiones de sitios web. Los visitantes se quedan en el sitio web para ver el video\u00a0que ha captado su atenci\u00f3n. Tambi\u00e9n puedes contar la historia completa de\u00a0tu marca con un solo video sin usar ninguna palabra.<\/p>\n SITIO WEB<\/a><\/p>\n Este sitio web integra una introducci\u00f3n de video, una m\u00fasica de fondo y una coleci\u00f3n de fotos de pantalla completa. Los retratos son impresionantes y de alta resoluci\u00f3n. Las fotos de la vieja escuela en las que se puede hacer clic se usan como iconos de la pesta\u00f1a del men\u00fa y complementan el dise\u00f1o en general. Dicho esto, es el video que re\u00fane todos los elementos de dise\u00f1o y cuenta una historia \u00fanica.<\/p>\n SITIO WEB<\/a><\/p>\n El video en la p\u00e1gina de inicio de este sitio web\u00a0causa\u00a0una reacci\u00f3n emocional de la audiencia. Simplemente no puedes dejar de mirar c\u00f3mo se tejen estas telas y c\u00f3mo se cosen las piezas. As\u00ed es como\u00a0se hacen las narraciones visuales. El sitio web tambi\u00e9n cuenta con las cuadr\u00edculas irregulares y\u00a0los layouts en capas complejos.<\/p>\n El amor por la asimetr\u00eda naci\u00f3 en 2018 y permanecer\u00e1 con nosotros en 2019. Las cuadr\u00edculas\u00a0a los que hemos acostumbrado ayudan a a\u00f1adir contenidos de una forma alineada y coherente. Los dise\u00f1os\u00a0basados en cuadr\u00edculas parecen sim\u00e9tricos y bien estructurados. Tal predictibilidad hace que sea m\u00e1s f\u00e1cil\u00a0percibir la informaci\u00f3n.<\/p>\n Sin embargo, la nueva tendencia del uso de\u00a0cuadr\u00edculas asim\u00e9tricas est\u00e1 en el auge por el momento. Los dise\u00f1adores combinan m\u00f3dulos de contenido, colores y texturas para lograr un efecto de profundidad. Este dinamismo ayuda a atraer a los\u00a0usuarios y\u00a0destacar las secciones m\u00e1s orientadas a la conversi\u00f3n del sitio web.<\/p>\n Optar por la cuadr\u00edcula rota no es lo mismo que\u00a0crear un sitio web sin estructura. Los sitios web descuidados todav\u00eda est\u00e1n fuera de moda.<\/p>\n SITIO WEB<\/a><\/p>\n A medida que te desplazas hacia abajo en este sitio web, ves que los m\u00f3dulos asim\u00e9tricos se mueven a diferentes velocidades y los subt\u00edtulos aparecen y desaparecen de la vista. Y cuando la foto se encuentra con el texto,\u00a0la fuente cambia.<\/p>\n Estos efectos hacen que el sitio web parezca asim\u00e9trico, pero armonioso.<\/p>\n SITIO WEB<\/a><\/p>\n En este dise\u00f1o combinan el brutalismo, la asimetr\u00eda y el desplazamiento animado. Como resultado, vemos un sitio web muy equilibrado y minimalista con un toque juvenil.<\/p>\n Los tipos de\u00a0letra de la vieja escuela y la paleta rosada equilibran el dise\u00f1o, haci\u00e9ndolo m\u00e1s chic. Cuando se desplaza sobre cada foto del producto, se\u00a0activa una animaci\u00f3n\u00a0con iconos personalizados. El sitio web parece una revista de moda cl\u00e1sica que ha sido rehecha para el p\u00fablico joven y audaz.<\/p>\n Los tipos de letra en negrita\u00a0siguen siendo populares desde hace bastante mucho tiempo. Adem\u00e1s, en estos d\u00edas vemos muchos tipos de letra rotos, desordenados, rellenos en 3D o recortados. Las fuentes en negrita crean\u00a0una\u00a0atm\u00f3sfera especial en\u00a0el sitio web y\u00a0ponen acentos donde\u00a0se necesitan.<\/p>\n Los tipos de letra geom\u00e9tricos a\u00f1aden un toque de vanguardia al dise\u00f1o. Claros y minimalistas, ellos pueden compensar la complejidad de los dise\u00f1os.<\/p>\n Las fuentes escritas a mano, a su vez,\u00a0crean una\u00a0atm\u00f3sfera acogedora y encantadora en el sitio web. Se utilizan en combinaci\u00f3n con elementos de boceto, ilustraciones de dibujos animados, etc. En 2019 los veremos tambi\u00e9n.<\/p>\n SITIO WEB<\/a><\/p>\n Aqu\u00ed vemos una impresionante combinaci\u00f3n de layouts animados irregulares, formas geom\u00e9tricas, el brutalismo y, por supuesto, fuentes expresivas. El dise\u00f1o crea una impresionante experiencia. Observa c\u00f3mo se recortan y dispersan las letras en los layouts.<\/p>\n El color rojo hace que el tipo de letra sea a\u00fan m\u00e1s llamativo.\u00a0Presta atenci\u00f3n a\u00a0la combinaci\u00f3n bonita de\u00a0una forma geom\u00e9trica con letras recortadas.<\/p>\n SITIO WEB<\/a><\/p>\n Esta p\u00e1gina de inicio\u00a0atrae la atenci\u00f3n con sus\u00a0grandes letras escritas a mano y hechas de manera irregular y descuidada. Cuando se desplaza hacia abajo,\u00a0el texto animado\u00a0se representa en varias fuentes geom\u00e9tricas\u00a0sobre los fondos de\u00a0im\u00e1genes decoloradas. La paleta de colores es incre\u00edblemente suavizada. El dise\u00f1o parece c\u00e1lido y acogedor e invita al visitante a quedarse por m\u00e1s tiempo en la p\u00e1gina.<\/p>\n La tendencia general de destruir todo, desde los fondos\u00a0hasta la tipograf\u00eda,\u00a0tambi\u00e9n implica\u00a0romper y experimentar con las fotos. Lo que\u00a0parec\u00eda imposible hace unos a\u00f1os, como una foto da\u00f1ada en la p\u00e1gina de inicio, en 2019 aparecer\u00e1 en muchos sitios web.<\/p>\n Los dise\u00f1adores web no solo da\u00f1an y\u00a0recortan las im\u00e1genes, sino que tambi\u00e9n escriben sobre ellos y ponen todo tipo de elementos sobre las fotos para\u00a0a\u00f1adir cada vez mayor complejidad a sus dise\u00f1os. Los elementos superpuestos, los duotones y el desorden seguir\u00e1n siendo\u00a0populares en 2019.<\/p>\n SITIO WEB<\/a><\/p>\n El dise\u00f1o complejo de esta p\u00e1gina de inicio\u00a0dispone de\u00a0im\u00e1genes asim\u00e9tricas en diferentes tonos del rojo que se combinan con formas rotas. El dise\u00f1ador utiliza tanto los colores vibrantes,\u00a0en primer lugar,\u00a0el\u00a0rojo, como los tonos m\u00e1s apagados, aquellos como el beige, as\u00ed como los tipos de letra brillantes.<\/p>\n Si se desplaza hacia abajo, se aparecer\u00e1 m\u00e1s geometr\u00eda,\u00a0formas rotas y fuentes manuscritas expresivas. En general, el sitio web es fascinante.<\/p>\n SITIO WEB<\/a><\/p>\n La imagen central parece un espejo roto. El resto del dise\u00f1o se ve muy minimalista,\u00a0debido a mucho espacio en blanco y una tipograf\u00eda tradicional. Como resultado, todas las vistas se pegan\u00a0al video.<\/p>\n En cuanto a los\u00a0fondos y texturas, a ellos se aplicar\u00e1 la misma tendencia mencionada anteriormente. En 2019 veremos una gran cantidad de fondos sepia y micro-da\u00f1ados o blanqueados.<\/p>\n Los dise\u00f1adores utilizan tanto las texturas \"desgastadas\", como los patrones animados futuristas. B\u00e1sicamente no hay reglas universales.\u00a0A medida que la tendencia de interactividad del sitio web gana cada vez mayor popularidad, veremos m\u00e1s y m\u00e1s texturas animadas interactivas. Tambi\u00e9n veremos muchos videos incrustados que sirven como fondos texturizados.<\/p>\n SITIO WEB<\/a><\/p>\n Debido a\u00a0una bonita paleta de colores apagados y micropatrones que parecen una textura da\u00f1ada, este dise\u00f1o se ve profundo e inspirador. Tambi\u00e9n hay mucha geometr\u00eda en este sitio: los rect\u00e1ngulos vanguardistas se combinan con las formas redondeadas fluidas para crear\u00a0mayor complejidad.<\/p>\n Hay un men\u00fa de barra lateral de aspecto minimalista y un\u00a0slider en la parte inferior de la p\u00e1gina. Gracias a esta combinaci\u00f3n de elementos, el sitio web parece experimental y tradicional a la vez.<\/p>\n SITIO WEB<\/a><\/p>\n Este sitio web se ve sabroso y vivo. Sus dise\u00f1adores utilizaron los patrones animados ca\u00f3ticos\u00a0para crear la textura del fondo\u00a0de la p\u00e1gina de inicio. Antes de desplazarte por el sitio,\u00a0dedica un poco de tiempo a observar estas impresionantes gotas de color.<\/p>\n En la parte inferior de\u00a0la p\u00e1gina, hay fotos realistas animadas.\u00a0Junto\u00a0con el dise\u00f1o plano de la p\u00e1gina, se ven enormes y muy deliciosas. La combinaci\u00f3n del material design con los sliders horizontales y la animaci\u00f3n compleja\u00a0atrae la atenci\u00f3n y no deja indiferente a nadie.<\/p>\n SITIO WEB<\/a><\/p>\n Los dise\u00f1os interactivos estar\u00e1n en todas partes en 2019. En este sitio web vemos un ejemplo asombroso de una textura animada que cambia de color y revela fotos. Complementada con la tipograf\u00eda neutral y\u00a0el panel del men\u00fa minimalista, esta textura se ve incre\u00edble.<\/p>\n Al\u00a0hacer clic en una de las palabras resaltadas en el t\u00edtulo, se revela un nuevo dise\u00f1o plano y minimalista. Aqu\u00ed vemos muchas formas tradicionales animadas sobre\u00a0el fondo claro.<\/p>\n En 2018 hemos visto mucho color en el dise\u00f1o web, y la tendencia todav\u00eda ser\u00e1 actual en 2019. Los colores vivos se utilizan en los dise\u00f1os planos m\u00e1s tradicionales o en los dise\u00f1os semiplanos m\u00e1s profundos. Tanto las paletas de arco iris, como los colores pasteles profundos y apagados ser\u00e1n igualmente populares.<\/p>\n El pr\u00f3ximo a\u00f1o todav\u00eda veremos los degradados que\u00a0han sido tan populares en 2018. Cada vez que sea posible, los dise\u00f1adores se alejar\u00e1n de los colores tradicionales\u00a0y optar\u00e1n por sus equivalentes m\u00e1s brillantes o m\u00e1s profundos.<\/p>\n Al mismo tiempo estamos esperando el aumento de la popularidad de los tonos del color beige utilizados en combinaci\u00f3n con los colores m\u00e1s vivos y elementos animados.<\/p>\n SITIO WEB<\/a><\/p>\n Un ejemplo sorprendente del dise\u00f1o plano interactivo en el que puedes ver\u00a0muchas de las tendencias que\u00a0ser\u00e1n populares en 2019. La imagen\u00a0central en\u00a0colores brillantes y contrastantes se complementa con los iconos brillantes y el desplazamiento animado.<\/p>\n Cuando haces clic en una pesta\u00f1a del men\u00fa, una transici\u00f3n\u00a0de colores\u00a0animada te lleva a otra p\u00e1gina. Los elementos que flotan lentamente crean una\u00a0ilusi\u00f3n de profundidad que equilibra las ilustraciones del aspecto plano.<\/p>\n SITIO WEB<\/a><\/p>\n Aqu\u00ed tenemos una combinaci\u00f3n m\u00e1s de varios colores vibrantes\u00a0con una imagen central apasionada en la p\u00e1gina de inicio. La simplicidad de este sitio web hace que se vea a\u00fan m\u00e1s impresionante.<\/p>\n El a\u00f1o\u00a02019 nos har\u00e1 acordar de los tiempos del amanecer de la Internet debido al brutalismo en el dise\u00f1o web. Aquellos que se han cansado ya de los dise\u00f1os planos limpios disfrutar\u00e1n\u00a0con los\u00a0layouts brutales de los a\u00f1os noventa.<\/p>\n Estos sitios web presentar\u00e1n demasiados efectos, animaciones, micro-interacciones, fuentes grandes, im\u00e1genes masivas y colores seguros para la web. No\u00a0se crean para\u00a0ser m\u00e1ximamente funcionales;\u00a0se crean para abrumar e impresionar. Todo ser\u00e1 un poco exagerado: los colores chocar\u00e1n, las palabras ser\u00e1n dif\u00edciles de leer y el contenido se organizar\u00e1 de forma ca\u00f3tica.<\/p>\n SITIO WEB<\/a><\/p>\n \u00bfOyes el sonido del acceso telef\u00f3nico a la Internet?\u00a0El dise\u00f1o de esta p\u00e1gina web nos hace sentir\u00a0la nostalgia. El dise\u00f1ador combina los colores de la vieja escuela con las animaciones\u00a0primitivas\u00a0y los iconos asombrosos.<\/p>\n Este dise\u00f1o parece brutal y sentimental al mismo tiempo. Cada elemento ha sido cuidadosamente dise\u00f1ado para\u00a0crear una impresi\u00f3n del\u00a0sitio web \"antiguo\" con un toque ir\u00f3nico.<\/p>\n SITIO WEB<\/a><\/p>\n \u00c9sta es otra variaci\u00f3n del brutalismo con un toque especial. Vemos muchos elementos defectuosos que estaban de moda a lo largo de 2018. Est\u00e1n respaldados por la tipograf\u00eda masiva y los efectos de desplazamiento bastante viciosos. Este dise\u00f1o abruma y deja una impresi\u00f3n duradera. Tambi\u00e9n hay una versi\u00f3n m\u00f3vil, \u00a1aseg\u00farate de verla!<\/p>\n Las ilustraciones con acuarela, los pasteles y los bocetos no son nada nuevo en el dise\u00f1o web. En 2019 veremos a\u00fan m\u00e1s de ellos. Los dibujos\u00a0personalizados se volver\u00e1n cada vez m\u00e1s complejos, din\u00e1micos e interactivos. Si en 2017\u00a0era suficiente crear manualmente un dise\u00f1o original para tu sitio web, ahora las ilustraciones deben atraer a los espectadores y responder a sus acciones.<\/p>\n Sin embargo, el uso de ilustraciones debe ser consistente. No puedes poner un bonito dibujo aqu\u00ed y all\u00e1: todas las tipograf\u00edas, micro-animaciones y fondos deben\u00a0complementar a\u00a0una experiencia bien pensada.<\/p>\n SITIO WEB<\/a><\/p>\n Este hermoso sitio web\u00a0presenta una ilustraci\u00f3n elegante en la p\u00e1gina de inicio. A medida que se desplaza hacia abajo, uno de sus elementos aparece en el primer plano y se rodea con el texto.<\/p>\n Este sitio web se ve tanto art\u00edstico, como minimalista. Los elementos de\u00a0llamada a la acci\u00f3n\u00a0se\u00a0destacan con el color rojo, mientras que otras l\u00edneas siguen siendo\u00a0claras y sutiles. El logotipo de la compa\u00f1\u00eda\u00a0incluye l\u00edneas onduladas similares y\u00a0sirve como un buen acento en el dise\u00f1o.<\/p>\n SITIO WEB<\/a><\/p>\n Aqu\u00ed hay un sitio web en el que se utilizan\u00a0diferentes ilustraciones dibujadas a mano como elementos de dise\u00f1o y narraci\u00f3n. Al desplazarse hacia abajo, se revela una l\u00ednea de tiempo de la historia de m\u00fasica estadounidense\u00a0con muchas impresionantes ilustraciones interactivas. Tambi\u00e9n se puede\u00a0reproducir una lista de\u00a0composiciones de jazz directamente en el sitio web para obtener una impresi\u00f3n m\u00e1s completa.<\/p>\n Como probablemente hayas notado en los ejemplos\u00a0mostrados anteriormente, los dise\u00f1os web modernos se\u00a0centran en la creaci\u00f3n de experiencias m\u00e1s complejas y din\u00e1micas para los usuarios. En 2019 veremos muchos videos integrados, microinteracciones, desplazamientos animados, etc. Las nuevas tecnolog\u00edas de animaci\u00f3n, aquellas como SVG, significan que no habr\u00e1 ninguna p\u00e9rdida de calidad de animaci\u00f3n cuando se\u00a0abre en una pantalla m\u00f3vil.<\/p>\n SITIO WEB<\/a><\/p>\n Este incre\u00edble sitio web\u00a0creado por un equipo creativo ucraniano lleva la interactividad al siguiente nivel. Sumerges\u00a0en una experiencia inolvidable desde los primeros segundos. Para ingresar, debes vaciar una bolsa de basura con un cuchillo. Luego, el sitio web\u00a0te invita a encontrar\u00a0el lugar\u00a0correcto para reciclar diferentes tipos de basura.<\/p>\n El dise\u00f1o es muy minimalista; el acento principal est\u00e1 en la parte interactiva y funcional. Nada distrae tu atenci\u00f3n de la tarea principal: encontrar\u00a0un lugar de reciclaje.<\/p>\n SITIO WEB<\/a><\/p>\n La experiencia en este sitio web comienza con una interacci\u00f3n simple, pero encantadora\u00a0que consiste en la elecci\u00f3n\u00a0de la secci\u00f3n que te gustar\u00eda ver. Este dise\u00f1o tambi\u00e9n cuenta con transiciones animadas hermosas. Var\u00edan de una p\u00e1gina a otra y hacen que el tiempo que pasas en el sitio web sea a\u00fan m\u00e1s agradable.<\/p>\n Tambi\u00e9n\u00a0puedes ver cuadr\u00edculas din\u00e1micas, iconos personalizados y una gran cantidad de contenido fotogr\u00e1fico atractivo, lo que mejora a\u00fan m\u00e1s la impresi\u00f3n general.<\/p>\n El brutalismo a menudo se combina con la tendencia de creaci\u00f3n de\u00a0dise\u00f1os\u00a0parecidos a los videojuegos antiguos. Incluso las personas que no son aficionadas a\u00a0los juegos se\u00a0sentir\u00e1n sentimentales al ver los elementos similares a Nintendo\u00a0de este sitio web. Esto le da un toque l\u00fadico a cualquier dise\u00f1o.<\/p>\n Cuando\u00a0este tipo de elementos son animados e interactivos, de inmediato sumergen a los visitantes en una experiencia de Nintendo. De esta manera,\u00a0se puede aumentar f\u00e1cilmente el tiempo que los visitantes pasan en\u00a0el sitio web.<\/p>\n SITIO WEB<\/a><\/p>\n El dise\u00f1o de este sitio web\u00a0refleja\u00a0todas las tendencias principales de 2018-2019.\u00a0Adem\u00e1s, anima al usuario a interactuar y\u00a0enfrentarse a un desaf\u00edo creativo.<\/p>\n El\u00a0sitio presenta una gran cantidad de microinteracciones, letras animadas en negrita, iconos y ventanas emergentes creados\u00a0en el estilo de dibujos animados, as\u00ed como una bonita tipograf\u00eda escrita a mano aqu\u00ed y all\u00e1. El logotipo enorme en la p\u00e1gina de inicio interact\u00faa contigo\u00a0cada vez que te desplazas sobre \u00e9l.<\/p>\n SITIO WEB<\/a><\/p>\n A pesar\u00a0de ser bastante controvertido, este dise\u00f1o te\u00a0deja jugar con un personaje que parece a un pol\u00edtico famoso. Este sitio web divertido trata de disminuir la presi\u00f3n ideol\u00f3gica y pol\u00edtica a trav\u00e9s de una imitaci\u00f3n de videojuego. Pero a\u00fan as\u00ed, este dise\u00f1o\u00a0cumple con\u00a0las tendencias de dise\u00f1o que veremos en 2019.<\/p>\n En los \u00faltimos dos a\u00f1os el uso de los elementos 3D en el dise\u00f1o web se ha convertido en una pr\u00e1ctica com\u00fan. En 2019 los dise\u00f1adores integrar\u00e1n varios objetos 3D en sus dise\u00f1os en capas complejos e incluso los har\u00e1n m\u00e1s interactivos.<\/p>\n La\u00a0diferencia entre los objetos reales y sus an\u00e1logos 3D\u00a0se vuelve\u00a0m\u00e1s borrosa que nunca. Adem\u00e1s, los elementos 3D din\u00e1micos se mover\u00e1n cada vez m\u00e1s naturalmente para crear una experiencia org\u00e1nica sin problemas. Los materiales naturales y las formas redondas inspirar\u00e1n a\u00a0muchos m\u00e1s dise\u00f1adores de 3D en 2019.<\/p>\n SITIO WEB<\/a><\/p>\n Aqu\u00ed tenemos un dise\u00f1o de p\u00e1gina de inicio en capas con peque\u00f1os objetos 3D que\u00a0sirven como una textura. Bajo el patr\u00f3n 3D hay una gran leyenda que se desliza a la vista y un fondo de video. Aquellas experiencias complejas son lo que esperaremos\u00a0ver en 2019.<\/p>\n El sitio web\u00a0parece un poco ca\u00f3tico. Hay im\u00e1genes que aparecen de forma irregular y textos que se superponen en algunos lugares, pero, en general, todo lo que vemos parece una obra maestra del dise\u00f1o web moderno.<\/p>\n
\n2. QU\u00c9 ESPERAR EN 2019<\/h2>\n
2.1\u00a0DISE\u00d1O PLANO Y NO MUY PLANO<\/h3>\n
SNOWWHITE.IO<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/snowwhite-io.png\")
<\/a><\/p>\nDESIGN IN SILICON VALLEY<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/siliconvalley.png\")
<\/a><\/p>\nLO PESCE<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/lo-pesce.png\")
<\/a><\/p>\n
\n2.2 ELEMENTOS FLOTANTES<\/h3>\n
GRETA MADLINE<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/greta-madline.png\")
<\/a><\/p>\n1948<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/1948.png\")
<\/a><\/p>\n
\n2.3 GEOMETR\u00cdA<\/h3>\n
TEDxBETHESDA<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/tedxbethesda.png\")
<\/a><\/p>\nCWORKS<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/cworks.png\")
<\/a><\/p>\nSMULTRON<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/smultron.png\")
<\/a><\/p>\n
\n2.4 FONDOS DE VIDEO<\/h3>\n
LIVING MEMORIES<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/living-memories.jpg\")
<\/a><\/p>\nDESCENTE FUSIONKNIT<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/descente-fusionknit.png\")
<\/a><\/p>\n
\n2.5 GRIDS ROTOS<\/h3>\n
MATHIEU LEVESQUE<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/mathieu-levesque.png\")
<\/a><\/p>\nFEMME AND FIERCE<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/femme-fierce.png\")
<\/a><\/p>\n
\n2.6\u00a0FUENTES EXPRESIVAS<\/h3>\n
LA ROULOTTE<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/laroulotte.png\")
<\/a><\/p>\nMOUNTAIN MAN BAND<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/mountain-man-band.png\")
<\/a><\/p>\n
\n2.7 IM\u00c1GENES EN CAPAS<\/h3>\n
KYOTO-OKAZAKI MEIJI SAKABA<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/kyoto-okazaki-meiji-sakaba.png\")
<\/a><\/p>\nADIDAS WOMEN<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/adidas-women.png\")
<\/a><\/p>\n
\n2.8 TEXTURAS INTERACTIVAS CA\u00d3TICAS<\/h3>\n
HUMAN ALWAYS<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/human-always.png\")
<\/a><\/p>\nDRIP POP<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/drip-pop.png\")
<\/a><\/p>\nDISTINCTION AGENCY<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/distinction-agency.png\")
<\/a><\/p>\n
\n2.9 COLORES<\/h3>\n
LE PETIT NANTAIS<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/le-petit-nantais.png\")
<\/a><\/p>\nSLOW BANANA<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/slowbanana.png\")
<\/a><\/p>\n
\n2.10 BRUTALISMO<\/h3>\n
ERIK BERNACCI<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/erik-bernacchi.png\")
<\/a><\/p>\nROMAIN GRANAI<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/romain-granai.png\")
<\/a><\/p>\n
\n2.11\u00a0ILUSTRACIONES DIBUJADAS A MANO<\/h3>\n
A+SMITH CREATIONS<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/a-smith-creations.png\")
<\/a><\/p>\nHISTORY OF AMERICAN MUSIC<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/history-of-american-music.png\")
<\/a><\/p>\n
\n2.12 INTERACTIVIDAD<\/h3>\n
GARBAGE 31<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/garbage31.png\")
<\/a><\/p>\nCOCOON<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/cocoon.png\")
<\/a><\/p>\n
\n2.13 OLDSCHOOL\u00a0Y\u00a0JUEGOS<\/h3>\n
ALL<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/all.png\")
<\/a><\/p>\nPRAZE OR HAZE TRUMP<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/praise-or-haze-trump.png\")
<\/a><\/p>\n
\n2.14 OBJETOS 3D<\/h3>\n
POOR FOLK KABAKOVS<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/poor-folk-kabakovs.png\")
<\/a><\/p>\nESPN NBA's SIGNATURE MOVES<\/a><\/h4>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/12\/espn-nbas-signature-moves.png\")
<\/a><\/p>\n