Lottie-Animationen

Lottie-Animationen sind eine effektive Möglichkeit, Ihre Designs mit auffälligen, kontextbezogenen Animationen zu versehen. Neben einer lebendigen Community auf lottiefiles.com wird das Lottie-Dateiformat häufig von Animationswerkzeugen unterstützt, sodass es einfach ist, Animationen aus fast jeder Quelle in etwas zu verwandeln, das mit Sitely auf Ihrer Website funktioniert.

Die Animationsdateien haben die Dateiendung „.lottie“ (auch bekannt als „dotLottie“) oder die Endung „.json“ für ältere Animationen. Achten Sie also beim Herunterladen von Animationen auf diese Endung. Sie können die Datei dann entweder in der Sitely-Arbeitsfläche ablegen oder das Animationselement hinzufügen und dann die Datei aus dem Inspektor hinzufügen.

Eine ständig springende Animation kann zwar etwas zu viel des Guten sein, auf bestimmten Seiten kann sie aber durchaus funktionieren. Eine geschmackvolle Animation macht beispielsweise auf einer Dankesseite eines Kontaktformulars oder in einem kurzlebigen Pop-up Sinn.

Animationen können so konfiguriert werden, dass sie einmal oder in einer Schleife ablaufen und nur vorwärts oder vor- und rückwärts wiederholt werden. Sie können die Wiedergabegeschwindigkeit der Animation konfigurieren.

Die Lottie-Animation kann auch so konfiguriert werden, dass sie beim Scrollen abgespielt wird. In diesem Fall wird die Animationsgeschwindigkeitssteuerung zu einem Geschwindigkeitsmultiplikator, mit dem gesteuert werden kann, wie sich das Scrollen auf den Fortschritt der Animation auswirkt.

Lottie-Animationen starten automatisch, wenn sie angezeigt werden, und stoppen, wenn sie aus dem Sichtfeld gescrollt werden. Dies funktioniert auch mit Pop-ups.