Lottie och webbanimation
Lätta vektoranimationer för webbplatser och appar, levererade som Lottie-filer som håller sig skarpa och laddar snabbt.
Viktigaste funktioner
- Animationsdesign i After Effects
- Lottie JSON- och dotLottie-exporter
- Förhandsvisningsvideor för godkännande
- Implementeringsanteckningar för utvecklare
- Inget köps härDu får först en skriftlig offert. Ingen betalning, inga åtaganden.
- Säljs och levereras av GRADAXEtt avtal och ett team, oavsett vem som gör jobbet.
- Dina data stannar i EUInget flyttas utanför unionen för bearbetning.
Om den här tjänsten
Lottie-animationer är vektorfiler som spelas upp på webbplatser och i appar med en bråkdel av storleken hos en video eller GIF. Vi designar och animerar ikoner, laddare, onboardingsekvenser och hero-illustrationer, exporterar dem som Lottie eller dotLottie och kontrollerar att de spelas upp korrekt i den spelare dina utvecklare använder.
Små filer, skarpa i alla storlekar
Animation på en webbplats betydde förr en GIF eller en video. GIF-filer är stora, har begränsat färgomfång och blir suddiga på högupplösta skärmar. Videor är tunga, kräver en spelare och kan inte svara på användarens handlingar. Lottie-filer beskriver animationen som vektorformer och rörelse, så en tio sekunder lång illustrerad animation kan väga en bråkdel av motsvarande video och förbli skarp på alla skärmar.
De kan också styras med kod. En ikon kan animeras vid hover, en laddningsindikator kan loopa tills data anländer, en illustration kan spelas upp när användaren scrollar förbi den. Det gör Lottie lämpat för gränssnittsdetaljer där en video skulle vara för tung och för passiv.
Design inom det Lottie kan spela upp
Lottie exporteras från After Effects, men stöder inte allt som After Effects kan göra. Många effekter, oskärpa, glöd, 3D-lager och vissa blandningslägen exporteras antingen inte alls eller på sätt som gör uppspelningen mycket långsam på telefoner. En animation som designats utan hänsyn till dessa begränsningar måste ofta byggas om.
Vi designar för formatet från första bildrutan, med formlager, enkla masker och funktioner som stöds. Före överlämning testas varje fil i den spelare dina utvecklare använder: lottie-web, iOS- eller Android-biblioteken, eller dotLottie. Komplexa animationer kontrolleras också för uppspelning på en mellanklassmobil, eftersom en mjuk animation på en laptop kan hacka på en billigare enhet.
Specifikationer
- Kategori
- Video och animation
- Pris
- 290 € till 1 050 €
- Storlekar
- Liten (Ikonset), Medel (Funktionsanimationer), Stor (Rörelsesystem)
- Leveranstid
- 3 dagar till 4 veckor
- Fakturerat
- Engångsbelopp
- Vad du får
- 4 objekt, allt ingår i priset
- Vad vi behöver från dig
- Var animationerna ska spelas: webbplats, iOS, Android eller alla tre, Befintliga illustrationer eller ikoner, eller en brief för nya, Varumärkesfärger och eventuella rörelseriktlinjer
- Köps oftast av
- SaaS, Mobilappar, Fintech, E-handel
- Säljs och levereras av
- GRADAX, ett avtal och ett team
- Var dina uppgifter behandlas
- Europeiska unionen
Vad du får
Allt nedan ingår i priset. Inget här är ett tillägg.
- Animationsdesign i After Effects
- Lottie JSON- och dotLottie-exporter
- Förhandsvisningsvideor för godkännande
- Implementeringsanteckningar för utvecklare
Vad ändras
- Animationer som håller sig skarpa på varje skärmstorlek och densitet
- Filestorlekar små nog att inte sänka sidladdningen
- Uppspelning testad i webb-, iOS- eller Android-spelaren som ditt team använder
- Interaktiva tillstånd som hover, klick eller scroll inställda där det behövs
Jämför storlekarna
Standardpriset för varje storlek. Tillägg prissätts bredvid, inte gömda bakom ett samtal.
| Ingår | Ikonset290 €3 till 5 arbetsdagar | Funktionsanimationer500 €1 till 2 veckor | Rörelsesystem1 050 €2 till 4 veckor |
|---|---|---|---|
| Upp till fem ikonanimationer eller en laddningsanimation | Ingår | Ingår | Ingår |
| Lottie- och dotLottie-filer | Ingår | Ingår | Ingår |
| Två omgångar revideringar | Ingår | Ingår | Ingår |
| Uppspelningstest | Ingår | Ingår | Ingår |
| Allt i Ikonuppsättning | Ingår inte | Ingår | Ingår |
| Upp till tre illustrerade animationer, var och en upp till tio sekunder | Ingår inte | Ingår | Ingår |
| Hover- eller klicklägen | Ingår inte | Ingår | Ingår |
| Implementeringsanteckningar | Ingår inte | Ingår | Ingår |
| Allt i Funktionsanimationer | Ingår inte | Ingår inte | Ingår |
| Onboardingsekvens på upp till fem skärmar | Ingår inte | Ingår inte | Ingår |
| Scrollkopplad eller interaktiv animation | Ingår inte | Ingår inte | Ingår |
| Rörelseriktlinjer: timing, easing och principer | Ingår inte | Ingår inte | Ingår |
| Lägg till i offert |
Lägg till det du behöver
Choose the size
Lägg till det du behöver
Din totalsumma€500
Standardpriset, plus det du lägger till. Bekräftas skriftligt innan något startar; inget faktureras förrän du accepterar det.
Så driftas det
Planera
Varje animations syfte, längd och utlösare avtalade.
Animera
Byggt i After Effects med enbart funktioner som Lottie stöder.
Optimera
Former och keyframes förenklade för att hålla filerna små.
Test
Uppspelad i din målspelare på riktiga enheter före överlämning.
Frågor
Varför Lottie i stället för video eller GIF?
Lottie-filer är oftast mycket mindre, skalas utan suddighet, har transparent bakgrund och kan styras med kod, som att spelas upp vid hover eller följa scroll.
Kan varje animation bli en Lottie?
Nej. Lottie stöder vektorformer bra, men vissa After Effects-effekter, oskärpa och 3D exporteras inte. Vi designar inom dessa gränser från början.
Lägger ni in dem på vår webbplats?
Vi levererar filer och anteckningar till din utvecklare. Implementering kan läggas till om du saknar utvecklare.
Relaterade sökningar
Relaterat arbete
EngångsbeloppIkondesignEtt anpassat ikonset ritat på ett rutnät, så varje ikon ser ut att höra ihop med resten.from 290 €
EngångsbeloppDesign av mobilappiOS- och Android-appskärmar designade i Figma, med flöden, tillstånd och ett komponentbibliotek redo för bygge.from 420 €
EngångsbeloppLogotypanimationDin logotyp animerad i några sekunders rörelse som passar varumärket, för video, webb och sociala medier.from 290 €
EngångsbeloppChroma key och rotoscopingGreen screen keyad rent och motiv utklippta bildruta för bildruta, med hår och rörelsekanter som håller.from 290 €
EngångsbeloppVFX-kompositeringSkärmbyten, borttagning av objekt, himmelsbyten och tillagda element, sammanfogade så att ingen ser skarven.from 290 €
EngångsbeloppSkärminspelningsvideoProgramgenomgångar inspelade, redigerade och inzoomade så tittarna kan följa varje klick.from 290 €
Passar inte storleken?
Vissa uppdrag är unika. Vi granskar dem först och offererar skriftligen, och granskningssamtalet kostar ingenting.