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

89,00€ 44,50€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
89,00€ 44,50€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à 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
camille.art
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
sykah
Il y a 1 an
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.
jc.mosca
Il y a 2 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.
olivier_96
Il y a 3 ans
Excellent
rcormont77
Il y a 3 ans
Très bonne formation, mais je reste un peu sur ma faim.
hicham.elmbarki
Il y a 3 ans
Tuto trés claire. Merci
maevg
Il y a 3 ans
Super tuto! Bien expliqué et bien présenté. Il n'y a plus qu'à s'y mettre!
brice.athimond
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
morganlachery
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.
ChrisD
Il y a 4 ans
Très bonne formation, à la fois claire, complète et concise ... nickel !
p.germain
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 !!
marq.sab
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!
christian.lepiney
Il y a 4 ans
Progression limpide - Merci
vincentpeterlongo_1
Il y a 4 ans
Excellente pédagogie, très clair, concis. Merci pour ce cours qui sera très utile aux débutants.