Lottie és webanimáció
Könnyű vektoros animációk weboldalakhoz és appokhoz, Lottie fájlként átadva, amelyek élesek maradnak és gyorsan betöltenek.
Főbb jellemzők
- Animációs tervek After Effectsben
- Lottie JSON és dotLottie exportok
- Előnézeti videók a jóváhagyáshoz
- Implementációs megjegyzések fejlesztőknek
- Itt nincs fizetésElőször írásos árajánlatot kap. Fizetés nincs, kötelezettség nincs.
- Értékesíti és szolgáltatja: GRADAXEgy szerződés és egy csapat, akárki végzi is a munkát.
- Az adatai az EU-ban maradnakSemmit nem visznek ki az unión kívülre feldolgozásra.
A szolgáltatásról
A Lottie animációk vektoros fájlok, amelyek weboldalakban és appokban játszódnak le, a videó vagy GIF töredékének méretében. Ikonokat, betöltőket, onboarding szekvenciákat és hero illusztrációkat tervezünk és animálunk, Lottie vagy dotLottie formátumban exportáljuk őket, és ellenőrizzük, hogy a fejlesztői által használt lejátszóban megfelelően működnek-e.
Kis fájlok, bármilyen méretben élesen
A weboldali animáció régen GIF-et vagy videót jelentett. A GIF-ek nagyok, korlátozott színűek és elmosódottak a nagy felbontású képernyőkön. A videók nehezek, lejátszót igényelnek, és nem tudnak reagálni a felhasználóra. A Lottie fájlok vektoros alakzatokként és mozgásként írják le az animációt, így egy tíz másodperces illusztrált animáció a megfelelő videó töredékét nyomhatja, és bármilyen képernyőn éles marad.
Kóddal is vezérelhetők. Egy ikon animálódhat rámutatáskor, egy betöltő elem ismétlődhet, amíg az adatok megérkeznek, egy illusztráció lejátszódhat, ahogy a felhasználó odagörget. Ez teszi a Lottie-t alkalmassá az olyan felületi részletekhez, ahol a videó túl nehéz és túl passzív lenne.
A Lottie lehetőségein belül tervezni
A Lottie az After Effectsből exportálható, de nem támogat mindent, amire az After Effects képes. Sok effekt, elmosás, ragyogás, 3D réteg és néhány keverési mód vagy nem exportálódik, vagy olyan módon exportálódik, hogy nagyon lelassítja a lejátszást telefonon. Az ilyen korlátok figyelmen kívül hagyásával tervezett animációt gyakran újra kell építeni.
Az első képkockától a formátumra tervezünk, alakzatrétegeket, egyszerű maszkokat és támogatott funkciókat használva. Átadás előtt minden fájlt letesztelünk abban a lejátszóban, amelyet a fejlesztői használnak: lottie-web, az iOS vagy Android könyvtárak, vagy a dotLottie. A bonyolult animációkat egy középkategóriás telefonon is ellenőrizzük lejátszás szempontjából, mivel egy laptopon sima animáció egy olcsóbb eszközön akadozhat.
Műszaki adatok
- Kategória
- Videó és mozgókép
- Ár
- 290 EUR–1050 EUR
- Méretek
- Kicsi (Ikonkészlet), Közepes (Funkcióanimációk), Nagy (Mozgásrendszer)
- Átfutási idő
- 3 nap és 4 hét között
- Számlázva
- Egyszeri
- Ami Önt illeti
- 4 tétel, mind az árban
- Mire van szükségünk Önöktől
- Hol fognak lejátszódni az animációk: weboldal, iOS, Android vagy mindhárom, Meglévő illusztrációk vagy ikonok, vagy brief az újakhoz, Márkaszínek és esetleges mozgásirányelvek
- Leggyakrabban ők vásárolják
- SaaS, Mobilalkalmazások, Fintech, E-kereskedelem
- Értékesíti és teljesíti:
- GRADAX, egy szerződés és egy csapat
- Hol dolgozzuk fel az adatait
- Európai Unió
Ami Önt illeti
Minden lentebb az árban van. Itt semmi nem felár.
- Animációs tervek After Effectsben
- Lottie JSON és dotLottie exportok
- Előnézeti videók a jóváhagyáshoz
- Implementációs megjegyzések fejlesztőknek
Mi változik
- Animációk, amelyek minden képernyőméreten és felbontáson élesek maradnak
- Olyan kicsi fájlméretek, amelyek nem lassítják az oldal betöltését
- Lejátszás tesztelve a csapat által használt webes, iOS vagy Android lejátszóban
- Interaktív állapotok, például hover, kattintás vagy görgetés beállítva, ahol szükséges
Méretek összehasonlítása
Az egyes méretek standard ára. A kiegészítők ára mellette szerepel, nem egy hívás mögé rejtve.
| Tartalmazza | Ikonkészlet290 EUR3–5 munkanap | Funkcióanimációk500 EUR1–2 hét | Mozgásrendszer1050 EUR2–4 hét |
|---|---|---|---|
| Legfeljebb öt ikonanímáció vagy egy betöltő | Tartalmazza | Tartalmazza | Tartalmazza |
| Lottie és dotLottie fájlok | Tartalmazza | Tartalmazza | Tartalmazza |
| Két javítási kör | Tartalmazza | Tartalmazza | Tartalmazza |
| Lejátszási teszt | Tartalmazza | Tartalmazza | Tartalmazza |
| Minden, ami az Ikonkészletben | Nem tartalmazza | Tartalmazza | Tartalmazza |
| Legfeljebb három illusztrált animáció, egyenként legfeljebb tíz másodperc | Nem tartalmazza | Tartalmazza | Tartalmazza |
| Hover vagy kattintási állapotok | Nem tartalmazza | Tartalmazza | Tartalmazza |
| Implementációs megjegyzések | Nem tartalmazza | Tartalmazza | Tartalmazza |
| Minden, ami a Funkcióanimációkban | Nem tartalmazza | Nem tartalmazza | Tartalmazza |
| Onboarding szekvencia legfeljebb öt képernyővel | Nem tartalmazza | Nem tartalmazza | Tartalmazza |
| Görgetéshez kapcsolt vagy interaktív animáció | Nem tartalmazza | Nem tartalmazza | Tartalmazza |
| Mozgásirányelvek: időzítés, easing és alapelvek | Nem tartalmazza | Nem tartalmazza | Tartalmazza |
| Hozzáadás az ajánlatkéréshez |
Adja hozzá, amire szüksége van
Choose the size
Adja hozzá, amire szüksége van
Összesen€500
A standard ár, plusz amit hozzáad. Írásban megerősítve, mielőtt bármi elkezdődik; semmit nem számlázunk, amíg el nem fogadja.
Hogyan működik
Csomag
Minden animáció célja, hossza és kiváltója egyeztetve.
Animálás
After Effectsben készül, csak a Lottie által támogatott funkciókkal.
Optimalizálás
Formák és kulcskockák egyszerűsítve a kis fájlméret érdekében.
Teszt
A cél lejátszóban, valódi eszközökön tesztelve az átadás előtt.
Kérdések
Miért Lottie videó vagy GIF helyett?
A Lottie fájlok általában sokkal kisebbek, elmosódás nélkül méreteződnek, átlátszó hátterük van, és kódból vezérelhetők, például hoverre lejátszhatók vagy görgetést követhetnek.
Minden animáció lehet Lottie?
Nem. A Lottie jól támogatja a vektoros formákat, de néhány After Effects effekt, elmosás és 3D nem exportálható. Eleve ezeken a határokon belül tervezünk.
Felteszik az oldalunkra őket?
Fájlokat és megjegyzéseket adunk a fejlesztőjének. Az implementációt hozzáadhatjuk, ha nincs fejlesztője.
Kapcsolódó keresések
Kapcsolódó munkák
EgyszeriIkontervezésEgyedi ikonkészlet, egyetlen rácsra rajzolva, hogy minden ikon odaillőnek tűnjön a többihez.from 290 EUR
EgyszeriMobilapp designiOS és Android app képernyők Figmában tervezve, folyamatokkal, állapotokkal és fejlesztésre kész komponenskönyvtárral.from 420 EUR
EgyszeriLogóanimációAz Ön logója néhány másodperces mozgásban animálva, a márkához illően, videóhoz, webhez és közösségi médiához.from 290 EUR
EgyszeriChroma key és rotoszkópZöld háttér tisztán kivágva és az alanyok képkockánként kivágva, hajjal és mozgásélekkel, amelyek kiállják a próbát.from 290 EUR
EgyszeriVFX compositingKépernyőcserék, tárgyak eltávolítása, égboltcserék és hozzáadott elemek, úgy összeolvasztva, hogy senki ne lássa a illesztést.from 290 EUR
EgyszeriKépernyőfelvétel videóSzoftverbemutatók rögzítése, vágása és nagyítása, hogy a nézők minden kattintást követni tudjanak.from 290 EUR
Egyik csomag sem illik?
Egyes munkák egyedi jellegűek. Először felmérjük a hatókört, és írásban árajánlatot adunk; a felmérő hívás ingyenes.