Gráficos vectoriales SVG: ilustrar y animar con código

Resumen

“Podríamos decir que un SVG, al ser una imagen, ya es en parte responsive. Sin embargo, el hecho de que pueda incorporar CSS permite también incluir media queries, y por tanto hacer modificaciones visuales en función del tamaño que tenga para mostrarse, añadiendo más o menos detalles. Vamos a ver sus posibilidades.”

En esta videolección, Javier Usobiaga Ferrer aborda el tema: SVG responsive, que forma parte del curso online de Domestika: Gráficos vectoriales SVG: ilustrar y animar con código. Aprende a trabajar con ilustraciones vectoriales en tus páginas web, de la línea a la animación interactiva.

Transcripción parcial del vídeo

“[Música] La lógica dice que .svg como un archivo de imagen en el fondo ya es responsive. Ya se puede adaptar pero en realidad .svg tiene mucho potencial detrás. Vamos a verlo. En esta página podemos ver un conjunto de... logos responsive, un experimento en el cual los logos en función del espacio disponible muestran mayor o menor detalle de los mismos. [Música] En este caso el efecto se consigue sencillamente creando una imagen más grande, un sprite con diferentes estados y mostrando solo una parte. Sin embargo, vamos a explorar otras técnicas para conseguir efectos parecidos. En este ejemp...”

Generamos automáticamente esta transcripción y puede haber erratas.

Resumen del curso: Gráficos vectoriales SVG: ilustrar y animar con código

• Nivel: Iniciación
• 98% valoraciones positivas (271)
• 9107 estudiantes
• 7 unidades didácticas
• 32 lecciones (2h 2m)
• 6 recursos adicionales

• Categoría

  Diseño Web y App

• Software

  Adobe Illustrator, Sketch

• Áreas

  Animación, Desarrollo Web, Diseño interactivo, Diseño Web