15 Diseños Web con animaciones SVG fantásticas

Si eres diseñador de paginas web y andas en busca de inspiración para tu próximo proyecto o incluso para diseñar tu portafolio web entonces seguro te interesaran estos diseños web con animaciones SVG. Las animaciones SVG se han convertido en una tendencia en nuestro mundo del diseño web desde hace un par de años, ya que permiten a los diseñadores tener aun mas libertad sin sacrificar calidad de imagen y sin aumentar una carga excesiva a la pagina.

Los elementos SVG (Scalable Vector Graphics) son gráficos escalables; es decir son gráficos vectoriales que podemos manipular o cambiar su tamaño sin preocuparnos por la perdida de calidad. El uso de estos elementos y de las animaciones SVG se ha vuelto una tendencia que acompaña al desarrollo de paginas web responsivas permitiendo la proliferación de pagina visualmente atractivas que explotan de forma correcta el uso de estos recursos.

Otra gran ventaja es el soporte con los navegadores web, en los que el único que muestra ciertos problemas de soporte es Internet Explorer en sus versiones inferiores a la versión 11, a nadie le sorprende esto, estoy seguro.

soporte-svg-navegadores-web

Algunas herramientas útiles para crear animaciones SVG están basadas en JavaScript y son utilizadas por algunos de los sitios que hemos listado abajo, dos de esas herramientas son Snap.svg una librería con una buena cantidad de métodos que nos permiten manipular y hacer magia con gráficos SVG en nuestra pagina web, otra herramienta que no esta enfocada en SVG pero siempre es útil es ScrollMagic.js una librería que nos permitirá manejar a nuestro gusto los eventos scroll de nuestra pagina web. ScrollMagic.js nos permitirá decidir cuando iniciar animaciones sean SVG o CSS en nuestra pagina conforme hagamos scroll sea de forma vertical u horizontal, un fantástica herramienta.

Tutoriales para animaciones SVG 

Diseños Web con animaciones SVG

Dubai Future Accelerators

disenos-con-animacions-svg-dubai-future

Jelvix

disenos-con-animacions-svg-jelvix

Visa 360° Acceptance

Diseños Web con animaciones SVG visa-rio

3Magine

Diseños Web con animaciones SVG 3magine

5 Years with Sutunam!

disenos-con-animacions-svg-5-years-with-sutunam

Arco

disenos-con-animacions-svg-arco

Bellagicons

disenos-con-animacions-svg-bellagicons

Confederation Studio

disenos-con-animacions-svg-confederation-studio

Disrupted Design

disenos-con-animacions-svg-disrupted-by-design

Guglielmo Pardo

disenos-con-animacions-svg-guglielmo-pardo

Happy Birdday

disenos-con-animacions-svg-happy-birdday

Linemotion

disenos-con-animacions-svg-linemotion

Serio Verify

disenos-con-animacions-svg-serio-verify

Type Terms

Diseños Web con animaciones SVG type terms

Le Mugs

Diseños Web con animaciones SVG le-mugs

comment ¿Que opinas?

Artículos recientes

close

10 Ejemplos de vandalismo como una actividad creativa

Aveces el vandalismo deja huellas de mal gusto en el panorama urbano del mundo, no obstante, existen creativos que crean obras bastante llamativas y amables a la vista. Estas obras están inspiradas en su mayoría…

close

Super Shadows, un serie ilustrativa que explora la imaginación infantil

El día de hoy, quiero compartir con ustedes el trabajo del artista e ilustrador de origen estadounidense Jason Ratliff; el cual, ha realizado una genial serie ilustrativa que explora la imaginación de los niños que se…

close

Diseños de muebles para amantes de la comida rápida

Un Hot Dog y una Hamburguesa inspiran estos geniales diseños de muebles creados para amantes de la comida rápida; estos han sido creados por Studio Job y Seletti como parte del maison et objet 2017, el…

close

play_circle_outline Age of Empires IV es una realidad, y estrena su primer trailer

Age of Empires IV, la cuarta entrega de la saga original de Ensemble Studios llegará de la mano del estudio Relic Entertainment, el cual, conocido por haber desarrollado el famoso juego Dawn of War. Esta nueva entrega…

close

The Upside Down, el primer bar inspirado en la serie de Stranger Things

The Upside Down es un bar creado en motivo de homenaje para una de las series más representativas de Netflix, la cual, como el titulo menciona es reconocida bajo el nombre Stranger Things. Este bar…

close

Android Oreo, la versión 8.0 del SO de Google ya esta aquí

Google ha lanzado al mercado la nueva versión de su sistema operativo conocido como Android; el cual, recibe el nombre de Oreo. Como sabrás, cada nueva versión de Android lleva el nombre de una golosina,…

notifications Recién publicamos
close