Animações clássicas (AOS)
A WebAcappella oferece há muito tempo animações de aparecimento via WOW.js. Agora, você pode optar por usar a biblioteca AOS (Animate On Scroll) diretamente nas Propriedades do projeto. A AOS oferece efeitos de aparecimento modernos, fluidos e fáceis de ajustar, sem precisar escrever código.
Ativar AOS no projeto
- Abra seu projeto WebAcappella.
- Vá para Propriedades do projeto → Animações.
Aplicar um efeito de aparição a um componente
- Selecione um componente (texto, imagem, botão, bloco, etc.).
- Abra o painel Animação ao aparecer.
- Escolha um tipo de efeito (por exemplo: fade, deslize, zoom, rotação leve).
Boas práticas
- Menos é melhor Limite-se a alguns efeitos coerentes (por exemplo: fade + leve translação).
- Prioridade ao conteúdo O efeito deve servir para facilitar a compreensão (destacar um título, um CTA, uma etapa importante).
- Desempenho Evite animar muitos elementos simultaneamente, especialmente em dispositivos móveis.
- Coerência visual Harmonize durações, prazos e tipos de efeitos em todo o site.
- Acessibilidade/conforto Prefira efeitos curtos e moderados, agradáveis aos olhos e não intrusivos.
- Compatibilidade com navegadores Alguns efeitos podem aparecer de forma diferente dependendo do navegador (especialmente no Safari). Teste suas páginas em vários dispositivos.
Casos de uso recomendados
- Títulos de seção: leve desvanecimento + deslizamento vertical discreto.
- Blocos visuais (cartões, miniaturas): zoom muito leve ao aparecer.
- CTA (botões de ação): fade limpo e rápido para manter a reatividade.
- Listas de elementos: aparecimento em cascata (pequenos intervalos sucessivos).
Migração do WOW.js
- Os projetos antigos configurados com WOW.js continuam funcionais.
- Para aproveitar o AOS: 1. Ative o AOS nas Propriedades do projeto. 2. Revise seus componentes principais e reaplique os efeitos de exibição. 3. Alinhe as durações e os intervalos para garantir a homogeneidade visual.
Lembrete de marketing
Animações bem escolhidas reforçam a valorização de suas mensagens (promoção, novidade, prova social) e orientam a atenção. O abuso de efeitos distrai do conteúdo, cansa o usuário e pode prejudicar a percepção de qualidade e rapidez.