TRAINING

RichSVG: Kompakt

SVGs mit Interaktivität und Animationen anreichern und einbinden

Warum Rich SVG?

Skalierbare Vektorgrafiken sind spätestens in Zeiten von Responsiven Webseiten zu einem wichtigen Bestandteil von digitalen Projekten geworden. Ihr eigentliches Potential wird dabei jedoch oft unterschätzt: Mit CSS und JavaScript lassen sie sich einfach manipulieren und anreichern, von animierten UI Elementen bis zu komplexem Storytelling.

Die Vorteile:

  • Gestaltung in Designtools (XD/Illustrator)
  • Anreichern mit CSS/JavaScript
  • Self containing (in einer Datei)
  • Direkt in HTML integrierbar

Damit haben Rich SVGs das Potential das eigentliche Erbe von Flash an zu treten. So lassen sich einfache Erklär Animationen ebenso erzeugen wie begehbare Infografiken oder ganze erlebbare Produktwelten.

Dafür muss man keinesfalls zum Coder werden!

 
Zielsicheres Anreichern mit

Skalierbar, interaktiv, animiert

Rich SVG

  • Komplette Gestaltungsvielfalt
  • Vergleichsweise geringe Dateigrößen
  • Einfaches Gestalten in Designtools
  • angereichert mit visuellem Storytelling, Interaktivität, Animation und Gamification

Ziel dieses Trainings

In diesem Kompakt Kurs lernst du die Möglichkeiten von angereicherten SVG Elementen verstehen, planen und zielsicher einsetzen.

Erlange ein grundlegendes Verständnis über den Aufbau von SVGs, die unterschiedlichen Anreicherungsmöglichkeiten mit CSS und JavaScript kennen und wie man auch ohne große Code Kenntnisse spannende, interaktive und animierte Inhalte mit SVGs schaffen kann. 

Nach dem Seminar in der Lage, den ganzen Workflow von Gestaltung über Anreicherung bis zur sauberen Integration sauber und zielsicher selbstständig durchführen, einschließlich spezieller Lösungen wie Icon Variations für dynamische Anzeige von SVG Iconsets.

RichSVG Plugin

Direkt und ohne große Umwege SVGs anzureichern geht am Besten mit dem RichSVG Plugin für Adobe XD. Im Rahmen des Trainings exklusiv und frei einsetzbar (lifetime free license).

Direkt animieren

SVGs direkt im Design Tool anreichern

Interaktivität

Den User mit dem SVG interagieren lassen

Templates

Anpassbare Vorlagen für schnelle Resultate

Ausgabe

Veröffentlichen samt Animationen

Wir geben maßgeschneiderte
Ich bin begeistert, dass man doch mit so wenig Aufwand und Code Kenntnisse so tolle Ergebnisse erzielen kann. Und das schon nach einem Tag!
Kristian Baumann
AVM

Von unserer Erfahrung profitieren

Um bei der einhergehenden Komplexität des Tools so schnell und zielführend wie möglich fit für den produktiven Alltag zu sein, sind unsere Trainings auf spezielle Anwendungsfälle ausgerichtet. Dabei zahlt es sich aus, dass wir nicht reine Trainer sind, sondern auf langjährige Erfahrung aus konkreten Projekten zurückgreifen können. Mit über 8.000 erfolgreich geschulten Teilnehmern wissen wir exakt, wie wir auch komplexe Inhalte leicht verständlich vermitteln und Hemmschwellen abbauen.

Sag es mir, und ich werde es vergessen.
Zeige es mir, und ich werde mich daran erinnern.
Beteilige mich, und ich werde es verstehen.

DÜRFEN WIR VORSTELLEN

Unser Trainer Team

Daniel Connerth
Joely Tafanalo
Simon Widjaja

In guter Gesellschaft

Wir haben bereits gearbeitet für:
Vorträge, Publikationen, Awards und Fundings:

Interessiert?

Um für jeden Bedarf die wirklich passende Schulung anbieten zu können, wollen wir zunächst im Gespräch die genauen Anforderungen bestimmen.

Wann und wie können wir am Besten in Kontakt treten?

"Fragen? Wünsche? Probleme? Ich stehe gerne für ein Gespräch bereit und versuche die beste Lösung zu finden."
Daniel Connerth
Trainings & Kontakt

+49 221 / 7198734
connerth@trendspurt.com

Aufgepasst!

Habt ihr Inhalte, die visuell aufgepeppt werden wollen?

Sucht ihr Coder, die wirklich kreativ sind?

Wollt ihr schnell und nachhaltig eigene Kompetenzen aufbauen?