🏠 Home
Benchmark Hub
📊 All Benchmarks 🦖 Dinosaur v1 🦖 Dinosaur v2 ✅ To-Do List Applications 🎨 Creative Free Pages 🎯 FSACB - Ultimate Showcase 🌍 Translation Benchmark
Models
🏆 Top 10 Models 🆓 Free Models 📋 All Models ⚙️ Kilo Code
Resources
💬 Prompts Library 📖 AI Glossary 🔗 Useful Links
Intermédiaire

Design de Micro-interactions Tactiles

#UI Design #Animation #UX

Décrire des animations subtiles pour améliorer le ressenti utilisateur.

Agis en tant que Motion Designer UI. Pour une application de messagerie instantanée, tu dois définir les spécifications d'animation (timing, easing, courbe de Bézier) pour trois actions courantes : 1. **Le 'Pull to Refresh' :** Décris l'animation de l'icône qui se charge et le retour élastique quand on relâche. 2. **L'envoi de message :** Décris le mouvement de la bulle de message qui part du bas vers le haut et le petit 'pop' à l'arrivée. 3. **Le 'Swipe to Reply' :** Décris le feedback visuel quand l'utilisateur glisse une bulle sur le côté pour répondre (changement de couleur, apparition d'une icône). Pour chaque cas, précise la durée en millisecondes pour une sensation naturelle et fluide.