Zhenya Rynzhuk est une spécialiste du design digital qui aide ses clients à développer leur activité en recourant au Design Thinking pour améliorer leur expérience utilisateur. Elle peut créer votre projet de A à Z ou collaborer sur le remaniement d'un design existant.
Ce qu'il vous faut
Cynthia a dupliqué son plan de travail d'origine. La duplication des plans de travail dans Adobe XD préserve les noms des calques. Ce point est important pour la suite du tutoriel.
Sur le nouveau plan de travail, Cynthia a laissé le carrousel groupé. Elle a ensuite double-cliqué sur chaque image et modifié la taille et la position dans l'inspecteur Propriétés pour simuler l'apparition et la disparition des images lorsque l'utilisateur fait glisser le carrousel. Elle a également fait passer le calque de texte du groupe 1 au groupe 2 et modifié le texte.
Cynthia est passée en mode Prototype pour définir l'interaction utilisateur. Elle a double-cliqué sur l'image centrale sur le premier plan de travail et l'a reliée au second plan de travail. Elle a ensuite défini le déclencheur sur Faire glisser, ce qui a automatiquement défini l'action sur Animation automatique. Pour terminer, elle a créé un lien entre l'image centrale sur le second plan de travail et le premier. Adobe XD a mémorisé ses précédents paramètres. Enfin, elle a testé l'interaction en mode Aperçu sur ordinateur.
Créez des gestes de glissement pour simuler des interactions utilisateur réalistes dans vos applications mobiles.
Remarque : les fichiers de projet fournis avec ce tutoriel le sont uniquement à des fins d'entraînement.
Artiste : Zhenya Rynzhuk
Contributeur Adobe Stock : visualbricks