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.
Während der letzten Monate haben wir Klickis wieder fleißig an einem #Webprojekt gearbeitet: Für das bekannte Berli… https://t.co/ChxWZqSAjS
Kennt ihr schon unseren #Newsletter? Jeden Monat die neuesten #Updates sowie #Tipps & Tricks rund um… https://t.co/jMWM1YaCoP
#Clubhouse schafft Invite-Only-Funktion ab.👀 Alle Details findet ihr hier: https://t.co/PswbllNUAt
"Bist du sicher, dass du diesen Kommentar posten willst?" - das wird man in Zukunft auf #TikTok gefragt werden, wen… https://t.co/qoVWBs4FkJ
Habt einen entspannten Start ins Wochenende!🙌 #overandout
Darauf haben wir gewartet: Die Entwurf-Funktion für #InstagramStories kommt!🙌Wer hat diese Funktion bereits in der App entdeckt?🤓
Instagram möchte zukünftig noch stärker den Fokus auf Videos setzen. Produzierst du Reels oder IGTVs? #tippshttps://t.co/XCCZcw0rmy
Die #Twitter Stories ("Fleets") werden nun nach kurzer Zeit wieder eingestellt.☠️ Perfektes Beispiel, weshalb Socia… https://t.co/L2iQbrNQ9L
Wir wünschen euch einen guten Start in die neue Woche!☕️
#HappyWeekend! Wir starten ins wohlverdiente Wochenende.☺️ https://t.co/6IX8S6yBMB
Hast du schon mal darüber nachgedacht, deine #Stories, beispielsweise auf #Instagram, an den Tagesablauf und damit… https://t.co/0j6Qy6sLAD
Unbedingt beachten: die Umgebung, in der deine #Story von deinen #Follower:innen konsumiert wird! Ist es hell oder… https://t.co/Dc8WvIZdFH
Seit kurzem ist es bei #MicrosoftAds möglich, neben den allseits beliebten Suchanzeigen auf #Bing und Co. sogenannt… https://t.co/uf8o8nbDt3
3 Minuten-TikToks - unrealistisch? Wohl kaum: Kürzlich konnten ausgewählte User:innen auf #TikTok minutenlange Vide… https://t.co/wTq0YIUUcY
#Schongewusst? Es gibt jetzt Ads für Instagram Reels! Videos bis zu 30 Sekunden können beworben werden und müssen i… https://t.co/lRa6VstRRx
Du bist auf einer Webseite oder in einem Textdokument und siehst eine #Schriftart, die dir richtig gut gefällt? Du… https://t.co/PAJxhbTIoY
Social Media Manager:innen können sich freuen: Endlich lassen sich die #Kennzahlen von #Instagram – wie auch in der… https://t.co/CAwwLwMjoy
Für deine #instagram -Story könntest du bald mehr Farb-Optionen zur Verfügung haben: Die bisher eher kleine… https://t.co/2WS0glkuPj
Interessante, neue Möglichkeit mit #iOS15 für Fashion Brands.🤔 https://t.co/yz4pDQzNCO
Kennt ihr schon unseren #Newsletter? #Google, #Facebook, #Instagram & Co. – News aus der #OnlineMarketing Welt beko… https://t.co/CoXTaK6iF0