Guide d'utilisation Annuler

Création de transitions temporisées

Apprenez comment utiliser les déclencheurs temporisés pour créer des transitions temporisées.

Avec les déclencheurs temporisés, vous pouvez créer des transitions entre les plans de travail en fonction du délai et de la durée. 

Vous pouvez utiliser les Déclencheurs temporels en association avec des Actions pour créer une gamme d’effets, tels que des animations en boucle, des barres de progression, etc. Voici un exemple de Déclencheur temporel utilisé avec Animation automatique pour créer un effet de boucle.

Compteurs animés utilisant des transitions temporisées
Compteurs animés utilisant des transitions temporisées

Pour créer une transition temporisée simple, procédez comme suit :

  1. Dans le mode Prototype, cliquez sur le titre du plan de travail source et connectez-le au plan de travail cible. 

  2. Cliquez sur le connecteur pour afficher le panneau Interaction qui figure dans l’Inspecteur Propriétés et définissez les options suivantes :

    • Déclencheur : sélectionnez Temps. Si vous ne voyez pas l’option Temps, vous n’avez peut-être pas sélectionné l’ensemble du plan de travail et son titre à l’étape 1.  
    • Délai : entrez le délai pour commencer la transition. La plage acceptable est 0,2-5 secondes.
    • Action : sélectionnez Transition. Vous pouvez aussi utiliser le déclencheur de Temps avec d’autres Actions, telles que Animation automatique, Superposition et Lecture vocale pour créer divers effets. Reportez-vous aux Exemples pour apprendre comment créer un effet d’animation en boucle.
    • Destination : affiche le plan de travail de destination connecté à l’étape 1 ; vous pouvez effectuer des modifications si nécessaire.
    • Accélération : sélectionnez l’effet d’accélération que vous souhaitez appliquer sur le plan de travail source.
    • Durée : saisissez la durée de l’effet d’accélération pour indiquer le temps pendant lequel il dure. La plage acceptable est 0,2-5 secondes. 

    XD enregistre vos attributs sur le plan de travail et les propose par défaut sur d’autres écrans.

  3. Pour prévisualiser la transition temporisée, sélectionnez  

Exemples et exemples de fichiers

Vous pouvez également consulter la communauté d’assistance XD pour obtenir des tutoriels et des exemples.

Conseils et astuces

Saviez-vous que vous pouvez combiner les transitions temporisées avec Animation automatique et Superposition pour créer des effets interactifs ? Pour en savoir plus, consultez cette vidéo.

Durée de visionnage : 8 minutes 33 secondes.


Ressources associées

Nous sommes à votre écoute

Questions à la communauté

Si vous avez une question à poser ou une idée à partager, rejoignez la communauté Adobe XD. Nous serions ravis de vous compter parmi nous et de découvrir vos créations.

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?