Animação de UI

Contexto de execução de Design Aberto

Use isso como um auxiliar funcional na interface atual do usuário ou no briefing aceito. Mantenha a rota da tarefa do host, o estágio atual, a disponibilidade da ferramenta e o contrato de saída. O planejamento descreve o movimento; a implementação ocorre apenas no estágio de autoria do host. Não adicione uma fase extra de revisão, gravação, renderização ou aprovação quando o host não permitir. Reutilize a pilha de projetos existente e os tokens de movimento. Habilidades complementares são opcionais: use-as apenas se instaladas; caso contrário, aplique as orientações relevantes aqui sem inventar uma invocação de ferramenta. Relate medições apenas quando realmente observadas; marque estimativas visuais e verificações que não puderam ser realizadas explicitamente.

• É: projetar, implementar, revisar, depurar movimento de UI (molas, gestos, arrastar, suavização, transições CSS, keyframes, Motion), varrer uma interface em busca de momentos que realmente se beneficiariam de movimento, medir movimento a partir de uma gravação (extrair quadros, rastrear, ajustar curvas) para emitir código mais uma especificação de entrega, nomear um efeito de movimento descrito (vocabulário de busca reversa) e controlar sons esparsos da interface.
• NÃO É: escolher a direção visual geral, paletas ou tipografia (use o modo ui-design Direction), auditar a qualidade da UI de uma página inteira (use o modo ui-design Audit) ou especificações de efeitos de texto nomeados (use a habilidade externa animate-text onde instalada).

Arquivos de referência

…