Création d'états de survol interactifs
Objectifs
Dans cette vidéo, vous allez apprendre à :
- Utiliser les masques pour gérer l'apparition et la disparition des éléments.
- Créer des composants avec des états interactifs.
- Réaliser des animations d'état de survol dans Adobe XD.
Résumé
Apprenez à créer des animations interactives en utilisant les masques dans Adobe XD.
Description
Une des façons les plus efficaces pour créer des animations interactives complexes est d'utiliser les masques. Les masques permettent de cacher des éléments, des textes ou des images pour les faire apparaître à des moments spécifiques. Dans cette leçon, nous vous montrons comment créer un état de survol dynamique qui affiche divers éléments lorsqu'une souris passe dessus.
Nous commençons par designer l'état de survol et créer plusieurs masques pour les textes et les images. Ensuite, nous transformons ces éléments en composants et définissons des états par défaut et des états de survol dans Adobe XD. Vous apprendrez également à gérer les modifications entre les différents états et à utiliser les ancrages pour ajuster la position et l'opacité des éléments.
Finalement, nous testerons l'animation pour vérifier que tous les textes, images et masques apparaissent et disparaissent correctement, créant ainsi une expérience utilisateur immersive et interactive.
vous pouvez monter le niveau est nous préparer une autre plus avancée , avec des prototype PINSKY cela manque en français.
Bonne continuation
Format à 4 minutes digeste.
Hiérarchisation harmonieuse des thématiques abordées.
Voix limpide, claire, a tempo parfait.
Écran net.
Pour la habitués de la suite Adobe, les spécificités du logiciel commencent au module 5 - 6.
Je la recommande vivement !!