Lottie и уеб анимация
Леки векторни анимации за уебсайтове и приложения, доставени като Lottie файлове, които остават ясни и се зареждат бързо.
Ключови характеристики
- Дизайни на анимации в After Effects
- Lottie JSON и dotLottie експорти
- Прегледни видеа за одобрение
- Бележки за имплементация за разработчици
- Тук нищо не се таксуваПърво получавате писмена оферта. Без плащане, без ангажимент.
- Продава се и се предоставя от GRADAXЕдин договор и един екип, който и да върши работата.
- Данните Ви остават в ЕСНищо не се изнася извън съюза за обработка.
За тази услуга
Lottie анимациите са векторни файлове, които се възпроизвеждат в уебсайтове и приложения с малка част от размера на видео или GIF. Ние проектираме и анимираме икони, лоудъри, onboarding последователности и hero илюстрации, експортираме ги като Lottie или dotLottie и проверяваме дали се възпроизвеждат правилно в плейъра, който Вашите разработчици използват.
Малки файлове, ясни във всякакъв размер
Анимацията на уебсайт някога означаваше GIF или видео. GIF-овете са големи, с ограничени цветове и размазани на екрани с висока резолюция. Видеата са тежки, изискват плейър и не могат да реагират на потребителя. Lottie файловете описват анимацията като векторни форми и движение, така че десетсекундна илюстрирана анимация може да тежи част от еквивалентното видео и да остане ясна на всеки екран.
Те могат да се управляват и с код. Икона може да се анимира при посочване, зареждащ елемент може да се върти, докато пристигнат данни, илюстрация може да се възпроизведе, докато потребителят превърта покрай нея. Това прави Lottie подходящ за детайли в интерфейса, където видеото би било твърде тежко и твърде пасивно.
Проектиране в рамките на това, което Lottie може да възпроизведе
Lottie се експортира от After Effects, но не поддържа всичко, което After Effects може. Много ефекти, размазвания, сияния, 3D слоеве и някои режими на смесване или не се експортират, или се експортират по начин, който силно забавя възпроизвеждането на телефони. Анимация, проектирана без тези ограничения предвид, често трябва да се преработи.
Проектираме за формата от първия кадър, използвайки слоеве с форми, прости маски и поддържани функции. Преди предаването всеки файл се тества в плейъра, който разработчиците Ви използват: lottie-web, библиотеките за iOS или Android, или dotLottie. Сложните анимации се проверяват и за възпроизвеждане на телефон от среден клас, тъй като плавна анимация на лаптоп може да засича на по-евтино устройство.
Спецификации
- Категория
- Видео и анимация
- Цена
- 290 € до 1050 €
- Размери
- Малък (Комплект икони), Среден (Функционални анимации), Голям (Система за движение)
- Срок за изпълнение
- От 3 дни до 4 седмици
- Таксува се
- Еднократно
- Какво получавате
- 4 артикула, всичко включено в цената
- Какво ни е нужно от Вас
- Къде ще се възпроизвеждат анимациите: уебсайт, iOS, Android или и трите, Съществуващи илюстрации или икони, или бриф за нови, Брандови цветове и евентуални насоки за движение
- Най-често купувано от
- SaaS, Мобилни приложения, Финтех, Е-търговия
- Продава се и се предоставя от
- GRADAX, един договор и един екип
- Къде се обработват данните ви
- Европейски съюз
Какво получавате
Всичко по-долу е включено в цената. Нищо тук не е допълнителна опция.
- Дизайни на анимации в After Effects
- Lottie JSON и dotLottie експорти
- Прегледни видеа за одобрение
- Бележки за имплементация за разработчици
Какво се променя
- Анимации, които остават ясни на всеки размер и плътност на екрана
- Размери на файловете, достатъчно малки, за да не забавят зареждането на страницата
- Възпроизвеждането е тествано в уеб, iOS или Android плейъра, който Вашият екип използва
- Интерактивни състояния като hover, клик или скрол, настроени където е необходимо
Сравнете размерите
Стандартната цена за всеки размер. Допълнителните услуги са с цена до нея, а не скрити зад обаждане.
| Включено | Комплект икони290 €3 до 5 работни дни | Функционални анимации500 €1 до 2 седмици | Система за движение1050 €2 до 4 седмици |
|---|---|---|---|
| До пет анимации на икони или един лоудър | Включено | Включено | Включено |
| Lottie и dotLottie файлове | Включено | Включено | Включено |
| Два кръга редакции | Включено | Включено | Включено |
| Тест на възпроизвеждането | Включено | Включено | Включено |
| Всичко от Комплект икони | Не е включено | Включено | Включено |
| До три илюстрирани анимации, всяка до десет секунди | Не е включено | Включено | Включено |
| Състояния при hover или клик | Не е включено | Включено | Включено |
| Бележки за имплементация | Не е включено | Включено | Включено |
| Всичко от Функционални анимации | Не е включено | Не е включено | Включено |
| Onboarding последователност до пет екрана | Не е включено | Не е включено | Включено |
| Анимация, свързана със скрол, или интерактивна анимация | Не е включено | Не е включено | Включено |
| Насоки за движение: тайминг, easing и принципи | Не е включено | Не е включено | Включено |
| Добави към офертата |
Добавете каквото Ви трябва
Choose the size
Добавете каквото Ви трябва
Вашата обща сума€500
Стандартната цена плюс това, което добавите. Потвърдено писмено, преди да започне всичко; нищо не се таксува, докато не го приемете.
Как работи
План
Целта, дължината и задействането на всяка анимация са съгласувани.
Анимиране
Създадени в After Effects само с функции, които Lottie поддържа.
Оптимизиране
Формите и ключовите кадри са опростени, за да останат файловете малки.
Тест
Тествани в целевия плейър на реални устройства преди предаването.
Въпроси
Защо Lottie вместо видео или GIF?
Lottie файловете обикновено са много по-малки, мащабират се без размазване, имат прозрачен фон и могат да се управляват с код, например да се възпроизвеждат при hover или при скрол.
Може ли всяка анимация да стане Lottie?
Не. Lottie поддържа добре векторни форми, но някои ефекти на After Effects, блърове и 3D не се експортират. Проектираме в тези граници още от самото начало.
Добавяте ли ги към нашия сайт?
Предоставяме файлове и бележки за Вашия разработчик. Имплементация може да се добави, ако нямате разработчик.
Свързани търсения
Свързана работа
ЕднократноДизайн на икониИндивидуален набор от икони, начертан върху една мрежа, така че всяка икона да изглежда, че принадлежи към останалите.from 290 €
ЕднократноДизайн на мобилно приложениеЕкрани за iOS и Android приложения, проектирани във Figma, с потоци, състояния и библиотека от компоненти, готова за разработка.from 420 €
ЕднократноАнимация на логоВашето лого, анимирано в няколко секунди движение, което подхожда на бранда, за видео, уеб и социални мрежи.from 290 €
ЕднократноChroma key и ротоскопиранеЗеленият екран е изчистен чисто, а обектите са изрязани кадър по кадър, с коси и ръбове на движението, които издържат.from 290 €
ЕднократноVFX композитингЗамяна на екрани, премахване на обекти, смяна на небе и добавени елементи, смесени така, че никой да не види прехода.from 290 €
ЕднократноСкрийнкаст видеоЗаписи на софтуерни демонстрации, монтирани и приближени, така че зрителите да следват всяко кликване.from 290 €
Нито един пакет не Ви подхожда?
Някои работи имат собствен мащаб. Първо определяме обхвата и предлагаме писмена оферта, а обаждането за определяне на обхвата е безплатно.