Lottie og nettanimasjon
Lette vektoranimasjoner for nettsteder og apper, levert som Lottie-filer som holder seg skarpe og lastes raskt.
Viktige funksjoner
- Animasjonsdesign i After Effects
- Lottie JSON- og dotLottie-eksporter
- Forhåndsvisningsvideoer for godkjenning
- Implementeringsnotater for utviklere
- Ingenting kjøpes herDu får først et skriftlig tilbud. Ingen betaling, ingen forpliktelser.
- Solgt og levert av GRADAXÉn kontrakt og ett team, uansett hvem som gjør jobben.
- Dataene dine blir i EUIngenting flyttes ut av unionen for behandling.
Om denne tjenesten
Lottie-animasjoner er vektorfiler som spilles av på nettsteder og i apper med en brøkdel av størrelsen til en video eller GIF. Vi designer og animerer ikoner, loadere, onboarding-sekvenser og hero-illustrasjoner, eksporterer dem som Lottie eller dotLottie, og sjekker at de spilles av riktig i spilleren utviklerne dine bruker.
Små filer, skarpe i alle størrelser
Animasjon på et nettsted betydde før en GIF eller en video. GIF-er er store, har begrenset fargegjengivelse og blir uskarpe på skjermer med høy oppløsning. Videoer er tunge, krever en spiller og kan ikke reagere på brukeren. Lottie-filer beskriver animasjonen som vektorformer og bevegelse, så en ti sekunder lang illustrert animasjon kan veie en brøkdel av tilsvarende video og forbli skarp på alle skjermer.
De kan også styres med kode. Et ikon kan animeres ved hover, en laster kan gå i loop til dataene kommer, en illustrasjon kan spilles av når brukeren ruller forbi. Det gjør Lottie egnet for grensesnittdetaljer der en video ville vært for tung og for passiv.
Å designe innenfor det Lottie kan spille av
Lottie eksporteres fra After Effects, men støtter ikke alt After Effects kan gjøre. Mange effekter, uskarpheter, gløder, 3D-lag og enkelte blandingsmoduser eksporteres enten ikke eller på måter som gjør avspillingen svært treg på telefoner. En animasjon som er laget uten å ta hensyn til disse begrensningene, må ofte bygges på nytt.
Vi designer for formatet fra første bilde, med formlag, enkle masker og støttede funksjoner. Før overlevering testes hver fil i spilleren utviklerne dine bruker: lottie-web, iOS- eller Android-bibliotekene, eller dotLottie. Komplekse animasjoner sjekkes også for avspilling på en telefon i mellomklassen, siden en jevn animasjon på en laptop kan hakke på en billigere enhet.
Spesifikasjoner
- Kategori
- Video og animasjon
- Pris
- 290 € til 1 050 €
- Størrelser
- Liten (Ikonsett), Middels (Funksjonsanimasjoner), Stor (Bevegelsessystem)
- Leveringstid
- 3 dager til 4 uker
- Fakturert
- Engangs
- Hva du får
- 4 elementer, alt inkludert i prisen
- Hva vi trenger fra deg
- Hvor animasjonene skal spilles av: nettsted, iOS, Android eller alle tre, Eksisterende illustrasjoner eller ikoner, eller en brief for nye, Merkevarefarger og eventuelle retningslinjer for bevegelse
- Oftest kjøpt av
- SaaS, Mobilapper, Fintech, E-handel
- Solgt og levert av
- GRADAX, én kontrakt og ett team
- Hvor dataene dine behandles
- Den europeiske union
Hva du får
Alt nedenfor er inkludert i prisen. Ingenting her er en oppgradering.
- Animasjonsdesign i After Effects
- Lottie JSON- og dotLottie-eksporter
- Forhåndsvisningsvideoer for godkjenning
- Implementeringsnotater for utviklere
Hva endres
- Animasjoner som holder seg skarpe på alle skjermstørrelser og tettheter
- Fil størrelser små nok til ikke å senke sidelastingen
- Avspilling testet i nett-, iOS- eller Android-spilleren teamet ditt bruker
- Interaktive tilstander som hover, klikk eller scroll satt opp der det trengs
Sammenlign størrelsene
Standardprisen for hver størrelse. Tillegg er priset ved siden av, ikke skjult bak en samtale.
| Inkludert | Ikonsett290 €3 til 5 virkedager | Funksjonsanimasjoner500 €1 til 2 uker | Bevegelsessystem1 050 €2 til 4 uker |
|---|---|---|---|
| Opptil fem ikonanimasjoner eller én loader | Inkludert | Inkludert | Inkludert |
| Lottie- og dotLottie-filer | Inkludert | Inkludert | Inkludert |
| To runder med revisjoner | Inkludert | Inkludert | Inkludert |
| Avspillingstest | Inkludert | Inkludert | Inkludert |
| Alt i Ikonsett | Ikke inkludert | Inkludert | Inkludert |
| Opptil tre illustrerte animasjoner, hver på opptil ti sekunder | Ikke inkludert | Inkludert | Inkludert |
| Hover- eller klikktilstander | Ikke inkludert | Inkludert | Inkludert |
| Notater for implementering | Ikke inkludert | Inkludert | Inkludert |
| Alt i Funksjonsanimasjoner | Ikke inkludert | Ikke inkludert | Inkludert |
| Onboardingsekvens på opptil fem skjermer | Ikke inkludert | Ikke inkludert | Inkludert |
| Scroll-koblet eller interaktiv animasjon | Ikke inkludert | Ikke inkludert | Inkludert |
| Bevegelsesretningslinjer: timing, easing og prinsipper | Ikke inkludert | Ikke inkludert | Inkludert |
| Legg til i tilbud |
Legg til det du trenger
Choose the size
Legg til det du trenger
Din total€500
Standardprisen, pluss det du legger til. Bekreftet skriftlig før noe starter; ingenting faktureres før du godtar det.
Slik fungerer det
Plan
Hver animasjons formål, lengde og utløser avtalt.
Animer
Bygget i After Effects med kun funksjoner Lottie støtter.
Optimaliser
Former og keyframes forenklet for å holde filene små.
Test
Spilt av i målspilleren din på reelle enheter før overlevering.
Spørsmål
Hvorfor Lottie i stedet for video eller GIF?
Lottie-filer er vanligvis mye mindre, skalerer uten uskarphet, har gjennomsiktig bakgrunn og kan styres med kode, som å spille av ved hover eller følge scroll.
Kan hver animasjon bli en Lottie?
Nei. Lottie støtter vektorformer godt, men noen After Effects-effekter, uskarpheter og 3D eksporteres ikke. Vi designer innenfor disse grensene fra starten.
Legger dere dem inn på nettstedet vårt?
Vi leverer filer og notater til utvikleren din. Implementering kan legges til hvis du ikke har en utvikler.
Relaterte søk
Relatert arbeid
EngangsIkondesignEt tilpasset ikonsett tegnet på ett rutenett, så hvert ikon ser ut som det hører sammen med resten.from 290 €
EngangsMobildesigniOS- og Android-appskjermer designet i Figma, med flyter, tilstander og et komponentbibliotek klart for utvikling.from 420 €
EngangsLogoanimasjonLogoen din animert i noen sekunder med bevegelse som passer merkevaren, for video, web og sosiale medier.from 290 €
EngangsChroma key og rotoscopingGreen screen keyet rent og subjekter klippet ut bilde for bilde, med hår- og bevegelseskanter som holder.from 290 €
EngangsVFX-kompositteringSkjermbytter, fjerning av objekter, himmelbytter og tilføyde elementer, blandet så ingen ser skjøten.from 290 €
EngangsSkjermopptaksvideoProgramvaregjennomganger tatt opp, redigert og zoomet så seerne kan følge hvert klikk.from 290 €
Passer ikke størrelsen?
Noe arbeid har sin egen form. Vi avklarer det først og gir et skriftlig tilbud, og avklaringssamtalet koster ingenting.