Discussion

Animation de l'interface utilisateur du tableau de bord SaaS

De Wikiprompt, l’encyclopédie libre de prompts

Gilbert Odera | Your AI Plug

4 sept. 2026

Animation de l'interface utilisateur du tableau de bord SaaS Une séquence vidéo détaillée de 15 secondes pour générer une animation d'interface utilisateur de tableau de bord SaaS avec interactions à la souris, visualisation de données et effets sonores.

Médias associés

Contenu du PromptEnregistrer

🌐
Vue plate, directe et frontale de l'interface de tableau de bord SaaS web moderne basée sur la première image. DISPOSITION DE L'UI ET ÉLÉMENTS : La barre latérale gauche présente des icônes de navigation avec une lueur cyan active sur "Analytics". L'en-tête supérieur affiche "NEXUS AI // ANALYTICS DASHBOARD" en typographie blanche nette. La zone centrale montre des graphiques en courbes en temps réel, des cartes de données et une boîte d'aperçu vidéo principale. Esthétique globale élégante en mode sombre avec effet glassmorphism. 00:00-00:03 : - Visuel : La caméra reste fixe sur le tableau de bord web. Un curseur de souris numérique blanc et net entre depuis le coin supérieur gauche et glisse en douceur à travers l'écran vers un bouton principal étiqueté "GENERATE REPORT". - Action : Le curseur survole le bouton. Le bouton passe en douceur du gris foncé à un état de survol cyan néon vibrant avec une bordure lumineuse douce. - Effets sonores : Swoosh doux de curseur numérique, clic de survol en verre subtil, et bourdonnement technologique ambiant lo-fi. 00:03-00:06 : - Visuel : Le curseur clique sur le bouton "GENERATE REPORT". La page défile en douceur vers le bas, révélant des modules secondaires de visualisation de données et des graphiques à barres de performance sous la ligne de flottaison. - Action : Les graphiques en courbes se dessinent dynamiquement de gauche à droite, avec des points cyan lumineux s'allumant aux pics de données. - Effets sonores : Clic mécanique net de souris, swoosh de défilement de page ultra-doux, et signaux sonores numériques ascendants. 00:06-00:09 : - Visuel : Le curseur glisse vers une carte de données affichant "TOTAL ENGAGEMENT: 84.2%" et clique sur l'icône d'options en haut à droite. - Action : Une fenêtre contextuelle propre en glassmorphism intitulée "EXPORT DATA" se met à l'échelle en douceur et apparaît en fondu au centre du tableau de bord. - Effets sonores : Carillon doux d'ouverture de fenêtre, effet d'aspiration d'air UI subtil, et musique de nappe synthétique ambiante continue. 00:09-00:12 : - Visuel : À l'intérieur de la fenêtre contextuelle, le curseur survole un menu déroulant étiqueté "Format: PDF" et sélectionne "Format: CSV". - Action : Le menu déroulant se déploie avec des micro-interactions fluides, l'option se met en surbrillance en violet néon, et la sélection se met à jour immédiatement. - Effets sonores : Clic déroulant rapide, son de coche numérique, et tonalité légère de retour d'interface. 00:12-00:15 : - Visuel : Le curseur clique sur "DOWNLOAD NOW". La fenêtre contextuelle se ferme avec un fondu rapide, et une notification toast de succès verte lit "Report Downloaded!" dans le coin supérieur droit. - Action : Les graphiques de métriques pulsent une fois en vert vif, et le tableau de bord se réinitialise dans son état actif de surveillance en temps réel. - Effets sonores : Carillon satisfaisant de tâche terminée, son rapide de glissement d'interface, et accord de synthétiseur résolu en douceur.

Connectez-vous pour voir le prompt complet

Continuer avec:

En vous connectant, vous acceptez nos Conditions et Confidentialité

Utilisation

Ce prompt est conçu pour être utilisé avec creative. Copiez le contenu ci-dessus et collez-le dans votre outil d’IA préféré.

Pour de meilleurs résultats, personnalisez les espaces réservés (indiqués par des crochets ou des majuscules) selon vos besoins.

Références

Catégories :creative| twitter| saas-dashboard| ui-animation

Discussion