Taller SVG en el diseño Web

Diseño web, FrontEnd

Poder y funcionalidad de los Gráficos Vectoriales Escalables en el diseño de páginas web.

Intermedio Corto (hasta 8 horas) Precio en promoción 65€ 49€

Tras convertirse en recomendación de la W3C hace casi catorce años, los Gráficos Vectoriales Escalables o SVG son una realidad presente y futura en el diseño web, de la mano de HTML5.

Gracias a su versatilidad, menor peso en los archivos y su calidad infinita, SVG nos ayuda a la creación de webs con una riqueza tipográfica y de layout sin precedentes, que no resta protagonismo a la accesibilidad del contenido.

Este taller de fin de semana esta destinado para diseñadores web, front-end developers y en general para cualquier persona que le interese la creación de webs optimizadas y profesionales.

Objetivo general y conocimientos previos para el taller de SVG 

Aprenderemos la estructura de los SVG y las etiquetas más importantes que tenemos a nuestra disposición. Conoceremos los métodos para añadir SVG a nuestros proyectos web, a través de una depurada una metodología de trabajo. No nos conformamos con exportar, vamos a lograr que nuestros SVGs pesen todavía menos, sean indexables por Google y también accesibles para personas con discapacidad.

Para sacar el máximo provecho, debes saber manejar un editor de código (como por ejemplo Sublime Text , Brackets, Atoms...), además es interesante tener un mínimo conocimiento en Adobe Illustrator. 

¿Por qué es interesante realizar este taller?

SVG simplifica de forma notable nuestro flujo de trabajo en la creación de páginas web gracias a sus ventajas en cuanto a escalabilidad, indexación, versatilidad, compresión y adaptabilidad, desde las pantallas de dispositivos móviles a los monitores de escritorio con alta resolución y retina display. Además al permitir la modificación dinámica mediante Javascript o incluir el soporte de CSS, el control y resultado de nuestro diseño es espectacular y adaptado 100% a nuestras necesidades.

Aunque rivaliza en potencial con tecnologías como Flash, la ventaja de SVG de ser un estándar abierto y recomendado por la W3C. Por ello, conocerlo y dominarlo generará enormes posibilidades profesionales tanto para la web de hoy como para la del futuro. Sin olvidarse de las aplicaciones híbridas, donde SVG es el mejor formato para desplegar gráficos adaptables e interactivos. 

Si el prestigioso New York Times y la conocida guía de viajes Lonely Planet ya lo utilizan ¿a qué estás esperando para empezar a usarlo en tus propios proyectos web?

Jorge Aznar

SVG, CSS, PostCSS, HTML