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

Hermosas fotografías de paisajes nocturnos por Simon Waldran

La fotografía nocturna nos permite ver angulo nuevo de los paisajes que conocemos; esto debido a que en la naturaleza los contrastes de luces y ambiente cambian demasiado dependiendo de la hora. Es por eso,…

close

Mockup Photoshop animado de iPhone gratis

Excelente Mockup Photoshop animado de iPhone para descargar gratis y utilizar para presentar tu proyecto, esta perfecto para presentar junto a un portafolio digital o web, no es para After Effects, todo es para generar ya…

close

Netflix Beers, el creativo diseño de cervezas inspirado las series de Netflix

Netflix Beer, es un proyecto realizado por la diseñadora gráfica Razan Wehbi; en la cual crea un genial branding de cervezas para la empresa Netflix que siempre esta en busca de expandir su negocio. Es…

close

Geniales ilustraciones minimalistas con motivo del descubrimiento de la NASA

La artista Amanda J. Smith ha realizado unos carteles para conmemorar el descubrimiento del sistema planetario TRAPPIST-1; estas ilustraciones que han sido presentadas por la misma NASA son un intento para que nos demos una idea de…

close

Lista de estrenos en Netflix para Marzo 2017

Como cada mes, te traemos todos los estrenos en Netflix para Marzo 2017 a su plataforma de vídeo mediante streaming; series muy esperadas como “Ingobernable” e incluso películas como “50 sombras de grey” y “Monsters…

close

100 Iconos temáticos para paginas web gratis

Les comparto este paquete de 100 iconos temáticos gratis que me encontré navegando por Dribbble, esta serie de iconos no se centra en redes sociales, servicios web y tampoco se trata de iconos para controles o aplicaciones,…

notifications Recién publicamos
close