Lottie a webové animace
Lehké vektorové animace pro weby a aplikace, dodávané jako soubory Lottie, které zůstávají ostré a rychle se načítají.
Klíčové vlastnosti
- Návrhy animací v After Effects
- Exporty Lottie JSON a dotLottie
- Náhledová videa pro schválení
- Poznámky k implementaci pro vývojáře
- Zde nic neplatíteNejdřív dostanete písemnou nabídku. Bez platby, bez závazku.
- Prodává a dodává GRADAXJedna smlouva a jeden tým, ať práci dělá kdokoli.
- Vaše data zůstávají v EUNic se nezpracovává mimo unii.
O této službě
Lottie animace jsou vektorové soubory, které se přehrávají na webech a v aplikacích při zlomku velikosti videa nebo GIFu. Navrhujeme a animujeme ikony, loadery, onboardingové sekvence a úvodní ilustrace, exportujeme je jako Lottie nebo dotLottie a kontrolujeme, že se správně přehrávají v přehrávači, který používají vaši vývojáři.
Malé soubory, ostré v jakékoli velikosti
Animace na webu dříve znamenala GIF nebo video. GIFy jsou velké, barevně omezené a na displejích s vysokým rozlišením rozmazané. Videa jsou těžká, potřebují přehrávač a nedokážou reagovat na uživatele. Soubory Lottie popisují animaci jako vektorové tvary a pohyb, takže desetisekundová ilustrovaná animace může vážit zlomek ekvivalentního videa a zůstane ostrá na jakékoli obrazovce.
Lze je ovládat i kódem. Ikona se může animovat při najetí, načítací prvek se může opakovat, dokud nedorazí data, ilustrace se může přehrát, když kolem ní uživatel roluje. Díky tomu se Lottie hodí pro detaily rozhraní, kde by bylo video příliš těžké a příliš pasivní.
Navrhovat v mezích toho, co Lottie umí přehrát
Lottie se exportuje z After Effects, ale nepodporuje vše, co After Effects umí. Mnoho efektů, rozostření, záře, 3D vrstev a některé režimy prolnutí se buď neexportují, nebo se exportují tak, že na telefonech výrazně zpomalují přehrávání. Animace navržená bez ohledu na tato omezení se často musí předělat.
Navrhujeme pro tento formát od prvního snímku, s využitím tvarových vrstev, jednoduchých masek a podporovaných funkcí. Před předáním každý soubor testujeme v přehrávači, který používají vaši vývojáři: lottie-web, knihovny pro iOS nebo Android, případně dotLottie. Složité animace kontrolujeme také na přehrávání na telefonu střední třídy, protože plynulá animace na notebooku může na levnějším zařízení škobrtat.
Specifikace
- Kategorie
- Video a animace
- Cena
- 290 € až 1 050 €
- Velikosti
- Malý (Sada ikon), Střední (Animace funkcí), Velký (Motion systém)
- Doba dodání
- 3 dny až 4 týdny
- Účtováno
- Jednorázově
- Co získáte
- 4 položek, vše v ceně
- Co od vás potřebujeme
- Kde se animace budou přehrávat: web, iOS, Android nebo všechny tři, Stávající ilustrace nebo ikony, případně zadání pro nové, Barvy značky a případné pokyny pro pohyb
- Nejčastěji kupují
- SaaS, Mobilní aplikace, Fintech, E-commerce
- Prodává a dodává
- GRADAX, jedna smlouva a jeden tým
- Kde jsou vaše data zpracovávána
- Evropská unie
Co získáte
Vše níže je v ceně. Nic tady není za příplatek.
- Návrhy animací v After Effects
- Exporty Lottie JSON a dotLottie
- Náhledová videa pro schválení
- Poznámky k implementaci pro vývojáře
Co se mění
- Animace, které zůstávají ostré na každé velikosti a hustotě obrazovky
- Velikosti souborů dost malé, aby nezpomalovaly načítání stránky
- Přehrávání otestované v přehrávači pro web, iOS nebo Android, který váš tým používá
- Interaktivní stavy jako hover, kliknutí nebo scroll nastavené tam, kde jsou potřeba
Porovnejte varianty
Standardní cena za každou velikost. Doplňky jsou naceněny vedle ní, ne schované za hovorem.
| Zahrnuto | Sada ikon290 €3 až 5 pracovních dnů | Animace funkcí500 €1 až 2 týdny | Motion systém1 050 €2 až 4 týdny |
|---|---|---|---|
| Až pět animací ikon nebo jeden loader | Zahrnuto | Zahrnuto | Zahrnuto |
| Soubory Lottie a dotLottie | Zahrnuto | Zahrnuto | Zahrnuto |
| Dvě kola revizí | Zahrnuto | Zahrnuto | Zahrnuto |
| Test přehrávání | Zahrnuto | Zahrnuto | Zahrnuto |
| Vše ze sady ikon | Není součástí | Zahrnuto | Zahrnuto |
| Až tři ilustrované animace, každá do deseti sekund | Není součástí | Zahrnuto | Zahrnuto |
| Stavy hover nebo kliknutí | Není součástí | Zahrnuto | Zahrnuto |
| Poznámky k implementaci | Není součástí | Zahrnuto | Zahrnuto |
| Vše z animací funkcí | Není součástí | Není součástí | Zahrnuto |
| Onboardingová sekvence až o pěti obrazovkách | Není součástí | Není součástí | Zahrnuto |
| Animace vázaná na scroll nebo interaktivní animace | Není součástí | Není součástí | Zahrnuto |
| Pokyny pro pohyb: časování, easing a principy | Není součástí | Není součástí | Zahrnuto |
| Přidat do poptávky |
Přidejte, co potřebujete
Choose the size
Přidejte, co potřebujete
Váš součet€500
Standardní cena plus to, co si přidáte. Potvrzeno písemně před zahájením; nic se neúčtuje, dokud to nepřijmete.
Jak to funguje
Tarif
Účel, délka a spouštěč každé animace odsouhlaseny.
Animace
Vytvořeno v After Effects pouze s funkcemi, které Lottie podporuje.
Optimalizovat
Tvary a klíčové snímky zjednodušeny, aby soubory zůstaly malé.
Otestovat
Přehráno ve vašem cílovém přehrávači na skutečných zařízeních před předáním.
Otázky
Proč Lottie místo videa nebo GIFu?
Soubory Lottie jsou obvykle mnohem menší, škálují se bez rozmazání, mají průhledné pozadí a lze je ovládat kódem, například přehrát při hoveru nebo podle scrollu.
Může se každá animace stát Lottie?
Ne. Lottie dobře podporuje vektorové tvary, ale některé efekty After Effects, rozmazání a 3D se neexportují. Navrhujeme proto od začátku v rámci těchto limitů.
Přidáte je na náš web?
Dodáme soubory a poznámky pro vašeho vývojáře. Implementaci můžeme přidat, pokud vývojáře nemáte.
Související hledání
Související práce
JednorázověNávrh ikonSada ikon na míru nakreslená na jedné mřížce, aby každá ikona vypadala, že patří k ostatním.from 290 €
JednorázověDesign mobilní aplikaceObrazovky aplikací pro iOS a Android navržené ve Figmě, s toky, stavy a knihovnou komponent připravenou pro vývoj.from 420 €
JednorázověAnimace logaVaše logo rozpohybované v několika sekundách animace, která sedí značce, pro video, web a sociální sítě.from 290 €
JednorázověChroma key a rotoskopieČistě klíčovaná zelená plátna a subjekty vyřezané snímek po snímku, s vlasy a hranami pohybu, které drží.from 290 €
JednorázověVFX kompoziceNahrazení obrazovek, odstranění objektů, výměna oblohy a přidané prvky, sladěné tak, že nikdo nepozná spoj.from 290 €
JednorázověScreencast videoProcházky softwarem nahrané, nastříhané a přiblížené tak, aby diváci mohli sledovat každé kliknutí.from 290 €
Nesedí vám žádná varianta?
Některé práce mají vlastní podobu. Nejprve upřesníme rozsah a nabídneme ho písemně; konzultace je zdarma.