Maîtriser les états des composants dans Adobe XD

Simuler les états d'un champ de formulaire
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€ 62,30€ Je commande

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

DescriptionProgrammeAvis
5,0
89,00€ 62,30€ Je commande

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

Les objectifs sont de maîtriser la création et la gestion des états de composants dans Adobe XD, et de prototyper des formulaires interactifs avec différents états.

Apprenez à utiliser les composants dans Adobe XD pour créer des formulaires interactifs, incluant différents états comme le remplissage et l'erreur.

Lors de la conception d'interfaces utilisateurs, il est souvent nécessaire de créer des formulaires. Adobe XD permet d'exploiter pleinement les composants pour mettre en place divers états des formulaires, ce qui permet à l'utilisateur d'interagir et aux développeurs de visualiser graphiquement les états des champs de formulaire.

Dans cette leçon, nous préparons un label et un champ de saisie dans un rectangle, que nous transformons en composant. Vous apprendrez à créer des états personnalisés comme l'état rempli et l'état d'erreur. En mode prototype, vous verrez comment cliquer sur un élément pour changer son état, créant ainsi une expérience utilisateur fluide. Vous découvrirez également la duplication et la personnalisation d'occurrences de composants pour différents champs de formulaire, comme les adresses e-mail et les mots de passe.

En fin de leçon, vous saurez comment simuler l'expérience utilisateur à la fois pour les interfaces mobiles et les sites internet, ce qui est essentiel pour un projet interactif cohérent.

Voir plus
Questions réponses
Quels sont les états d'un formulaire que l'on peut créer dans Adobe XD?
Dans Adobe XD, on peut créer plusieurs états pour les champs de formulaire, y compris l'état par défaut, l'état rempli et l'état d'erreur.
Pourquoi est-il avantageux d'utiliser des composants pour les formulaires?
Utiliser des composants permet de créer des éléments réutilisables avec différents états, facilitant ainsi la mise à jour et la personnalisation des formulaires tout en assurant une expérience utilisateur cohérente.
Comment passe-t-on d'un état à un autre dans un prototype Adobe XD?
En mode prototype d'Adobe XD, on peut définir des interactions comme le clic pour changer l'état d'un composant, permettant de simuler l'expérience utilisateur lorsqu'il interagit avec le formulaire.

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 3 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.