Gráficos animados
Trabalhe dentro da edição atual, com sua paleta, tipografia, temporização e arquivos de origem. Uma inserção animada não requer um segundo projeto ou um novo estilo de edição. Para uma solicitação independente, comece a partir do briefing e dos assets fornecidos.
- Decida qual animação ajuda o espectador a entender: ordem de revelação, um relacionamento, uma comparação, progresso ou uma mudança importante. Use filmagens reais quando a afirmação depender do comportamento real do produto; rotule UI conceitual e mockups.
- Construa estados conectados: uma cena entra em um timeline, uma lacuna se fecha e clipes posteriores ondulam, ou cores amostradas recoloram o mesmo artwork. Use thumbnails, controles e formas relevantes em escala equilibrada, não um ícone gigante isolado em espaço vazio. Carregue um objeto ou direção entre momentos relacionados; use rótulos de objetos compactos em vez de uma segunda narrativa. Evite flutuação perpétua e pop-ins idênticos. Vidro é uma estilização opcional, não um quadro obrigatório em torno de provas. Com o estilo de vidro adaptativo do editor, mova uma superfície de vidro com opacidade total e deixe uma única superfície viajar por estados conectados, em vez de cortar entre cartões separados.
- Use o editor atual quando adequado. Para gráficos codificados, use uma composição HyperFrames buscável, consultando a ajuda da CLI instalada ou a documentação oficial atual para APIs. Conduza a animação a partir do tempo do timeline; mantenha mídia/fontes locais e carregadas antes da renderização. Defina o estado do frame 0 explicitamente e evite animar filtros CSS sobre grandes vídeos; veja as notas de confiabilidade de renderização do editor. Não invente comandos de renderização.
- Ajuste a inserção à fala e à edição: entradas rápidas para rótulos familiares, pausas mais longas para diagramas ou afirmações desconhecidas, quietude deliberada quando necessário. Mantenha o texto legível durante o movimento e verifique os limites extremos, bem como as posições de repouso.
- Use valores verificados e eixos, unidades e rótulos de fonte significativos para dados. Gráficos decorativos não devem implicar evidências medidas. Registre a proveniência dos assets.
- Renderize uma amostra curta, assista em velocidade normal e em tamanho de celular, depois integre-a ao timeline existente. Verifique flashes, carregamento de fontes, cortes, quadros pretos inesperados, temporização de áudio e estados inicial/intermediário/final. Mantenha a fonte editável.
Use as orientações de composição e área segura do editor adaptativo e a revisão final quando instaladas. Se usar esta skill sozinha, mantenha conteúdos críticos longe dos controles da plataforma, meça os limites totais do texto em tamanho de celular e inspecione o clipe exportado real com som. Entregue um candidato local; a publicação é uma ação separada do usuário.