Créer des Prototypes Interactifs avec Adobe XD

Lier des élément intéractifs
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Adobe XD - Les fondamentaux
Revoir le teaser Je m'abonne
5,0
Transcription

Cette leçon fait partie de la formation
89,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm


DescriptionProgrammeAvis
5,0
Cette leçon fait partie de la formation
89,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm


Les objectifs de cette vidéo sont de vous apprendre à :
- Créer et configurer des prototypes interactifs dans Adobe XD.
- Appliquer différentes animations et transitions entre les écrans.
- Optimiser l'expérience utilisateur sur les designs mobiles.

Ce tutoriel vous guide à travers le processus de création de prototypes interactifs avec Adobe XD, en mettant l'accent sur la conception d'expériences utilisateurs mobiles.

Dans cette leçon, vous apprendrez comment créer des prototypes interactifs en utilisant Adobe XD. Nous commencerons par créer différentes pages pour votre projet et passer ensuite en mode prototype pour élaborer un parcours utilisateur fonctionnel. Vous découvrirez comment ajouter de l'interactivité à des éléments spécifiques, comme des boutons ou des icônes, en permettant des transitions fluides entre les pages.

En mode prototype, vous pouvez facilement sélectionner n'importe quel élément de votre interface et définir des actions interactives, comme des clics ou des touches. Par exemple, nous montrerons comment configure une transition glissante entre deux pages lorsqu'un utilisateur clique ou touche une icône sur un design mobile. Les types de transitions disponibles, comme le glissement vers la gauche ou la droite, et les options de vitesse d'animation, seront également abordés.

Ce tutoriel détaillé vous fournira les compétences nécessaires pour rendre vos designs Adobe XD plus interactifs et engageants, ce qui est crucial pour toute présentation de projet professionnel ou pour la validation de vos concepts par des utilisateurs réels.

Voir plus
Questions réponses
Quels sont les trois modes principaux d'Adobe XD mentionnés dans la vidéo ?
Les trois modes principaux d'Adobe XD mentionnés sont : le mode Design, le mode Prototype et le mode Partager.
Quelles sont les actions interactives que vous pouvez définir en mode Prototype ?
En mode Prototype, vous pouvez définir des actions interactives telles que des clics, des touches, et des transitions automatiques entre différents éléments de l'interface.
Quels types de transitions entre les écrans sont disponibles dans Adobe XD ?
Les types de transitions disponibles dans Adobe XD incluent : le glissement vers la gauche, la droite, le haut, le bas, le fondu en opacité, et la poussée d'un écran à un autre.

Programme détaillé

14 commentaires
5,0
14 votes
5
4
3
2
1
Profile picture for user camille.art
camille a.
Il y a 1 an
Bonne formation claire, simple, éfficasse,
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
Profile picture for user sykah
Yasmina K.
Il y a 2 ans
Très bonne formation ! Parfaite pour élaborer des projets simples.
Format à 4 minutes digeste.
Hiérarchisation harmonieuse des thématiques abordées.
Voix limpide, claire, a tempo parfait.
Écran net.
Jean-Claude M.
Il y a 3 ans
Comme toujours chez Elephorm très bonne formation mais je reste un peu sur ma faim quand à l'utilisation des plug-ins, surtout à ceux qui concernent l'exportation web comme Anima par exemple et à la fonction responsive.
Profile picture for user olivier_96
Olivier R.
Il y a 4 ans
Excellent
Rémi C.
Il y a 4 ans
Très bonne formation, mais je reste un peu sur ma faim.
Hicham E.
Il y a 4 ans
Tuto trés claire. Merci
Profile picture for user maevg
Maëva G.
Il y a 4 ans
Super tuto! Bien expliqué et bien présenté. Il n'y a plus qu'à s'y mettre!
Profile picture for user brice.athimond
Brice A.
Il y a 4 ans
Un tutoriel très complet qui présente bien AdobeXD et tout ce qui est possible de faire avec. Merci
Profile picture for user morganlachery
Morgan L.
Il y a 4 ans
Très agréable, cette formation explique bien les notions importantes du logiciel.
Pour la habitués de la suite Adobe, les spécificités du logiciel commencent au module 5 - 6.
Profile picture for user ChrisD
Christophe D.
Il y a 4 ans
Très bonne formation, à la fois claire, complète et concise ... nickel !
Pierre G.
Il y a 4 ans
Formation extrêmement claire !!! Débutante, je vais pouvoir me lancer concrètement dans mes créations ! Merci !!
Je la recommande vivement !!
Sabine M.
Il y a 4 ans
Merci pour cette formation structurée et efficace. Les exemples sont concrets, les conseils pour améliorer son efficacité sont convaincants. Les fonctionnalités de partage permettent d'organiser un développement collectif où chacun se sent responsable. Cela donne très envie d'utiliser ce produit Adobe. Excellent!
Profile picture for user christian.lepiney
christian l.
Il y a 4 ans
Progression limpide - Merci
Profile picture for user vincentpeterlongo_1
Vincent P.
Il y a 4 ans
Excellente pédagogie, très clair, concis. Merci pour ce cours qui sera très utile aux débutants.