Animação Lottie e web
Animações vetoriais leves para sites e aplicações, entregues como ficheiros Lottie que se mantêm nítidos e carregam depressa.
Principais características
- Animações desenhadas em After Effects
- Exportações Lottie JSON e dotLottie
- Vídeos de pré-visualização para aprovação
- Notas de implementação para programadores
- Aqui não se paga nadaRecebe primeiro um orçamento por escrito. Sem pagamento, sem compromisso.
- Vendido e entregue pela GRADAXUm contrato e uma equipa, independentemente de quem faz o trabalho.
- Os seus dados ficam na UENada é movido para fora da união para ser processado.
Sobre este serviço
As animações Lottie são ficheiros vetoriais que reproduzem em sites e aplicações com uma fração do tamanho de um vídeo ou GIF. Concebemos e animamos ícones, loaders, sequências de onboarding e ilustrações de destaque, exportamo-las como Lottie ou dotLottie e verificamos que reproduzem corretamente no player que os seus programadores usam.
Ficheiros leves, nítidos em qualquer tamanho
Antigamente, animação num site significava um GIF ou um vídeo. Os GIFs são pesados, têm cores limitadas e ficam desfocados em ecrãs de alta resolução. Os vídeos são pesados, precisam de um leitor e não respondem ao utilizador. Os ficheiros Lottie descrevem a animação como formas vetoriais e movimento, pelo que uma animação ilustrada de dez segundos pode pesar uma fração do vídeo equivalente e manter-se nítida em qualquer ecrã.
Também podem ser controladas por código. Um ícone pode animar ao passar o rato, um carregador pode repetir até os dados chegarem, uma ilustração pode reproduzir-se à medida que o utilizador faz scroll. Isso torna o Lottie adequado para detalhes de interface onde um vídeo seria demasiado pesado e demasiado passivo.
Conceber dentro do que o Lottie consegue reproduzir
O Lottie é exportado do After Effects, mas não suporta tudo o que o After Effects consegue fazer. Muitos efeitos, desfoques, brilhos, camadas 3D e alguns modos de mistura ou não são exportados ou são exportados de formas que tornam a reprodução muito lenta nos telemóveis. Uma animação concebida sem esses limites em mente muitas vezes tem de ser refeita.
Concebemos para o formato desde o primeiro fotograma, usando camadas de forma, máscaras simples e funcionalidades suportadas. Antes da entrega, cada ficheiro é testado no leitor que os seus programadores usam: lottie-web, as bibliotecas iOS ou Android, ou dotLottie. As animações complexas também são verificadas quanto à reprodução num telemóvel de gama média, uma vez que uma animação fluida num portátil pode engasgar-se num dispositivo mais barato.
Especificações
- Categoria
- Vídeo e Movimento
- Preço
- € 290 a € 1.050
- Tamanhos
- Pequeno (Conjunto de ícones), Médio (Animações de funcionalidades), Grande (Sistema de movimento)
- Prazo de execução
- 3 dias a 4 semanas
- Faturado
- Pagamento único
- O que recebe
- 4 itens, tudo incluído no preço
- O que precisamos de si
- Onde as animações vão ser reproduzidas: site, iOS, Android ou os três, Ilustrações ou ícones existentes, ou um briefing para novos, Cores da marca e eventuais diretrizes de movimento
- Comprado mais frequentemente por
- SaaS, Aplicações móveis, Fintech, Comércio eletrónico
- Vendido e entregue por
- GRADAX, um contrato e uma só equipa
- Onde são tratados os seus dados
- União Europeia
O que recebe
Tudo o que está abaixo está incluído no preço. Nada aqui é um upgrade.
- Animações desenhadas em After Effects
- Exportações Lottie JSON e dotLottie
- Vídeos de pré-visualização para aprovação
- Notas de implementação para programadores
O que muda
- Animações que se mantêm nítidas em todos os tamanhos e densidades de ecrã
- Ficheiros suficientemente pequenos para não atrasar o carregamento da página
- Reprodução testada no leitor web, iOS ou Android que a sua equipa usa
- Estados interativos como hover, clique ou scroll configurados onde necessário
Compare os tamanhos
O preço padrão para cada tamanho. Os extras têm preço ao lado, não escondidos atrás de uma chamada.
| Incluído | Conjunto de ícones€ 2903 a 5 dias úteis | Animações de funcionalidades€ 5001 a 2 semanas | Sistema de movimento€ 1.0502 a 4 semanas |
|---|---|---|---|
| Até cinco animações de ícones ou um loader | Incluído | Incluído | Incluído |
| Ficheiros Lottie e dotLottie | Incluído | Incluído | Incluído |
| Duas rondas de revisões | Incluído | Incluído | Incluído |
| Teste de reprodução | Incluído | Incluído | Incluído |
| Tudo do conjunto de ícones | Não incluído | Incluído | Incluído |
| Até três animações ilustradas, cada uma até dez segundos | Não incluído | Incluído | Incluído |
| Estados de hover ou clique | Não incluído | Incluído | Incluído |
| Notas de implementação | Não incluído | Incluído | Incluído |
| Tudo em Animações de funcionalidades | Não incluído | Não incluído | Incluído |
| Sequência de integração com até cinco ecrãs | Não incluído | Não incluído | Incluído |
| Animação ligada ao scroll ou interativa | Não incluído | Não incluído | Incluído |
| Diretrizes de movimento: timing, easing e princípios | Não incluído | Não incluído | Incluído |
| Adicionar ao orçamento |
Adicione o que precisa
Choose the size
Adicione o que precisa
O seu total€500
O preço padrão, mais tudo o que acrescentar. Confirmado por escrito antes de começar; nada é cobrado até aceitar.
Como funciona
Plano
Objetivo, duração e gatilho de cada animação acordados.
Animar
Criado em After Effects usando apenas funcionalidades que o Lottie suporta.
Otimizar
Formas e keyframes simplificados para manter os ficheiros pequenos.
Testar
Reproduzido no seu leitor de destino em dispositivos reais antes da entrega.
Perguntas
Porquê Lottie em vez de vídeo ou GIF?
Os ficheiros Lottie são normalmente muito mais pequenos, escalam sem desfocagem, têm fundos transparentes e podem ser controlados por código, como reproduzir ao passar o rato ou acompanhar o scroll.
Todas as animações podem tornar-se Lottie?
Não. O Lottie suporta bem formas vetoriais, mas alguns efeitos do After Effects, desfocagens e 3D não são exportados. Concebemos dentro desses limites desde o início.
Adicionam-nos ao nosso site?
Fornecemos ficheiros e notas para o seu programador. A implementação pode ser adicionada se não tiver programador.
Pesquisas relacionadas
Trabalhos relacionados
Pagamento únicoDesign de íconesUm conjunto de ícones personalizado desenhado sobre uma grelha, para que cada ícone pareça pertencer ao resto.from € 290
Pagamento únicoDesign de app móvelEcrãs de apps iOS e Android desenhados em Figma, com fluxos, estados e uma biblioteca de componentes pronta para desenvolvimento.from € 420
Pagamento únicoAnimação de logótipoO seu logótipo animado em alguns segundos de movimento que se adequa à marca, para vídeo, web e redes sociais.from € 290
Pagamento únicoChroma key e rotoscopingFundo verde removido com precisão e sujeitos recortados fotograma a fotograma, com cabelo e contornos de movimento que se aguentam.from € 290
Pagamento únicoComposição de VFXSubstituição de ecrãs, remoção de objetos, troca de céus e elementos adicionados, fundidos para que ninguém veja a emenda.from € 290
Pagamento únicoVídeo screencastDemonstrações de software gravadas, editadas e com zoom para que os espectadores sigam cada clique.from € 290
Não encontra o seu tamanho?
Alguns trabalhos têm forma própria. Analisamos primeiro o âmbito e orçamentamos por escrito; a chamada de análise não tem custo.