t3n: Läuft mit Lottie
Victoria Rauch
02/2021
2 Minuten LesedauerAbgedruckt
Victoria Rauch
UX/UI Design
Craft Lead
Zusammenfassung
In der t3n Ausgabe 61 schreibt unsere Designerin Vicky darüber, wie Designer Web-Animationen ganz ohne Code erstellen und schnell in Websites integrieren können.
Lottie ist ein Plugin, um vektorbasierte Illustrationen zu erstellen und diese einfach in die Website zu integrieren – ohne, dass DesignerInnen dabei ein neues Tool lernen müssen. Denn: Die Animationen können mit Adobe After Effects gebaut werden und dann verlustfrei als JSON-Dateien exportiert werden. Lottie begeistert aber auch Entwickler, denn mit dem Lottie-Web-Player kann der performante Code einfach implementiert werden. Ein Gewinn für beide Seiten!
Lottie ist für mich ein unglaublich nützliches Animationstool geworden. Nicht nur, dass man mit einfachen Mitteln eine skalierbare Animation erstellen kann, sondern man kann diese auch ganz easy im Web implementieren. Dieses Knowhow in gedruckter Form mit anderen Designern zu teilen war eine spannende Erfahrung.
Weitere Insights
Know How
Abgedruckt
t3n: Interface Driven Development
Das t3n-Magazin setzte sich in der Ausgabe 74 mit dem Schwerpunktthema "Urban Experience" und generell Nutzerfreundlichkeit in unterschiedlichen Bereichen auseinander. Unser Kollege Simon hat in diesem Zusammenhang einen Artikel über "Interface Driven Development" geschrieben und die Developer Experience in den Vordergrund gestellt.
Simon Schmidt
01/2024
Know How
How to: SVG Animationen
Kleine Animationen sind wie die feinen Gewürze eines Gerichts – sie verleihen einer Website den letzten Schliff und laden User zur Interaktion ein. Doch oft bleiben sie ein unerfülltes Nice-to-have, verbannt aus dem Projekt-Scope. Die Gründe dafür sind vielfältig: der Aufwand, die benötigte Software-Skills und die Performance des Web-Projekts. Doch es gibt eine Lösung, die all diese Hürden elegant umgeht: SVG SMIL Animationen.
Victoria Rauch
09/2023