Lottie og webanimation
Lette vektoranimationer til websites og apps, leveret som Lottie-filer, der forbliver skarpe og indlæses hurtigt.
Vigtige funktioner
- Animationsdesigns i After Effects
- Lottie JSON- og dotLottie-eksporter
- Preview-videoer til godkendelse
- Implementeringsnoter til udviklere
- Der betales intet herDu får først et skriftligt tilbud. Ingen betaling, ingen binding.
- Solgt og leveret af GRADAXÉn kontrakt og ét team, uanset hvem der udfører arbejdet.
- Dine data forbliver i EUIntet flyttes uden for unionen for at blive behandlet.
Om denne ydelse
Lottie-animationer er vektorfiler, der afspilles på hjemmesider og i apps i en brøkdel af størrelsen af en video eller GIF. Vi designer og animerer ikoner, loaders, onboarding-sekvenser og hero-illustrationer, eksporterer dem som Lottie eller dotLottie og kontrollerer, at de afspilles korrekt i den player, dine udviklere bruger.
Små filer, skarpe i enhver størrelse
Animation på et website betød tidligere en GIF eller en video. GIF'er er store, har begrænsede farver og bliver slørede på skærme med høj opløsning. Videoer er tunge, kræver en afspiller og kan ikke reagere på brugeren. Lottie-filer beskriver animationen som vektorformer og bevægelse, så en ti sekunder lang illustreret animation kan veje en brøkdel af den tilsvarende video og forblive skarp på enhver skærm.
De kan også styres med kode. Et ikon kan animere, når man holder musen over det, en loader kan køre i loop, indtil data ankommer, en illustration kan afspilles, når brugeren scroller forbi den. Det gør Lottie velegnet til interface-detaljer, hvor en video ville være for tung og for passiv.
Design inden for det, Lottie kan afspille
Lottie eksporteres fra After Effects, men understøtter ikke alt, hvad After Effects kan. Mange effekter, sløringer, gløder, 3D-lag og visse blending modes bliver enten ikke eksporteret eller eksporteret på måder, der gør afspilningen meget langsom på telefoner. En animation, der er designet uden at tage højde for disse begrænsninger, skal ofte bygges forfra.
Vi designer til formatet fra første frame ved at bruge formlag, enkle masker og understøttede funktioner. Før overdragelse testes hver fil i den afspiller, dine udviklere bruger: lottie-web, iOS- eller Android-bibliotekerne eller dotLottie. Komplekse animationer tjekkes også for afspilning på en mellemklasse-telefon, da en flydende animation på en laptop kan hakke på en billigere enhed.
Specifikationer
- Kategori
- Video & animation
- Pris
- 290 € til 1.050 €
- Størrelser
- Lille (Ikonsæt), Mellem (Feature-animationer), Stor (Motionssystem)
- Leveringstid
- 3 dage til 4 uger
- Faktureret
- Engangsbeløb
- Hvad du får
- 4 elementer, alt inkluderet i prisen
- Det har vi brug for fra dig
- Hvor animationerne skal afspilles: website, iOS, Android eller alle tre, Eksisterende illustrationer eller ikoner, eller en brief til nye, Brandfarver og eventuelle retningslinjer for bevægelse
- Oftest købt af
- SaaS, Mobilapps, Fintech, E-handel
- Solgt og leveret af
- GRADAX, én kontrakt og ét team
- Hvor dine data behandles
- Den Europæiske Union
Hvad du får
Alt nedenfor er inkluderet i prisen. Intet her er en opgradering.
- Animationsdesigns i After Effects
- Lottie JSON- og dotLottie-eksporter
- Preview-videoer til godkendelse
- Implementeringsnoter til udviklere
Hvad ændres
- Animationer, der står skarpt på alle skærmstørrelser og tætheder
- Filstørrelser små nok til ikke at bremse sideindlæsning
- Afspilning testet i den web-, iOS- eller Android-afspiller, dit team bruger
- Interaktive tilstande som hover, klik eller scroll sat op, hvor der er brug for dem
Sammenlign størrelserne
Standardprisen for hver størrelse. Ekstra er prissat ved siden af, ikke skjult bag et opkald.
| Inkluderet | Ikonsæt290 €3 til 5 arbejdsdage | Feature-animationer500 €1 til 2 uger | Motionssystem1.050 €2 til 4 uger |
|---|---|---|---|
| Op til fem ikonanimationer eller én loader | Inkluderet | Inkluderet | Inkluderet |
| Lottie- og dotLottie-filer | Inkluderet | Inkluderet | Inkluderet |
| To runder revision | Inkluderet | Inkluderet | Inkluderet |
| Afspilningstest | Inkluderet | Inkluderet | Inkluderet |
| Alt i Ikonsæt | Ikke inkluderet | Inkluderet | Inkluderet |
| Op til tre illustrerede animationer på hver op til ti sekunder | Ikke inkluderet | Inkluderet | Inkluderet |
| Hover- eller kliktilstande | Ikke inkluderet | Inkluderet | Inkluderet |
| Implementeringsnoter | Ikke inkluderet | Inkluderet | Inkluderet |
| Alt i Funktionsanimationer | Ikke inkluderet | Ikke inkluderet | Inkluderet |
| Onboarding-sekvens på op til fem skærme | Ikke inkluderet | Ikke inkluderet | Inkluderet |
| Scroll-bundet eller interaktiv animation | Ikke inkluderet | Ikke inkluderet | Inkluderet |
| Motion-retningslinjer: timing, easing og principper | Ikke inkluderet | Ikke inkluderet | Inkluderet |
| Tilføj til tilbud |
Tilføj det, du har brug for
Choose the size
Tilføj det, du har brug for
Din total€500
Standardprisen plus det, du tilføjer. Bekræftet skriftligt, før noget starter; der opkræves intet, før du accepterer det.
Sådan fungerer det
Plan
Hver animations formål, længde og trigger aftalt.
Animér
Bygget i After Effects med kun de funktioner, Lottie understøtter.
Optimer
Former og keyframes forenklet for at holde filerne små.
Test
Afspillet i din målsatte afspiller på rigtige enheder før overdragelse.
Spørgsmål
Hvorfor Lottie i stedet for video eller GIF?
Lottie-filer er normalt meget mindre, skalerer uden sløring, har gennemsigtige baggrunde og kan styres af kode, såsom at afspille ved hover eller følge scroll.
Kan enhver animation blive en Lottie?
Nej. Lottie understøtter vektorformer godt, men nogle After Effects-effekter, blurs og 3D eksporterer ikke. Vi designer inden for de grænser fra starten.
Lægger I dem på vores side?
Vi leverer filer og noter til din udvikler. Implementering kan tilføjes, hvis du ikke har en udvikler.
Relaterede søgninger
Relateret arbejde
EngangsbeløbIkondesignEt skræddersyet ikonsæt tegnet på ét gitter, så hvert ikon ser ud som om det hører til resten.from 290 €
EngangsbeløbMobilapp-designiOS- og Android-appskærme designet i Figma, med flows, tilstande og et komponentbibliotek klar til build.from 420 €
EngangsbeløbLogoanimationDin logo animeret i et par sekunders motion, der passer til brandet, til video, web og sociale medier.from 290 €
EngangsbeløbChroma key og rotoscopingGreen screen keyet rent, og motiver klippet ud frame for frame, med hår og bevægelseskanter, der holder.from 290 €
EngangsbeløbVFX-compositingSkærmudskiftninger, fjernelse af objekter, himmelskift og tilføjede elementer, blendede, så ingen kan se samlingen.from 290 €
EngangsbeløbScreencast-videoSoftwaregennemgange optaget, redigeret og zoomet, så seerne kan følge hvert klik.from 290 €
Passer det ikke i en størrelse?
Noget arbejde har sin egen form. Vi afklarer omfanget først og giver et skriftligt tilbud; afklaringsopkaldet koster intet.