Lottie-Animationen

‍Lottie-Animationen sind eine effektive Möglichkeit, auffällige, kontextbezogene Animationen zu deinen Designs hinzuzufügen. Neben einer lebendigen Community auf lottiefiles.com wird das Lottie-Dateiformat von vielen Animationstools unterstützt, sodass sich Animationen aus fast jeder Quelle leicht in etwas verwandeln lassen, das mit Sitely auf deiner Website funktioniert.

‍Die Animationsdateien haben die Dateiendung “.lottie” (auch bekannt als “dotLottie”) oder für ältere Animationen die ".json"-Erweiterung. Nach diesen Formaten solltest du beim Herunterladen von Animationen Ausschau halten. Anschließend kannst du die Datei entweder auf die Sitely-Arbeitsfläche ziehen oder das Animationselement hinzufügen und die Datei dann über den Inspektor einfügen.

‍Eine dauerhaft hüpfende Animation kann zwar etwas zu viel sein, auf bestimmten Seiten kann sie aber gut funktionieren. Eine dezente Animation ergibt zum Beispiel auf der Dankeseite eines Kontaktformulars oder in einem kurzlebigen Popup Sinn.

‍Animationen können so konfiguriert werden, dass sie einmal oder in einer Schleife ablaufen, und die Schleife kann nur vorwärts oder hin und her laufen. Außerdem kannst du die Abspielgeschwindigkeit der Animation festlegen.

‍Die Lottie-Animation kann auch so konfiguriert werden, dass sie beim Scrollen abgespielt wird, und in diesem Fall wird die Geschwindigkeitssteuerung zu einem Geschwindigkeitsmultiplikator, mit dem du steuerst, wie sich das Scrollen auf den Animationsfortschritt auswirkt.

‍Lottie-Animationen starten automatisch, sobald sie im Sichtbereich sind, und stoppen, wenn sie aus dem Sichtbereich herausgescrollt werden. Das funktioniert auch mit Popups.

‍Hier ist eine Lottie-Animation: