Lottie i web animacije
Lagane vektorske animacije za web stranice i aplikacije, isporučene kao Lottie datoteke koje ostaju oštre i brzo se učitavaju.
Ključne značajke
- Dizajni animacija u After Effectsu
- Izvozi u formatima Lottie JSON i dotLottie
- Pregledni videozapisi za odobrenje
- Napomene za implementaciju za programere
- Ovdje se ništa ne naplaćujePrvo dobivate pisanu ponudu. Bez plaćanja, bez obveze.
- Prodaje i isporučuje GRADAXJedan ugovor i jedan tim, bez obzira tko izvodi radove.
- Vaši podaci ostaju u EUNišta se ne prenosi izvan Unije radi obrade.
O ovoj usluzi
Lottie animacije su vektorske datoteke koje se prikazuju na web stranicama i u aplikacijama u znatno manjoj veličini od videa ili GIF-a. Dizajniramo i animiramo ikone, loader-e, sekvence uvodnog ekrana (onboarding) i hero ilustracije, izvozimo ih kao Lottie ili dotLottie te provjeravamo ispravno funkcioniranje u playeru koji koriste vaši programeri.
Male datoteke, oštre na bilo kojoj veličini
Animacija na web stranici nekada je značila GIF ili video. GIF-ovi su veliki, ograničeni u bojama i mutni na ekranima visoke rezolucije. Videi su teški, trebaju player i ne mogu reagirati na korisnika. Lottie datoteke opisuju animaciju kao vektorske oblike i kretanje, pa desetsekundna ilustrirana animacija može težiti djelić ekvivalentnog videa i ostati oštra na bilo kojem ekranu.
Također se mogu kontrolirati kodom. Ikona se može animirati pri prelasku mišem, loader se može ponavljati dok podaci ne stignu, ilustracija se može reproducirati dok korisnik prolazi pored nje. To čini Lottie prikladnim za detalje sučelja gdje bi video bio pretežak i prepasivan.
Dizajniranje unutar toga što Lottie može reproducirati
Lottie se izvozi iz After Effectsa, ali ne podržava sve što After Effects može. Mnogi efekti, zamagljenja, sjajevi, 3D slojevi i neki načini miješanja ili se ne izvoze ili se izvoze na načine koji značajno usporavaju reprodukciju na mobitelima. Animacija dizajnirana bez tih ograničenja u mislima često se mora ponovno izgraditi.
Dizajniramo za format od prvog okvira, koristeći slojeve oblika, jednostavne maske i podržane značajke. Prije predaje svaka datoteka testira se u playeru koji koriste vaši programeri: lottie-web, iOS ili Android knjižnice ili dotLottie. Složene animacije također se provjeravaju na reprodukciji na srednjem mobitelu, jer glatka animacija na laptopu može zastajkivati na jeftinijem uređaju.
Specifikacije
- Kategorija
- Video & Animacija
- Cijena
- 290 € do 1.050 €
- Veličine
- Malo (Set ikona), Srednje (Animacije funkcija), Veliko (Sustav pokreta)
- Vrijeme izrade
- 3 dana do 4 tjedna
- Naplaćeno
- Jednokratno
- Što dobivate
- 4 stavki, sve uključeno u cijenu
- Što nam trebate dostaviti
- Gdje će se animacije prikazivati: web, iOS, Android ili sve tri platforme, Postojeće ilustracije ili ikone, ili kratak opis (brief) za nove, Boje brenda i smjernice za pokretanje
- Najčešće kupuju
- SaaS, Mobilne aplikacije, Fintech, E-commerce
- Prodaje i isporučuje
- GRADAX, jedan ugovor i jedan tim
- Gdje se obrađuju vaši podaci
- Europska unija
Što dobivate
Sve što slijedi uključeno je u cijenu. Ništa ovdje nije nadogradnja.
- Dizajni animacija u After Effectsu
- Izvozi u formatima Lottie JSON i dotLottie
- Pregledni videozapisi za odobrenje
- Napomene za implementaciju za programere
Što se mijenja
- Animacije koje ostaju oštre na svakoj veličini i gustoći zaslona
- Veličine datoteka dovoljno male da ne usporavaju učitavanje stranice
- Prikaz testiran u web, iOS ili Android playeru koji koristi vaš tim
- Interaktivna stanja poput hover (prelaz mišem), klik ili scroll postavljena tamo gdje je potrebno
Usporedite pakete
Standardna cijena za svaku veličinu. Dodatne stavke cijene se uz nju, a ne kriju iza poziva.
| Uključeno | Set ikona290 €3 do 5 radnih dana | Animacije funkcija500 €1 do 2 tjedna | Sustav pokreta1.050 €2 do 4 tjedna |
|---|---|---|---|
| Do pet animacija ikona ili jedan loader | Uključeno | Uključeno | Uključeno |
| Datoteke Lottie i dotLottie | Uključeno | Uključeno | Uključeno |
| Dva kruga revizija | Uključeno | Uključeno | Uključeno |
| Test prikaza | Uključeno | Uključeno | Uključeno |
| Sve što uključuje Set ikona | Nije uključeno | Uključeno | Uključeno |
| Do tri ilustrirane animacije, svaka do deset sekundi | Nije uključeno | Uključeno | Uključeno |
| Stanja hover ili klik | Nije uključeno | Uključeno | Uključeno |
| Napomene za implementaciju | Nije uključeno | Uključeno | Uključeno |
| Sve što uključuje Animacije funkcija | Nije uključeno | Nije uključeno | Uključeno |
| Sekvenca uvodnog prikaza (onboarding) do pet ekrana | Nije uključeno | Nije uključeno | Uključeno |
| Animacija povezana sa scrollanjem ili interaktivna | Nije uključeno | Nije uključeno | Uključeno |
| Smjernice pokreta: vremenski okvir, ublažavanje (easing) i principi | Nije uključeno | Nije uključeno | Uključeno |
| Dodaj u ponudu |
Dodajte što vam treba
Choose the size
Dodajte što vam treba
Vaš ukupni iznos€500
Standardna cijena, plus sve što dodate. Potvrđeno u pisanom obliku prije početka; ništa se ne naplaćuje dok ne prihvatite.
Kako funkcionira
Plan
Svrha, duljina i okidač svake animacije dogovoreni.
Animirati
Izrađeno u After Effectsu koristeći samo značajke koje Lottie podržava.
Optimizirati
Oblici i ključni kadri pojednostavljeni kako bi datoteke bile manje.
Testiranje
Prikazano u ciljnom playeru na stvarnim uređajima prije predaje.
Pitanja
Zašto Lottie umjesto videa ili GIF-a?
Lottie datoteke su obično znatno manje, skaliraju se bez zamućenja, imaju prozirnu pozadinu i mogu se kontrolirati kodom, npr. pokretanje na hover ili praćenje scrollanja.
Mogu li svaku animaciju pretvoriti u Lottie?
Ne. Lottie dobro podržava vektorske oblike, ali neki efekti u After Effectsu, zamagljenja (blurs) i 3D elementi se ne mogu izvesti. Dizajniramo unutar tih ograničenja od samog početka.
Dodajete li ih na našu stranicu?
Isporučujemo datoteke i napomene za vašeg developera. Implementacija se može dodati ako nemate developera.
Povezane pretrage
Povezani poslovi
JednokratnoDizajn ikonaPrilagođeni skup ikona nacrtan na jednoj rešetki, tako da svaka ikona vizualno pripada ostatku skupa.from 290 €
JednokratnoDizajn mobilne aplikacijeEkrane iOS i Android aplikacija dizajnirane u Figma alatu, s tokovima korisnika, stanjima i bibliotekom komponenata spremnom za razvoj.from 420 €
JednokratnoAnimacija logotipaVaš logotip animiran u nekoliko sekundi pokreta koji odgovara brendu, za video, web i društvene mreže.from 290 €
JednokratnoChroma key i rotoskopiranjeČisto ključanje zelenog ekrana i izrezivanje subjekta po kadrovima, s kosom i rubovima u pokretu koji drže oblik.from 290 €
JednokratnoVFX kompozitiranjeZamjene ekrana, uklanjanje objekata, zamjena neba i dodani elementi, spojeni tako da nitko ne može vidjeti spoj.from 290 €
JednokratnoScreencast videoPrezentacije softvera snimljene, uređene i zumirane tako da gledatelji mogu pratiti svaki klik.from 290 €
Ne odgovara standardnoj veličini?
Neki radovi imaju vlastiti opseg. Prvo procjenjujemo opseg i nudimo pisanu ponudu, a poziv za procjenu ne košta ništa.