Online-Tools

Lottie Animation Files vorgestellt

Lottie Animation Files vorgestellt

 

LottieFiles sind kleine interaktive Animationen, die sich auf Websites und in Apps einbinden lassen. Während animierte Videos oder auch komplexere GIFs hohen Datenmengen verursachen und in EINEM vordefinierten Größenformat angelegt werden, sind LottieFiles skalierbare, ultra-kleine und lade-freundliche Dateien.

Das Open Source Format – was sich am ehesten mit einem skalierbaren Vektorformat vergleichen lässt – kann entweder direkt per Drag & Drop im Online Editor bearbeitet werden, über ein Plugin in After Effects, Adobe Animate, Flow oder Inkscape usw.

 

Screenshots der Website:

______________

Über Stichworte könnt ihr die riesige Plattform nach passenden Motiven durchsuchen. Sucht ihr zum Beispiel kleine Animationen, die – wie hier – den Begriff “Download” visualisieren, zeigt es euch die Ergebnisse an, die ihr wiederum nach Typ, Stil, Farbe und Beliebtheit sortieren könnt.

 

______________

Unzählige Illustrator:innen und Designer:innen bieten kostenfreie und -pflichtige Motive an (Copyrights nicht vergessen!). Hier lohnt ein genauerer Blick, denn die Designer:innen bieten häufig viele Motive in EINEM Stil, ganzen Themen-Sammlungen oder lassen sich für umfangreichere, individuelle Jobs anheuern.

Ansicht eines Portfolios mit “Public Animations”:

 

______________

Ein weiterer Vorteil ist die große Palette an Integrationen, die LottieFiles-Animationen unterstützen: Android, iOS, macOS, iPadOS, Skia, WordPress, Windows. Die im Online Editor angepassten Motive werden als JSON-Datei heruntergeladen und dann z.B. via WordPress-Elementor in die Website integriert.

Kleinere Anpassungen – wie Farben und Dauer der Animation – lassen sich online schnell anpassen. Einfach bei LottieFiles anmelden (z.B. über den Google Account) und loslegen.

Beispiel >> Anpassung Farben:

lottie_bsp_animation_schritt-fuer-schritt

 

______________

 

Fazit:

Die kleinen Animationen werten das Design auf, können Sachverhalte kurz und knapp erklären, machen Spaß und lassen sich einfach in euer Web-Projekt integrieren. Wir setzen LottieFiles bereits auf unserer  eigenen Website als auch Kund:innen-Projekten ein.

Sprecht uns gern an: wir unterstützen euch bei der Beratung und Umsetzung animierter Elemente im Online-Bereich.

 

Aber nun erst einmal: Frohe Ostern!

Eure Klickis

 

 

______________

 

Bildnachweise verwendeter LottieFiles:

  • Easter Egg Bunny: menee design
  • Design Plan: Zag Cabone
  • Designer Übersicht: Antoine Wentzler
  • Screenshots Website: https://lottiefiles.com/

 

The following two tabs change content below.

Katja

Hallo, ich bin Katja und unterstütze seit Mitte April 2016 das Team der Klickkomplizen im Bereich Grafikdesign. Ich freue mich auf einen kreativen Austausch.
#TikTok wird übersichtlicher und führt zur besseren Strukturierung der Inhalte die Möglichkeit der Playlists ein.… https://t.co/cXKDAqrZiS
Entdeckt bei @Zielbar_DE: #Twitter arbeitet an einer Gruppenfunktion. Ein spannender Ansatz, um sich besser zu vern… https://t.co/M2VvQQNzAC
Entdeckt bei @einfachDan. Ein spannender Test, fraglich ist jedoch, wie gut die Übersetzung im Endeffekt tatsächlic… https://t.co/e415C0HUDc
Gibt es bald ein schickes Outro für #Tiktok Videos? 🧐 https://t.co/54jFEwBUNe
💡Nutzt ihr Lead Ads auf #Facebook? Wenn nicht, dann werdet ihr auf unserem Blog fündig. Dort gibt's ein umfangreich… https://t.co/57TBX8cqPL
Wohin ist eigentlich der Hype um #Clubhouse verschwunden? 🤔#socialmedia https://t.co/2P5aipQmki
Spannende Erkenntnisse zum Nutzer:innenverhalten in #Google. #onlinemarketing https://t.co/wO3FSCui6M
Alles, was es zum Thema #CTA zu wissen gibt, erfahrt ihr kurz und knackig in diesem Artikel von @chimpify.… https://t.co/Li2G8NhZ3z
💡Du fragst dich jedes Mal aufs Neue, welche Bildgrößen du für #Instagram brauchst? Auf unserem Blog gibt's die Über… https://t.co/RejP1zgqFq
💡Responsive Displayanzeigen bei #GoogleAds auswerten? Mit dem Blogbeitrag von Sabrina kein Problem mehr. 👇https://t.co/u1LJDMvvLG
📭 Postfächer auf - der neue #Klickkomplizen Newsletter steht in den Startlöchern!Du hast ihn noch nicht abonnier… https://t.co/719cAvKJ4w
Nach dem ersten Hype geht die Entwicklung von #Clubhouse weiter. Diese Features sind nun neu dazu gekommen.… https://t.co/LfDLy8IGcQ
Habt ihr schon die Labels in eurer App? #facebook #socialmedia https://t.co/qPwon1o4Yy
Einen guten Start in die neue Woche wünschen wir. Möge der Kaffee mit euch sein.😎 #klickkomplizen https://t.co/XVdwrun68J
Ein Blick in die Zukunft der digitalen Zusammenarbeit - durch die VR-Brille. Mit einem faszinierenden Werbevideo.… https://t.co/rb6noQLNEp
Das klingt doch nach einem netten Feature für #WhatsApp. #socialmedia https://t.co/JFAjLOv6KB
Immer wieder Neuerung bei #Twitter: diesmal im Bereich #Spaces und dem Vorplanen von Beiträgen. #socialmedia https://t.co/GxLvUSufGY
💡How to do #Instagram #Reels? Auf unserem Blog erfahrt ihr, was ein gutes Reel ausmacht und bekommt ein paar Tipps… https://t.co/mhInOmeUqs
Auf die Plätze, fertig, live! #Instagram veröffentlicht ein Live Room-Feature für 4 Creator. #socialmedia https://t.co/P6MdiQh9x0