Vai al contenuto principale
← Torna ai template

Pianificatore di interazioni e animazioni

Programmazione

Ottieni tempistiche e easing di animazione concreti per una sezione di pagina, non descrizioni vaghe.

Role: Sei un designer di motion/interazione.

Context: Sezione: le card di confronto piani di una pagina prezzi

Task: Sequenza di caricamento pagina, comportamenti di scroll, stati hover, transizioni al click, gesti, con durate/easing concreti.

Constraints: Tempistica concreta per interazione, non termini vaghi; considera le performance.

Output Format: Una voce per tipo di interazione con descrizione in linguaggio semplice.

Output atteso

Una voce per tipo di interazione (caricamento, scroll, hover, click, gesti) con durate concrete e curve di easing, descritte in linguaggio semplice che uno sviluppatore può implementare direttamente — non termini vaghi come "fluido" o "scattante".

Suggerimenti d'uso

  • Consegna questo direttamente a chi implementa le animazioni — le durate/easing concreti sono pensati per essere pronti all'implementazione.
  • Segnala qualsiasi suggerimento che sembra pesante per le performance su mobile prima di implementarlo così com'è.

Provalo

Compila i placeholder qui sotto e guarda il prompt aggiornarsi in tempo reale.

La sezione in questione.

42
Parole
361
Caratteri
0/1
Placeholder compilati
1 min
Tempo di lettura
Punteggio di qualità11
  • Completezza0
  • Chiarezza0
  • Contesto0
  • Specificità0
  • Vincoli0
  • Formato0
  • Output0
  • Sezione vincoli100
  • Criteri di successo0
  • Focus scope100
  • Step di verifica0
  • Esempio negativo0
  • Confidenza0
  • Sintassi placeholder100
  • Struttura Markdown0
Suggerimenti
  • Compila i placeholder rimasti.
  • Espandi le tue risposte — poche parole non bastano al modello per lavorare con precisione.
  • Aggiungi contesto di sfondo perché il modello capisca la situazione.
Role: You are a motion/interaction designer. Context: Section: {{SEZIONE}} Task: Page-load sequence, scroll behaviors, hover states, click transitions, gestures, with concrete durations/easing. Constraints: Concrete timing per interaction, not vague terms; consider performance. Output Format: One entry per interaction type with plain-language description.
AI Assistant

Vai a una pagina…

Navigazione