Lottie e animazione web
Animazioni vettoriali leggere per siti web e app, fornite come file Lottie che restano nitidi e si caricano rapidamente.
Caratteristiche principali
- Progettazione delle animazioni in After Effects
- Esportazioni Lottie JSON e dotLottie
- Video di anteprima per l'approvazione
- Note di implementazione per gli sviluppatori
- Qui non si paga nullaRicevi prima un preventivo scritto. Nessun pagamento, nessun impegno.
- Venduto e consegnato da GRADAXUn contratto e un team, chiunque svolga il lavoro.
- I suoi dati restano nell'UENulla viene spostato fuori dall'Unione per essere elaborato.
Informazioni su questo servizio
Le animazioni Lottie sono file vettoriali che vengono riprodotti in siti web e app con una frazione del peso di un video o di una GIF. Progettiamo e animiamo icone, loader, sequenze di onboarding e illustrazioni hero, le esportiamo in Lottie o dotLottie e verifichiamo che vengano riprodotte correttamente nel player utilizzato dai suoi sviluppatori.
File leggeri, nitidi a qualsiasi dimensione
Un tempo l'animazione su un sito web significava una GIF o un video. Le GIF sono pesanti, con colori limitati e sfocate sugli schermi ad alta risoluzione. I video sono pesanti, richiedono un player e non possono rispondere all'utente. I file Lottie descrivono l'animazione come forme vettoriali e movimento, quindi un'animazione illustrata di dieci secondi può pesare una frazione del video equivalente e restare nitida su qualsiasi schermo.
Possono anche essere controllati tramite codice. Un'icona può animarsi al passaggio del mouse, un loader può ripetersi finché i dati non arrivano, un'illustrazione può essere riprodotta mentre l'utente scorre oltre. Questo rende Lottie adatto ai dettagli dell'interfaccia dove un video sarebbe troppo pesante e troppo passivo.
Progettare entro ciò che Lottie può riprodurre
Lottie viene esportato da After Effects, ma non supporta tutto ciò che After Effects può fare. Molti effetti, sfocature, bagliori, livelli 3D e alcune modalità di fusione non vengono esportati oppure vengono esportati in modi che rallentano gravemente la riproduzione sui telefoni. Un'animazione progettata senza tenere conto di questi limiti spesso deve essere ricostruita.
Progettiamo per il formato fin dal primo fotogramma, usando livelli forma, maschere semplici e funzionalità supportate. Prima della consegna, ogni file viene testato nel player che usano i suoi sviluppatori: lottie-web, le librerie iOS o Android, oppure dotLottie. Le animazioni complesse vengono anche verificate per la riproduzione su un telefono di fascia media, poiché un'animazione fluida su un portatile può bloccarsi su un dispositivo più economico.
Specifiche
- Categoria
- Video & Animazione
- Prezzo
- Da 290 € a 1050 €
- Dimensioni
- Piccolo (Set di icone), Medio (Animazioni per funzionalità), Grande (Sistema di motion)
- Tempi di consegna
- Da 3 giorni a 4 settimane
- Fatturato
- Una tantum
- Cosa ottiene
- 4 voci, tutte incluse nel prezzo
- Cosa ci serve da lei
- Dove verranno riprodotte le animazioni: sito web, iOS, Android o tutti e tre, Illustrazioni o icone esistenti, oppure un brief per quelle nuove, Colori del brand ed eventuali linee guida sul motion
- Acquistato più spesso da
- SaaS, App mobile, Fintech, E-commerce
- Venduto e consegnato da
- GRADAX, un contratto e un unico team
- Dove vengono trattati i tuoi dati
- Unione Europea
Cosa ottiene
Tutto ciò che segue è incluso nel prezzo. Nulla qui è un upgrade.
- Progettazione delle animazioni in After Effects
- Esportazioni Lottie JSON e dotLottie
- Video di anteprima per l'approvazione
- Note di implementazione per gli sviluppatori
Cosa cambia
- Animazioni che restano nitide su ogni dimensione e densità di schermo
- File abbastanza leggeri da non rallentare il caricamento della pagina
- Riproduzione testata nel player web, iOS o Android utilizzato dal suo team
- Stati interattivi come hover, clic o scroll configurati dove necessario
Confronta le dimensioni
Il prezzo standard per ogni dimensione. Gli extra sono prezzati accanto, non nascosti dietro una call.
| Incluso | Set di icone290 €3-5 giorni lavorativi | Animazioni per funzionalità500 €Da 1 a 2 settimane | Sistema di motion1050 €2-4 settimane |
|---|---|---|---|
| Fino a cinque animazioni di icone o un loader | Incluso | Incluso | Incluso |
| File Lottie e dotLottie | Incluso | Incluso | Incluso |
| Due cicli di revisioni | Incluso | Incluso | Incluso |
| Test di riproduzione | Incluso | Incluso | Incluso |
| Tutto ciò che è incluso in Set di icone | Non incluso | Incluso | Incluso |
| Fino a tre animazioni illustrate, ciascuna fino a dieci secondi | Non incluso | Incluso | Incluso |
| Stati hover o clic | Non incluso | Incluso | Incluso |
| Note di implementazione | Non incluso | Incluso | Incluso |
| Tutto ciò che è incluso in Animazioni per funzionalità | Non incluso | Non incluso | Incluso |
| Sequenza di onboarding fino a cinque schermate | Non incluso | Non incluso | Incluso |
| Animazione legata allo scroll o interattiva | Non incluso | Non incluso | Incluso |
| Linee guida sul motion: timing, easing e principi | Non incluso | Non incluso | Incluso |
| Aggiungi al preventivo |
Aggiunga ciò che le serve
Choose the size
Aggiunga ciò che le serve
Il suo totale€500
Il prezzo standard, più ciò che aggiunge. Confermato per iscritto prima che qualsiasi cosa inizi; nulla viene addebitato finché lei non accetta.
Come funziona
Piano
Scopo, durata e trigger di ogni animazione concordati.
Animazioni
Realizzate in After Effects utilizzando solo funzionalità supportate da Lottie.
Ottimizzazione
Forme e keyframe semplificati per mantenere i file leggeri.
Test
Riprodotte nel player di destinazione su dispositivi reali prima della consegna.
Domande
Perché Lottie invece di video o GIF?
I file Lottie sono di solito molto più leggeri, si scalano senza sfocatura, hanno sfondi trasparenti e possono essere controllati dal codice, ad esempio riproducendosi al passaggio del mouse o seguendo lo scroll.
Ogni animazione può diventare una Lottie?
No. Lottie supporta bene le forme vettoriali, ma alcuni effetti di After Effects, le sfocature e il 3D non vengono esportati. Progettiamo fin dall'inizio entro questi limiti.
Le aggiungete al nostro sito?
Forniamo i file e le note al suo sviluppatore. L'implementazione può essere aggiunta se non ha uno sviluppatore.
Ricerche correlate
Lavori correlati
Una tantumDesign di iconeUn set di icone personalizzate disegnate su un'unica griglia, così ogni icona sembra appartenere alle altre.from 290 €
Una tantumDesign di app mobileSchermate per app iOS e Android progettate in Figma, con flussi, stati e una libreria di componenti pronta per lo sviluppo.from 420 €
Una tantumAnimazione del logoIl suo logo animato in pochi secondi di movimento che si adatta al marchio, per video, web e social.from 290 €
Una tantumChroma key e rotoscopingGreen screen scontornato in modo pulito e soggetti ritagliati fotogramma per fotogramma, con capelli e bordi in movimento che reggono.from 290 €
Una tantumCompositing VFXSostituzione di schermi, rimozione di oggetti, cambio di cielo ed elementi aggiunti, integrati in modo che nessuno veda la giunzione.from 290 €
Una tantumVideo screencastWalkthrough del software registrati, montati e ingranditi perché gli spettatori seguano ogni clic.from 290 €
Nessun pacchetto è adatto?
Alcuni lavori hanno una forma propria. Li analizziamo prima e ne definiamo il preventivo per iscritto; la chiamata di analisi è gratuita.