Lottie a webové animácie
Ľahké vektorové animácie pre weby a aplikácie, dodávané ako súbory Lottie, ktoré zostávajú ostré a rýchlo sa načítavajú.
Kľúčové vlastnosti
- Dizajny animácií v After Effects
- Exporty Lottie JSON a dotLottie
- Ukážkové videá na schválenie
- Implementačné poznámky pre vývojárov
- Tu nič neplatíteNajprv dostanete písomnú ponuku. Bez platby, bez záväzku.
- Predáva a dodáva GRADAXJeden zmluva a jeden tím, bez ohľadu na to, kto prácu vykoná.
- Vaše dáta zostávajú v EÚNič sa nepresúva mimo Úniu za účelom spracovania.
O tejto službe
Animácie Lottie sú vektorové súbory, ktoré sa prehrávajú na weboch a v aplikáciách zlomkom veľkosti videa alebo GIFu. Navrhujeme a animujeme ikony, zátěžové obrazovky, sekvencie onboardinga a hero ilustrácie, exportujeme ich ako Lottie alebo dotLottie a overujeme ich správne prehrávanie v prehrávači, ktorý používajú vaši vývojári.
Malé súbory, ostrosť pri akejkoľvek veľkosti
Animácia na webe kedysi znamenala GIF alebo video. GIF-y sú veľké, obmedzené farbami a rozmazané na vysokorozlíšených obrazovkách. Videá sú ťažkopádne, potrebujú prehrávač a nereagujú na používateľa. Súbory Lottie opisujú animáciu ako vektorové tvary a pohyb, takže desaťsekundová ilustrovaná animácia môže vážiť zlomok ekvivalentného videa a zostať ostrá na akejkoľvek obrazovke.
Môžu byť tiež ovládané kódom. Ikona sa môže animovať pri prejdení myšou, loader sa môže opakovane načítať, kým dáta neprídu, ilustrácia sa môže prehrať, keď ju používateľ posunie. To robí Lottie vhodnou pre detaily rozhrania, kde by bolo video príťažlivé a príliš pasívne.
Navrhovanie v rámci toho, čo Lottie dokáže prehrať
Lottie sa exportuje z After Effects, ale nepodporuje všetko, čo After Effects dokáže. Mnoho efektov, rozmazania, žiarenia, 3D vrstiev a niektorých režimov premiešania buď neexportuje, alebo exportuje spôsobom, ktorý výrazne spomaľuje prehrávanie na telefónoch. Animácia navrhnutá bez ohľadu na tieto obmedzenia sa často musí prestavať.
Navrhujeme pre formát od prvého snímku, využívame vrstvy tvarov, jednoduché masky a podporované funkcie. Pred odovzdaním sa každý súbor testuje v prehrávači, ktorý používajú vaši vývojári: lottie-web, iOS alebo Android knižnice, alebo dotLottie. Zložité animácie sa tiež kontrolujú na prehrávaní na strednej triede telefónu, pretože plynulá animácia na notebooku môže na lacnejšom zariadení zakopávať.
Špecifikácia
- Kategória
- Video & Motion
- Cena
- 290 € až 1 050 €
- Veľkosti
- Malý (Sada ikon), Stredný (Funkčné animácie), Veľký (Motion systém)
- Doba dodania
- 3 dni až 4 týždne
- Fakturované
- Jednorazovo
- Čo dostanete
- 4 položiek, všetko v cene
- Čo potrebujeme od vás
- Kde budú animácie prehrávané: web, iOS, Android alebo všetky tri, Existujúce ilustrácie alebo ikony, alebo zadanie pre nové, Firemné farby a prípadné smernice pre pohyb
- Najčastejšie kupované
- SaaS, Mobilné aplikácie, Fintech, E-commerce
- Predáva a dodáva
- GRADAX, jedna zmluva a jeden tím
- Kde sa spracúvajú vaše údaje
- Európska únia
Čo dostanete
Všetko nižšie je v cene. Nič tu nie je upgrade.
- Dizajny animácií v After Effects
- Exporty Lottie JSON a dotLottie
- Ukážkové videá na schválenie
- Implementačné poznámky pre vývojárov
Čo sa mení
- Animácie, ktoré zostanú ostré na každej veľkosti a hustote obrazovky
- Veľkosti súborov dostatočne malé na to, aby nespomaľovali načítanie stránky
- Prehrávanie otestované v prehrávači web, iOS alebo Android, ktorý váš tím používa
- Interaktívne stavy, ako napríklad hover, kliknutie alebo posun, nastavené tam, kde je to potrebné
Porovnať veľkosti
Štandardná cena pre každú veľkosť. Extra položky sú ocenené vedľa nej, nie skryté za hovor.
| Zahrnuté | Sada ikon290 €3 až 5 pracovných dní | Funkčné animácie500 €1 až 2 týždne | Motion systém1 050 €2 až 4 týždne |
|---|---|---|---|
| Až päť animácií ikon alebo jedna zátěžová obrazovka | Zahrnuté | Zahrnuté | Zahrnuté |
| Súbory Lottie a dotLottie | Zahrnuté | Zahrnuté | Zahrnuté |
| Dve kolá revízií | Zahrnuté | Zahrnuté | Zahrnuté |
| Test prehrávania | Zahrnuté | Zahrnuté | Zahrnuté |
| Všetko zo Sady ikon | Nie je zahrnuté | Zahrnuté | Zahrnuté |
| Až tri ilustrované animácie, každá do desiatich sekúnd | Nie je zahrnuté | Zahrnuté | Zahrnuté |
| Stavy hover alebo kliknutia | Nie je zahrnuté | Zahrnuté | Zahrnuté |
| Implementačné poznámky | Nie je zahrnuté | Zahrnuté | Zahrnuté |
| Všetko z Funkčných animácií | Nie je zahrnuté | Nie je zahrnuté | Zahrnuté |
| Sekvencia onboardingu až piatich obrazoviek | Nie je zahrnuté | Nie je zahrnuté | Zahrnuté |
| Scroll-linked alebo interaktívna animácia | Nie je zahrnuté | Nie je zahrnuté | Zahrnuté |
| Smernice pre pohyb: časovanie, easing a princípy | Nie je zahrnuté | Nie je zahrnuté | Zahrnuté |
| Pridať do dopytu |
Pridať, čo potrebujete
Choose the size
Pridať, čo potrebujete
Vaše celkové€500
Štandardná cena plus to, čo si pridáte. Potvrdené písomne pred začiatkom; nič sa neúčtuje, kým to neprijmete.
Ako to funguje
Plán
Účel, dĺžka a spúšťač každej animácie dohodnutý.
Animate
Vytvorené v After Effects pomocou funkcií, ktoré Lottie podporuje.
Optimalizovať
Tvary a kľúčové snímky zjednodušené na udržanie malých súborov.
Test
Prehraté vo vašom cieľovom prehrávači na skutočných zariadeniach pred odovzdaním.
Otázky
Prečo Lottie namiesto videa alebo GIFu?
Súbory Lottie sú zvyčajne oveľa menšie, škálujú sa bez rozmazania, majú transparentné pozadie a dajú sa ovládať pomocou kódu, napríklad prehrať pri hoveri alebo sledovať scroll.
Môže sa každá animácia stať Lottie?
Nie. Lottie dobre podporuje vektorové tvary, ale niektoré efekty After Effects, rozmazania a 3D sa neexportujú. Navrhujeme už od začiatku v rámci týchto limitov.
Pridáte ich na náš web?
Dodáme súbory a poznámky pre vášho vývojára. Implementáciu možno pridať, ak nemáte vývojára.
Súvisiace vyhľadávania
Súvisiaca práca
JednorazovoNávrh ikonVlastná sada ikon nakreslená na jednej mriežke, takže každá ikona pôsobí jednotne.from 290 €
JednorazovoDizajn mobilnej aplikácieObrazovky iOS a Android aplikácií navrhnuté vo Figma, s tokmi, stavmi a knižnicou komponentov pripravenou na vývoj.from 420 €
JednorazovoAnimácia logaVaše logo animované za niekoľko sekúnd pohybu, ktoré ladí so značkou, pre video, web a sociálne siete.from 290 €
JednorazovoChroma key a rotoscopingČisté vyseknutie zo zeleného plátna a vystrihnutie subjektu snímku po snímku, s vlasmi a okrajmi pohybu, ktoré odolajú.from 290 €
JednorazovoKompozícia VFXNahrádzanie obrazoviek, odstraňovanie objektov, výmena oblohy a pridané prvky, zlúčené tak, že nikto neuvidí spoj.from 290 €
JednorazovoVideo z obrazovkyPrehliadky softvéru nahrané, upravené a priblížené, aby diváci mohli sledovať každý klik.from 290 €
Nepatrí do štandardnej veľkosti?
Niektoré práce majú vlastnú podobu. Najprv upresníme rozsah a ponúkneme ho písomne; konzultácia je zadarmo.