Lottie ir web animacija
Lengvos vektorinės animacijos svetainėms ir programoms, pateikiamos kaip Lottie failai, kurie išlieka aštrūs ir greitai kraunasi.
Pagrindinės savybės
- Animacijos dizainai After Effects
- Lottie JSON ir dotLottie eksportai
- Peržiūros video patvirtinimui
- Implementavimo pastabos programuotojams
- Čia nieko neperkamaPirmiausia gausite rašytinį pasiūlymą. Mokėti nereikia, jokių įsipareigojimų.
- Parduoda ir teikia GRADAXViena sutartis ir viena komanda, nepriklausomai nuo to, kas atlieka darbą.
- Jūsų duomenys lieka ESNieko neperkeliami už Sąjungos ribų apdoroti.
Apie šią paslaugą
Lottie animacijos yra vektoriniai failai, kurie groja svetainėse ir programose trupučiu dydžio video ar GIF. Kuriami ir animuojami ikonos, krovikliai, prisijungimo sekos ir hero iliustracijos, eksportuojami kaip Lottie arba dotLottie, ir tikrinama, kad jie teisingai veikia jūsų programuotojų naudojamame grotuve.
Maži failai, aiškūs bet kokiu masteliu
Animacija svetainėje anksčiau reiškė GIF arba video. GIF yra dideli, ribotos spalvų gamos ir neryškūs aukštos raiškos ekranuose. Video yra sunkūs, reikalauja grotuvo ir negali reaguoti į vartotoją. Lottie failai aprašo animaciją kaip vektorines formas ir judesius, todėl dešimt sekundžių trukmės iliustracinė animacija gali sverti truputį lyginant su atitinkamu video ir išlikti aštri bet kuriame ekrane.
Jomis taip pat galima valdyti per kodą. Ikonėlė gali animuotis užvedus pelę, krovimo indikatorius gali kartotis, kol duomenys atsisiunčiami, iliustracija gali paleisti, kai vartotojas slenka per ją. Dėl to Lottie tinka sąsajos detalėms, kur video būtų per sunkus ir per pasyvus.
Projektavimas pagal tai, ką Lottie gali paleisti
Lottie eksportuojama iš „After Effects“, tačiau ji nepalaiko visko, ką gali „After Effects“. Daugelis efektų, sumazgėjimų, švytėjimų, 3D sluoksnių ir kai kurių derinimo režimų arba neeksportuojami, arba eksportuojami būdu, kuris labai sulėtina paleidimą telefonuose. Animacija, suprojektuota neatsižvelgiant į šias ribas, dažnai turi būti pertvarkyta.
Projektuojame pagal formatą nuo pirmojo kadro, naudodami formos sluoksnius, paprastus kaukius ir palaikomas funkcijas. Prieš perdavimą kiekvienas failas testuojamas grotuve, kurią naudoja Jūsų programuotojai: lottie-web, iOS arba Android bibliotekose, arba dotLottie. Sudėtingos animacijos taip pat tikrinamos dėl paleidimo vidutinės klasės telefone, nes sklandi animacija nešiojamame kompiuteryje gali drebti pigesniu įrenginiu.
Specifikacijos
- Kategorija
- Video ir animacija
- Kaina
- Nuo 290 € iki 1 050 €
- Dydžiai
- Mažas (Ikona rinkinys), Vidutinis (Funkcionalumo animacijos), Didelis (Judėjimo sistema)
- Įgyvendinimo laikas
- Nuo 3 dienų iki 4 savaičių
- Sąskaitos faktūros
- Vienkartinis
- Ką jūs gaunate
- 4 elementai, visi įtraukti į kainą
- Ko mums reikia iš jūsų
- Kur animacijos groja: svetainė, iOS, Android arba visos trys, Esamos iliustracijos arba ikonos, arba aprašymas naujoms, Prekės ženklo spalvos ir bet kokios animacijos gairės
- Dažniausiai perkama
- SaaS, Mobiliosios programėlės, Finansų technologijos (Fintech), E-komercija
- Parduoda ir teikia
- GRADAX, viena sutartis ir viena komanda
- Kur tvarkomi jūsų duomenys
- Europos Sąjunga
Ką jūs gaunate
Viskas, kas žemiau, įtraukta į kainą. Čia nieko nėra kaip papildomo mokėjimo už aukštesnį lygį.
- Animacijos dizainai After Effects
- Lottie JSON ir dotLottie eksportai
- Peržiūros video patvirtinimui
- Implementavimo pastabos programuotojams
Kas keičiasi
- Animacijos, kurios išlieka aštrios bet kokio ekrano dydžio ir tankio
- Failų dydžiai pakankamai maži, kad neužtikštų puslapio įkrovimo
- Grojimas testuotas web, iOS arba Android grotuvėje, kurią naudoja jūsų komanda
- Interaktyvios būsenos, pvz., hover, click arba scroll, nustatytos ten, kur reikia
Palyginti dydžius
Standartinė kaina kiekvienam dydžiui. Papildomi mokesčiai nurodomi šalia, o ne slepiami už skambučio.
| Įtraukta | Ikona rinkinys290 €Nuo 3 iki 5 darbo dienų | Funkcionalumo animacijos500 €1–2 savaitės | Judėjimo sistema1 050 €Nuo 2 iki 4 savaičių |
|---|---|---|---|
| Iki penkių ikonų animacijų arba vieno kroviklio | Įtraukta | Įtraukta | Įtraukta |
| Lottie ir dotLottie failai | Įtraukta | Įtraukta | Įtraukta |
| Dvi pataisymų rundės | Įtraukta | Įtraukta | Įtraukta |
| Grojimo testas | Įtraukta | Įtraukta | Įtraukta |
| Viskas, kas Ikona rinkinys | Neįtraukta | Įtraukta | Įtraukta |
| Iki trijų iliustruotų animacijų, kiekviena iki dešimties sekundžių | Neįtraukta | Įtraukta | Įtraukta |
| Hover arba click būsenos | Neįtraukta | Įtraukta | Įtraukta |
| Implementavimo pastabos | Neįtraukta | Įtraukta | Įtraukta |
| Viskas, kas Funkcionalumo animacijos | Neįtraukta | Neįtraukta | Įtraukta |
| Prisijungimo seka iki penkių ekranų | Neįtraukta | Neįtraukta | Įtraukta |
| Scroll-linked arba interaktyvi animacija | Neįtraukta | Neįtraukta | Įtraukta |
| Judėjimo gairės: laikas, easing ir principai | Neįtraukta | Neįtraukta | Įtraukta |
| Pridėti į pasiūlymą |
Pridėti, ko reikia
Choose the size
Pridėti, ko reikia
Jūsų bendra suma€500
Standartinė kaina ir tai, ką pridėsite. Patvirtinama raštu prieš ką nors pradedant; nieko neskaičiuojama, kol nepriimsite.
Kaip tai veikia
Planas
Kiekvienos animacijos tikslas, ilgis ir triggeris sutarti.
Animacija
Sukurta After Effects naudojant tik Lottie palaikomus funkcijas.
Optimizuoti
Formos ir raktiniai kadrai supaprastinti, kad failai būtų maži.
Testuoti
Paleista jūsų tikslinėje grotuvėje realiuose įrenginiuose prieš perdavimą.
Klausimai
Kodėl Lottie, o ne video ar GIF?
Lottie failai paprastai yra daug mažesni, masteliauja be sulietimo, turi skaidrius fonus ir gali būti valdomi kodu, pvz., grojant hover arba sekant scroll.
Ar kiekviena animacija gali tapti Lottie?
Ne. Lottie gerai palaiko vektorines formas, bet kai kurie After Effects efektai, sulietimai ir 3D neeksportuojami. Projektuojame ribose nuo pat pradžių.
Ar juos įdėsite į mūsų svetainę?
Tiekiam failus ir pastabas jūsų programuotojui. Implementavimą galima pridėti, jei neturite programuotojo.
Susiję paieškos užklausos
Susiję darbai
VienkartinisPiktogramų dizainasIndividualus piktogramų rinkinys, nubrėžtas viename tinkle, kad kiekviena piktograma atrodytų kaip priklausanti likusiems.from 290 €
VienkartinisMobiliosios programėlės dizainasiOS ir Android programėlės ekranai suprojektuoti „Figma“, su srautais, būsenomis ir komponentų biblioteka, paruošta kūrimui.from 420 €
VienkartinisLogotipo animacijaJūsų logotipas animuotas per kelias sekundes, derantis prie prekės ženklo stiliaus, skirtas vaizdo įrašams, svetainėms ir socialiniams tinklams.from 290 €
VienkartinisChroma raktas ir rotoskopavimasŽalios ekranos chroma raktas atliktas tiksliai, o subjektai iškirpti kadras po kadro, išlaikant plaukų ir judesio nelygumus.from 290 €
VienkartinisVFX kompozicionavimasEkranų keitimas, objektų šalinimas, dangaus keitimas ir papildomi elementai, sujungti taip, kad jungtis būtų nematoma.from 290 €
VienkartinisEkrano įrašo vaizdo įrašasPrograminės įrangos naršymas įrašomas, montuojamas ir priartinamas, kad žiūrovai galėtų stebėti kiekvieną paspaudimą.from 290 €
Netinka dydis?
Kai kurie darbai turi savitą apimtį. Pirmiausia ją įvertiname ir pateikiame rašytinį pasiūlymą; įvertinimo skambutis nemokamas.