Lottie in spletne animacije
Lahkovetne vektorske animacije za spletne strani in aplikacije, dostavljene kot datoteke Lottie, ki ostanejo ostre in se hitro naložijo.
Ključne lastnosti
- Oblikovanja animacij v After Effects
- Izvozi Lottie JSON in dotLottie
- Predogledni videoposnetki za odobritev
- Opombe za implementacijo za razvijalce
- Tukaj se nič ne zaračunaNajprej prejmete pisno ponudbo. Brez plačila, brez obveznosti.
- Prodaja in izvaja GRADAXEna pogodba in ena ekipa, ne glede na to, kdo opravlja delo.
- Vaši podatki ostanejo v EUNičesar ne prenašamo zunaj unije za obdelavo.
O tej storitvi
Animacije Lottie so vektorske datoteke, ki se predvajajo na spletnih straneh in v aplikacijah z delom velikosti videoposnetka ali GIF-a. Oblikujemo in animiramo ikone, nalagalnike, zaporedja uvajanja in glavne ilustracije, izvozimo jih kot Lottie ali dotLottie ter preverimo pravilno predvajanje v predvajalniku, ki ga uporabljajo vaši razvijalci.
Majhne datoteke, ostre na poljubni velikosti
Animacija na spletni strani je nekoč pomenila GIF ali video. GIF-ji so veliki, omejeni v barvah in zamegljeni na zaslonih visoke ločljivosti. Videi so težki, potrebujejo predvajalnik in ne morejo reagirati na uporabnika. Datoteke Lottie opisujejo animacijo kot vektorske oblike in gibanje, zato desetsekundna ilustrirana animacija tehta le delček ekvivalentnega videa in ostane ostra na katerem koli zaslonu.
Lahko jih tudi nadzorujemo s kodo. Ikona se lahko animira ob preletu miške, nalagalnik se lahko vrti, dokler podatki ne prispejo, ilustracija se lahko predvaja, ko uporabnik scrolla mimo. To naredi Lottie primerno za podrobnosti vmesnika, kjer bi bil video pretežek in prepasiven.
Oblikovanje znotraj tega, kar Lottie lahko predvaja
Lottie se izvozi iz After Effectsa, vendar ne podpira vsega, kar zna After Effects. Mnogi učinki, zameglitve, sijaji, 3D plasti in nekateri načini mešanja se bodisi ne izvozijo bodisi se izvozijo na način, ki slabo upočasni predvajanje na telefonih. Animacija, oblikovana brez upoštevanja teh omejitev, pogosto zahteva ponovno gradnjo.
Oblikujemo za format od prvega okvira, z uporabo plasti oblik, preprostih mask in podprtih funkcij. Pred predajo se vsaka datoteka preizkusi v predvajalniku, ki ga uporabljajo vaši razvijalci: lottie-web, knjižnice iOS ali Android ali dotLottie. Kompleksne animacije preverimo tudi za predvajanje na srednje razrednem telefonu, saj se gladka animacija na prenosniku lahko na cenejši napravi hripava.
Specifikacije
- Kategorija
- Video & Gibanje
- Cena
- 290 € do 1050 €
- Velikosti
- Malo (Nabor ikon), Srednje (Funkcijske animacije), Veliko (Sistem gibanja)
- Rok izvedbe
- 3 dni do 4 tednov
- Fakturirano
- Enkratno
- Kaj dobite
- 4 postavk, vse vključene v ceno
- Kaj potrebujemo od vas
- Kjer se bodo animacije predvajale: spletna stran, iOS, Android ali vse tri, Obstoječe ilustracije ali ikone ali brief za nove, Barve znamke in morebitna navodila za gibanje
- Najpogosteje kupljeno s strani
- SaaS, Mobilne aplikacije, Fintech, E-trgovina
- Prodaja in izvedba
- GRADAX, ena pogodba in ena ekipa
- Kje se obdelujejo vaši podatki
- Evropska unija
Kaj dobite
Vse spodaj je vključeno v ceno. Ničesar tu ni nadgradnje.
- Oblikovanja animacij v After Effects
- Izvozi Lottie JSON in dotLottie
- Predogledni videoposnetki za odobritev
- Opombe za implementacijo za razvijalce
Kaj se spremeni
- Animacije, ki ostanejo ostre na vsaki velikosti in gostoti zaslona
- Velikosti datotek, majhne dovolj, da ne upočasnijo nalaganja strani
- Predvajanje preizkušeno v spletnem, iOS ali Android predvajalniku, ki ga uporablja vaša ekipa
- Interaktivna stanja, kot so prehod miške (hover), klik ali drsenje, nastavljena tam, kjer je potrebno
Primerjajte velikosti
Standardna cena za vsako velikost. Dodatki so cenjeni ob njej, ne skriti za klicem.
| Vključeno | Nabor ikon290 €3 do 5 delovnih dni | Funkcijske animacije500 €1 do 2 tedna | Sistem gibanja1050 €2 do 4 tedne |
|---|---|---|---|
| Do pet animacij ikon ali en nalagalnik | Vključeno | Vključeno | Vključeno |
| Datoteke Lottie in dotLottie | Vključeno | Vključeno | Vključeno |
| Dve krogu dopolnjevanj | Vključeno | Vključeno | Vključeno |
| Preizkus predvajanja | Vključeno | Vključeno | Vključeno |
| Vse iz Nabora ikon | Ni vključeno | Vključeno | Vključeno |
| Do tri ilustrirane animacije, vsaka do deset sekund | Ni vključeno | Vključeno | Vključeno |
| Stanja prehoda miške ali klika | Ni vključeno | Vključeno | Vključeno |
| Opombe za implementacijo | Ni vključeno | Vključeno | Vključeno |
| Vse iz Funkcijskih animacij | Ni vključeno | Ni vključeno | Vključeno |
| Zaporedje uvajanja do petih zaslonov | Ni vključeno | Ni vključeno | Vključeno |
| Animacija povezana s pomikom ali interaktivna | Ni vključeno | Ni vključeno | Vključeno |
| Navodila za gibanje: časovni potek, ublaževanje in načela | Ni vključeno | Ni vključeno | Vključeno |
| Dodaj v ponudbo |
Dodajte, kar potrebujete
Choose the size
Dodajte, kar potrebujete
Vaš skupni znesek€500
Standardna cena, plus kar dodate. Potrjeno v pisni obliki, preden se karkoli začne; nič se ne zaračuna, dokler ne sprejmete.
Kako deluje
Načrt
Namen, dolžina in sprožilec vsake animacije dogovorjeni.
Animacija
Izdelano v After Effects z uporabo samo funkcij, ki jih podpira Lottie.
Optimizirati
Oblike in ključni okviri poenostavljeni za ohranjanje majhnih datotek.
Test
Predvajano v ciljnem predvajalniku na dejanskih napravah pred predajo.
Vprašanja
Zakaj Lottie namesto videa ali GIF-a?
Datoteke Lottie so običajno veliko manjše, se povečujejo brez zameglitve, imajo prosojna ozadja in jih je mogoče nadzirati s kodo, na primer predvajanje ob prehodu miške ali sledenje pomiku.
Se lahko vsaka animacija spremeni v Lottie?
Ne. Lottie dobro podpira vektorske oblike, vendar nekatere učinke After Effects, zameglitve in 3D ni mogoče izvoziti. Oblikujemo znotraj teh omejitev že od začetka.
Ali jih dodate na našo spletno stran?
Dobavitve datoteke in opombe za vašega razvijalca. Implementacijo lahko dodamo, če nimate razvijalca.
Povezane iskanja
Povezano delo
EnkratnoOblikovanje ikonNabor ikon po meri, narisanih na isti mreži, da vse ikone izgledajo usklajeno.from 290 €
EnkratnoOblikovanje mobilne aplikacijeZasloni aplikacij iOS in Android, zasnovani v Figma, s tokovi, stanji in knjižnico komponent, pripravljeno za razvoj.from 420 €
EnkratnoAnimacija logotipaVaš logotip animiran v nekaj sekundah gibanja, ki se ujema z blagovno znamko, za video, splet in družbena omrežja.from 290 €
EnkratnoChroma key in rotoskopiranjeČisto lovljenje zelenega zaslona in izrezovanje motivov sličica za sličico, pri čemer ostanejo lasje in robovi pri gibanju nedotaknjeni.from 290 €
EnkratnoVFX kompozitiranjeZamenjave zaslona, odstranjevanje objektov, zamenjave neba in dodani elementi, združeni tako, da spojitev ni vidna.from 290 €
EnkratnoScreencast videoPrikaz programske opreme posnet, urejen in povečan, da si gledalci lahko sledijo vsakemu kliku.from 290 €
Ne ustreza standardni velikosti?
Nekatera dela imajo svojo obliko. Najprej določimo obseg in ga pisno ponudimo; klic za določitev obsega je brezplačen.