Lottie- ja web-animaatiot
Kevyet vektorianimaatiot verkkosivuille ja sovelluksiin, toimitetaan Lottie-tiedostoina, jotka pysyvät terävinä ja latautuvat nopeasti.
Keskeiset ominaisuudet
- Animaatiosuunnitelmat After Effectsissä
- Lottie JSON- ja dotLottie-viennit
- Esikatseluvideot hyväksyntää varten
- Toteutusohjeet kehittäjille
- Täältä ei hankita mitäänSaat ensin kirjallisen tarjouksen. Ei maksuja, ei sitoumuksia.
- Myyjä ja toimittaja: GRADAXYksi sopimus ja yksi tiimi, riippumatta siitä, kuka työn tekee.
- Datanasi pysyy EU:ssaMitään ei siirretä unionin ulkopuolelle prosessoitavaaksi.
Tietoja tästä palvelusta
Lottie-animaatiot ovat vektoreita, jotka toimivat verkkosivuilla ja sovelluksissa murto-osana videon tai GIF:n koosta. Suunnittelemme ja animoimme kuvakkeita, latausindikaattoreita, sisäänkirjautumisjärjestelyjä ja hero-kuvituksia, viemme ne Lottie- tai dotLottie-muodossa ja varmistamme niiden toimivan oikein kehittäjiesi käyttämässä soittimessa.
Pienet tiedostot, terävät missä tahansa koossa
Animaatio verkkosivustolla oli aiemmin GIF tai video. GIFit ovat suuria, värien määrältään rajoitettuja ja sumeita korkearesoluutioisilla näytöillä. Videot ovat raskaita, vaativat soittimen eivätkä reagoi käyttäjään. Lottie-tiedostot kuvaavat animaation vektormuotojen ja liikkeen avulla, joten kymmenensekuntinen kuvitettu animaatio voi painaa murto-osan vastaavasta videosta ja pysyä terävänä millä tahansa näytöllä.
Niitä voidaan myös ohjata koodilla. Ikoni voi animoitua hiiren osoittaessa, lataaja voi toistaa silmukkaa, kunnes data saapuu, ja kuvitus voi pelata, kun käyttäjä vierittää sen ohi. Tämä tekee Lottiestä sopivan käyttöliittymän yksityiskohtiin, joissa video olisi liian raskas ja passiivinen.
Suunnittelu Lotten mahdollisuuksien sisällä
Lottie viedään After Effectsistä, mutta se ei tue kaikkea, mitä After Effects osaa. Monet efektit, sumennukset, loisteet, 3D-kerrokset ja jotkin yhdistystilat joko eivät vie tai viedään tavalla, joka hidastaa toistoa pahasti puhelimilla. Animaatio, joka on suunniteltu ottamatta huomioon näitä rajoituksia, joudutaan usein rakentamaan uudelleen.
Suunnittelemme formaattia varten ensimmäisestä kehyksestä alkaen käyttäen muotokerroksia, yksinkertaisia maskeja ja tuettuja ominaisuuksia. Ennen luovutusta jokainen tiedosto testataan pelaajalla, jonka kehittäjät käyttävät: lottie-web, iOS- tai Android-kirjastot tai dotLottie. Monimutkaisia animaatioita tarkistetaan myös toistosta keskitason puhelimella, sillä sulava animaatio kannettavalla voi takertelu edullisemmalla laitteella.
Tekniset tiedot
- Kategoria
- Video & Liikekuva
- Hinta
- 290 € – 1 050 €
- Koot
- Pieni (Kuvakesarja), Keski (Ominaisuusanimaatiot), Suuri (Liikejärjestelmä)
- Toimitusaika
- 3 päivää – 4 viikkoa
- Laskutettu
- Kertamaksu
- Mitä saat
- 4 tuotetta, kaikki hinnassa
- Mitä tarvitsemme sinulta
- Missä animaatiot toistetaan: verkkosivu, iOS, Android vai kaikki kolme, Olemassa olevat kuvakkeet tai kuvitukset, tai lyhyt kuvaus uusista, Brändin värit ja mahdolliset liikeohjeet
- Useimmiten ostaneet
- SaaS, Mobiilisovellukset, Fintech, Verkkokauppa
- Myyjä ja toimittaja
- GRADAX, yksi sopimus ja yksi tiimi
- Missä tietosi käsitellään
- Euroopan unioni
Mitä saat
Kaikki alla oleva sisältyy hintaan. Täällä ei ole päivitysvaihtoehtoja.
- Animaatiosuunnitelmat After Effectsissä
- Lottie JSON- ja dotLottie-viennit
- Esikatseluvideot hyväksyntää varten
- Toteutusohjeet kehittäjille
Mitä muuttuu
- Animaatiot, jotka pysyvät terävinä kaikilla ruutuko'oilla ja tiheyksillä
- Pienet tiedostokoot, jotka eivät hidasta sivun latausta
- Toisto testattu web-, iOS- tai Android-soittimessa, jota tiimisi käyttää
- Interaktiiviset tilat kuten hover-, klikkaus- tai vieritystilat asetettu tarvittaessa
Vertaa kokoja
Standardihinta jokaiselle koolle. Lisäosat hinnoitellaan sen vieressä, ei piilotettuna puhelun taakse.
| Sisällytetty | Kuvakesarja290 €3–5 työpäivää | Ominaisuusanimaatiot500 €1–2 viikkoa | Liikejärjestelmä1 050 €2–4 viikkoa |
|---|---|---|---|
| Enintään viisi kuvakeanimaatiota tai yksi latausindikaattori | Sisällytetty | Sisällytetty | Sisällytetty |
| Lottie- ja dotLottie-tiedostot | Sisällytetty | Sisällytetty | Sisällytetty |
| Kaksi tarkistuskierrosta | Sisällytetty | Sisällytetty | Sisällytetty |
| Toistotesti | Sisällytetty | Sisällytetty | Sisällytetty |
| Kaikki Kuvakesarjan sisällöstä | Ei sisälly | Sisällytetty | Sisällytetty |
| Enintään kolme kuvitettu animaatiota, jokainen enintään kymmenen sekuntia | Ei sisälly | Sisällytetty | Sisällytetty |
| Hover- tai klikkaustilat | Ei sisälly | Sisällytetty | Sisällytetty |
| Toteutusohjeet | Ei sisälly | Sisällytetty | Sisällytetty |
| Kaikki Ominaisuusanimaatioiden sisällöstä | Ei sisälly | Ei sisälly | Sisällytetty |
| Enintään viiden näytön sisäänkirjautumisjärjestely | Ei sisälly | Ei sisälly | Sisällytetty |
| Vieritykseen sidottu tai interaktiivinen animaatio | Ei sisälly | Ei sisälly | Sisällytetty |
| Liikeohjeet: ajoitus, pehmeys ja periaatteet | Ei sisälly | Ei sisälly | Sisällytetty |
| Lisää tarjouslistaan |
Lisää tarvitsemasi
Choose the size
Lisää tarvitsemasi
Yhteensä€500
Vakiöhinta plus se, mitä lisäät. Vahvistetaan kirjallisesti ennen kuin mitään aloitetaan; mitään ei veloiteta ennen kuin hyväksyt sen.
Kuinka se toimii
Suunnitelma
Jokaisen animaation tarkoitus, pituus ja käynnistystapa sovittu.
Animointi
Rakennettu After Effectsissä vain Lotten tuemilla ominaisuuksilla.
Optimoi
Muotoja ja avainkehyksiä yksinkertaistettu tiedostojen koon pienentämiseksi.
Testata
Toistettu kohdesoittimessa aidolla laitteella ennen luovutusta.
Kysymykset
Miksi Lottie videon tai GIF:n sijaan?
Lottie-tiedostot ovat yleensä huomattavasti pienempiä, skaalautuvat ilman sumennusta, läpinäkyvällä taustalla ja niitä voi ohjata koodilla, kuten hover-tilassa toistaminen tai vierityksen seuraaminen.
Voiko jokainen animaatio muuttua Lottiekseen?
Ei. Lottie tukee hyvin vektormuotoja, mutta jotkut After Effects -efektit, sumennukset ja 3D eivät siirry. Suunnittelemme nämä rajat huomioiden alusta asti.
Lisäätteko ne sivustoomme?
Toimitamme tiedostot ja ohjeet kehittäjällesi. Toteutus voidaan lisätä, jos sinulla ei ole kehittäjää.
Aiheeseen liittyvät haut
Liittyvä työ
KertamaksuIkonisuunnitteluRäätälöity ikonisto, joka on piirretty samalle ruudukolle, jotta kaikki ikonit näyttävät kuuluvan joukkoon.from 290 €
KertamaksuMobiilisovelluksen suunnitteluiOS- ja Android-sovellusten näytöt suunniteltu Figmassa, virtausten, tilojen ja komponenttikirjaston kanssa valmiina toteutusta varten.from 420 €
KertamaksuLogoanimaatioLogosi animoituna muutaman sekunnin liikkeellä, joka sopii brändiin, videoihin, verkkoon ja sosiaaliseen mediaan.from 290 €
KertamaksuChroma-avaimistus ja rotoskoopausVihreästä taustasta puhdas avain ja hahmot leiketty ruutu kerrallaan, hiusten ja liikesumun reunat pysyvät ehjinä.from 290 €
KertamaksuVFX-komposiointiRuutujen vaihto, objektien poisto, taivaan vaihto ja lisäelementit, sulautettu niin, ettei liitoskohdan huomaa.from 290 €
KertamaksuRuutukaappausvideoOhjelmistokierrokset nauhoitettu, editoitu ja zoomattu, jotta katsojat seuraavat jokaisen klikkauksen.from 290 €
Eikö kokoa löydy?
Osa työstä on omanlaistaan. Tarkennamme sen ensin ja tarjoamme kirjallisesti, ja tarkennuspuhelu on ilmainen.