Elementos din\u00e1micos + efecto de movimiento<\/li>\n<\/ul>\nLas animaciones, gifs sutiles, ilustraciones o efectos suaves son elementos que dar\u00e1n un aspecto \u00fanico, moderno y renovado a tu p\u00e1gina web. Son elementos muy visuales y que te ayudar\u00e1n a no comerte la cabeza a la hora de redactar tanto texto, ya que el protagonismo residir\u00e1 en estos elementos visuales y no tanto en el p\u00e1rrafo que le pueda acompa\u00f1ar. Aunque, si necesitas meter textos y no sabes c\u00f3mo encajarlos con un dise\u00f1o din\u00e1mico y moderno, esos mismos p\u00e1rrafos de texto son los que se pueden convertir en elementos din\u00e1micos. Te dejo de ejemplo la p\u00e1gina de TGB:<\/p>\n
https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/01\/Captura-1024×518.jpg<\/p>\n
Un combo muy bueno a la hora de utilizar estos elementos es combinarlos con efectos en base a eventos del scroll de la p\u00e1gina. Con eventos del scroll de la p\u00e1gina, puedes hacer que se activen los movimientos de los elementos din\u00e1micos y hacer que aparezcan otros nuevos, por lo que transmitir\u00e1 una sensaci\u00f3n muy din\u00e1mica y de avance, haciendo al usuario querer llegar hasta el final. A continuaci\u00f3n, te dejo unos ejemplos de p\u00e1ginas que utilizan este tipo de elementos<\/p>\n
<\/p>\n
Apple<\/strong>, sin duda, es uno de los m\u00e1s top con sus efectos en base a eventos del scroll. Habr\u00eda que mencionar que la realizaci\u00f3n de un dise\u00f1o web de ese calibre no est\u00e1 al alcance de cualquiera por el material y el presupuesto\u00a0 del que se dispone, pero sin duda merece la pena echarle un vistazo, ya que puede servir de inspiraci\u00f3n<\/p>\nhttps:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/01\/Captura-1024×523.png<\/p>\n
Otros m\u00e1s sutiles y f\u00e1ciles de aplicar, por contenido, presupuesto y tiempo ser\u00edan:<\/p>\n
https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/01\/Captura-1-1024×525.jpghttps:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/01\/Captura-1-1024×494.pnghttps:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/01\/Captura-2-1024×513.png<\/p>\n
En el ejemplo de Helixes<\/strong>, el que vamos a ver a continuaci\u00f3n, podemos apreciar perfectamente la combinaci\u00f3n de los elementos de los que hablamos. Adem\u00e1s, al llegar casi al final de la p\u00e1gina, en la secci\u00f3n news, podemos ver como utilizan la combinaci\u00f3n de un scroll lateral con un efecto s\u00fatil y ligero, lo que le da un aspecto muy interesante<\/p>\nhttps:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/01\/Captura-2-1024×519.jpg<\/p>\n
Como podemos apreciar con estos ejemplos, los efectos visuales est\u00e1n a la orden del d\u00eda y sin duda parece un estilo que, no solo va a ser una tendencia en 2020, sino que parece que es el presente y futuro de las p\u00e1ginas webs. Es decir, si quieres que tu web tenga un aspecto moderno o actualizado, probablemente necesites un m\u00ednimo de efectos visuales para transmitir esa sensaci\u00f3n a los usuarios.<\/p>\n
<\/p>\n
\n- Animaciones, elementos 3D y eventos con el rat\u00f3n<\/li>\n<\/ul>\n
Los elementos 3d son parte de las tendencias de dise\u00f1o web de finales de 2019 y por supuesto van a formar parte de las tendencias de 2020. Si a estos elementos le a\u00f1adimos animaciones chulas y din\u00e1micas, ser\u00e1n como quien dice, \u00abel nova m\u00e1s\u00bb. Adem\u00e1s, los eventos provocado por los clicks del rat\u00f3n hacen muy buen combo con este tipo de elementos. Sin duda, conseguir\u00e1s un aspecto bastante llamativo e interactivo con esta clase de dise\u00f1o en tu web.<\/p>\n
Aqu\u00ed van alguno ejemplos:<\/p>\n
https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/01\/Captura-3-1024×501.jpghttps:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/01\/Captura-3-1024×503.pnghttps:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/01\/Captura-4-1024×462.png<\/p>\n
Otros elementos que siguen a la orden del d\u00eda en el dise\u00f1o web son las tipograf\u00edas grandes, fondos animados o con sensaci\u00f3n de movimiento, efectos hover y efectos de carga web.<\/p>\n
Hasta aqu\u00ed todas las tendencias en dise\u00f1o web 2020, t\u00fa, \u00bfCon cu\u00e1l te quedas?, \u00bfCrees que falta alguna?, \u00bfVas a implementar esta clase de medidas en tu web?<\/p>\n
PGEgY2xhc3M9Im1haW5idG4iIGhyZWY9Imh0dHBzOi8vcnVicmlrYS5lcy9kaXNlbm8td2ViLyI+PHNwYW4gY2xhc3M9ImFuaW1hVGV4dCI+TcOBUyBESVNFw5FPIFdFQjwvc3Bhbj4KPC9hPg==<\/p>\n","protected":false},"excerpt":{"rendered":"
Las tendencias en dise\u00f1o web 2020 vienen claramente marcadas por el contenido din\u00e1mico, los eventos en base al scroll, el dise\u00f1o minimalista, donde menos es m\u00e1s, y los efectos sutiles. Colores para dise\u00f1o web 2020 Para empezar, vamos a definir los colores que se esperan que sean los protagonistas de este 2020. El color del […]<\/p>\n","protected":false},"author":5,"featured_media":298,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-297","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"_links":{"self":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts\/297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/comments?post=297"}],"version-history":[{"count":0,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts\/297\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/media\/298"}],"wp:attachment":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/media?parent=297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/categories?post=297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/tags?post=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}