Lottie i animacja webowa
Lekkie animacje wektorowe na strony i aplikacje, dostarczane jako pliki Lottie, które zachowują ostrość i szybko się ładują.
Najważniejsze cechy
- Projekty animacji w After Effects
- Eksporty Lottie JSON i dotLottie
- Wideo podglądowe do akceptacji
- Wskazówki wdrożeniowe dla programistów
- Tutaj niczego nie płaciszNajpierw otrzymujesz pisemną wycenę. Bez płatności, bez zobowiązań.
- Sprzedaje i realizuje GRADAXJedna umowa i jeden zespół, niezależnie od tego, kto wykonuje pracę.
- Państwa dane pozostają w UENic nie jest przenoszone poza Unię w celu przetwarzania.
O tej usłudze
Animacje Lottie to pliki wektorowe, które odtwarzają się na stronach i w aplikacjach przy ułamku rozmiaru wideo lub GIF-a. Projektujemy i animujemy ikony, loadery, sekwencje onboardingu i ilustracje hero, eksportujemy je jako Lottie lub dotLottie i sprawdzamy, czy poprawnie odtwarzają się w odtwarzaczu, którego używają Państwa programiści.
Małe pliki, ostre w każdym rozmiarze
Animacja na stronie internetowej kiedyś oznaczała GIF lub wideo. GIF-y są duże, mają ograniczoną paletę kolorów i są rozmyte na ekranach o wysokiej rozdzielczości. Wideo są ciężkie, wymagają odtwarzacza i nie reagują na użytkownika. Pliki Lottie opisują animację jako kształty wektorowe i ruch, więc dziesięciosekundowa animacja ilustracyjna może ważyć ułamek odpowiednika wideo i pozostać ostra na każdym ekranie.
Można nimi również sterować za pomocą kodu. Ikona może animować się po najechaniu kursorem, wskaźnik ładowania może zapętlać się do momentu nadejścia danych, ilustracja może odtwarzać się, gdy użytkownik przewija obok niej. Dzięki temu Lottie nadaje się do detali interfejsu, w których wideo byłoby zbyt ciężkie i zbyt pasywne.
Projektowanie w granicach możliwości odtwarzania Lottie
Lottie jest eksportowane z After Effects, ale nie obsługuje wszystkiego, co potrafi After Effects. Wiele efektów, rozmyć, poświat, warstw 3D i niektórych trybów mieszania albo nie eksportuje się, albo eksportuje się w sposób, który mocno spowalnia odtwarzanie na telefonach. Animacja zaprojektowana bez uwzględnienia tych ograniczeń często wymaga przebudowy.
Projektujemy pod format od pierwszej klatki, używając warstw kształtów, prostych masek i obsługiwanych funkcji. Przed przekazaniem każdy plik jest testowany w odtwarzaczu, którego używają Państwa programiści: lottie-web, bibliotekach iOS lub Android albo dotLottie. Złożone animacje są również sprawdzane pod kątem odtwarzania na telefonie średniej klasy, ponieważ płynna animacja na laptopie może zacinać się na tańszym urządzeniu.
Specyfikacja
- Kategoria
- Wideo i animacja
- Cena
- 290 € do 1050 €
- Pakiety
- Mały (Zestaw ikon), Średni (Animacje funkcji), Duży (System ruchu)
- Czas realizacji
- Od 3 dni do 4 tygodni
- Rozliczane
- Jednorazowo
- Co otrzymują Państwo
- 4 pozycji, wszystko w cenie
- Czego potrzebujemy od Państwa
- Gdzie animacje będą odtwarzane: strona, iOS, Android czy wszystkie trzy, Istniejące ilustracje lub ikony albo brief na nowe, Kolory marki i wytyczne dotyczące ruchu, jeśli istnieją
- Najczęściej kupują
- SaaS, Aplikacje mobilne, Fintech, E-commerce
- Sprzedaje i realizuje
- GRADAX, jedna umowa i jeden zespół
- Gdzie przetwarzane są Twoje dane
- Unia Europejska
Co otrzymują Państwo
Wszystko poniżej jest w cenie. Nic tutaj nie jest dodatkowo płatną opcją.
- Projekty animacji w After Effects
- Eksporty Lottie JSON i dotLottie
- Wideo podglądowe do akceptacji
- Wskazówki wdrożeniowe dla programistów
Co się zmienia
- Animacje, które zachowują ostrość na każdym rozmiarze i zagęszczeniu ekranu
- Rozmiary plików na tyle małe, by nie spowalniać ładowania strony
- Odtwarzanie przetestowane w odtwarzaczu web, iOS lub Android, którego używa Państwa zespół
- Stany interaktywne, takie jak hover, kliknięcie czy przewijanie, przygotowane tam, gdzie są potrzebne
Porównaj pakiety
Cena standardowa dla każdego rozmiaru. Dodatki są wyceniane obok, a nie ukryte za rozmową.
| W cenie | Zestaw ikon290 €3 do 5 dni roboczych | Animacje funkcji500 €1 do 2 tygodni | System ruchu1050 €2 do 4 tygodni |
|---|---|---|---|
| Do pięciu animacji ikon lub jeden loader | W cenie | W cenie | W cenie |
| Pliki Lottie i dotLottie | W cenie | W cenie | W cenie |
| Dwie rundy poprawek | W cenie | W cenie | W cenie |
| Test odtwarzania | W cenie | W cenie | W cenie |
| Wszystko z Zestawu ikon | Nie w cenie | W cenie | W cenie |
| Do trzech animowanych ilustracji, każda do dziesięciu sekund | Nie w cenie | W cenie | W cenie |
| Stany hover lub kliknięcia | Nie w cenie | W cenie | W cenie |
| Wskazówki wdrożeniowe | Nie w cenie | W cenie | W cenie |
| Wszystko z Animacji funkcji | Nie w cenie | Nie w cenie | W cenie |
| Sekwencja onboardingu do pięciu ekranów | Nie w cenie | Nie w cenie | W cenie |
| Animacja powiązana z przewijaniem lub interaktywna | Nie w cenie | Nie w cenie | W cenie |
| Wytyczne ruchu: timing, easing i zasady | Nie w cenie | Nie w cenie | W cenie |
| Dodaj do wyceny |
Proszę dodać, czego Państwo potrzebują
Choose the size
Proszę dodać, czego Państwo potrzebują
Państwa suma€500
Cena standardowa plus to, co Państwo dodadzą. Potwierdzona na piśmie, zanim cokolwiek się zacznie; nic nie jest pobierane, dopóki Państwo nie zaakceptują.
Jak to działa
Pakiet
Cel, długość i wyzwalacz każdej animacji ustalone.
Animacje
Zbudowane w After Effects wyłącznie z funkcji obsługiwanych przez Lottie.
Optymalizacja
Kształty i klatki kluczowe uproszczone, by pliki były małe.
Test
Odtworzone w docelowym odtwarzaczu na prawdziwych urządzeniach przed przekazaniem.
Pytania
Dlaczego Lottie zamiast wideo lub GIF-a?
Pliki Lottie są zwykle znacznie mniejsze, skalują się bez rozmycia, mają przezroczyste tło i można nimi sterować z kodu, np. odtwarzać po najechaniu kursorem lub wraz z przewijaniem.
Czy każdą animację można zamienić na Lottie?
Nie. Lottie dobrze obsługuje kształty wektorowe, ale niektóre efekty After Effects, rozmycia i 3D nie eksportują się. Projektujemy w tych granicach od samego początku.
Czy dodają Państwo animacje do naszej strony?
Dostarczamy pliki i wskazówki dla Państwa programisty. Wdrożenie możemy dodać, jeśli nie mają Państwo programisty.
Powiązane wyszukiwania
Powiązane prace
JednorazowoProjekt ikonZestaw ikon na zamówienie, rysowany na jednej siatce, więc każda ikona wygląda, jakby należała do reszty.from 290 €
JednorazowoProjekt aplikacji mobilnejEkrany aplikacji na iOS i Androida zaprojektowane w Figmie, z przepływami, stanami i biblioteką komponentów gotową do wdrożenia.from 420 €
JednorazowoAnimacja logoPaństwa logo ożywione w kilku sekundach ruchu dopasowanego do marki, na wideo, stronę i social media.from 290 €
JednorazowoChroma key i rotoscopingCzysto wycięte green screeny i obiekty wycinane klatka po klatce, z włosami i krawędziami ruchu, które się trzymają.from 290 €
Jednorazowokompozycja VFXWymiana ekranów, usuwanie obiektów, podmiana nieba i dodane elementy, wtopione tak, że nikt nie zauważy łączenia.from 290 €
JednorazowoFilm instruktażowyPrezentacje oprogramowania nagrane, zmontowane i przybliżone tak, aby widzowie nadążyli za każdym kliknięciem.from 290 €
Żaden pakiet nie pasuje?
Niektóre prace mają indywidualny charakter. Najpierw ustalamy zakres i wyceniamy go pisemnie; rozmowa o zakresie jest bezpłatna.