Animation & Motion Design

Lust auf Bewegung? Wir hauchen deinen Kommunikationsmitteln Leben ein. Mit Motion Design und animierten Icons, Grafiken und Illustrationen unterstützen wir dich dabei, deinen Content attraktiver zu präsentieren.

Motion what?

Motion Design steht für die Erstellung und Aufbereitung von audiovisuellen Inhalten, bestehend aus verschiedenen Farben, Formen, Flächen, Schriften und Übergängen. Also eine Kombination aus grafischen Elementen, die animiert und mit musikalischer Untermalung und Textelementen zu einer Storyline geformt werden.

Storytelling ist ein gutes Stichwort, denn Motion Design kann zwar vielfältig eingesetzt werden, ist aber besonders wertvoll bei der abstrakten Darstellung von Themen wie beispielsweise einer Prozesserklärung. Motion Design kann aber auch genutzt werden für Showreels, wie wir dies für WEBKINDER selbst zum Beispiel hier gemacht haben. Wozu der ganze Aufwand? Die bewegenden Formen, Farben, Hintergründe und Übergänge sind nun mal sehr dynamisch und wecken so die Aufmerksamkeit des Publikums.

Aus diesem Grund lässt sich Motion Design auch gut nutzen, um Schulungs- und Erklärvideos oder rein textbasierte Information ansprechender zu präsentieren. Weihnachtsgrüsse können ebenso entstaubt und attraktiv mit einem animierten Video gestaltet werden. Der Kreativität und deinen Ideen sind wirklich keine Grenzen gesetzt.

Was wir nicht anbieten:
Wir sind keine Videografinnen oder Produzentinnen. Wir organisieren also keine Videodrehs, machen keine Aufnahmen und produzieren keine Commercials.

Animierte SVG-Dateien

Eine andere Möglichkeit, animierten Content für deine Website oder andere digitale Kommunikationsmittel zu nutzen, sind animierte SVG-Dateien. SVG steht für “Scalable Vector Graphics”, ein Dateiformat, das du wahrscheinlich von Logos kennst. Es handelt sich hierbei um ein Dateiformat für zweidimensionale Vektorgrafiken. Der entscheidende Unterschied zu JPEG und anderen Grafikformaten ist die Vektorisierung. Diese lässt Skalierbarkeit ohne Qualitätsverlust zu, weshalb SVG-Dateien gerne im Web, aber auch für Animationen eingesetzt werden.

Nun zum eigentlichen Thema: Durch die Vektorisierung der Elemente können diese animiert werden. Das kleine Icon zum Thema Animation und Motion Design am Anfang dieser Seite ist ein Beispiel für eine animierte SVG-Datei. Im Gegensatz zu anderen Animationen auf einer Website wird hier das Icon durch die Designerinnen animiert und nicht durch das Development-Team. Es wird nach der Animation exportiert und als normaler Inhalt in einem speziellen Format auf einer Website eingefügt. Dadurch können die animierten SVG-Dateien auch an anderen digitalen Orten zum Einsatz kommen, beispielsweise verschachtelt in Videos.

Anders als bei kompletten Motion-Design-Videos (was nichts anderes ist als ganz viele animierte SVG-Dateien kombiniert) handelt es sich bei animierten SVG-Dateien, auch Lotties genannt, um kleinere Elemente. Das können animierte Icons oder sich bewegende Illustrationen/Grafiken sein, welche du beispielsweise für deine Website nutzen kannst. Hier findest du im Inhalt animierte Illustrationen und nachfolgend Beispiele für animierte Icons.