CATALOGUE
Design et Infographie
Formation
WebDesign UX / UI
Apprendre Adobe XD - Les fondamentaux
Utilisation des États des Composants dans Adobe XD
DescriptionProgrammeAvis
Créer des Interactions et États de Survol
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre l'importance des états des composants.
- Apprendre à créer et modifier des composants dans Adobe XD.
- Maitriser l'ajout et la gestion des états des composants.
- Savoir tester les interactions de manière efficace.
Résumé
Découvrez comment améliorer l’expérience utilisateur en utilisant les états des composants dans Adobe XD.
Description
Cette leçon aborde l'utilisation des états des composants dans Adobe XD pour créer des expériences utilisateur cohérentes et crédibles. Vous apprendrez à :
- Convertir un élément vectoriel en composant.
- Ajouter différents états à un composant, comme l’état de survol et de clic.
- Modifier le design en fonction des états.
- Tester les interactions en temps réel avec la fonction aperçu.
- Appliquer ces connaissances à des éléments complexes.
En utilisant des exemples concrets comme des boutons et des images, cette leçon montre comment les états des composants peuvent enrichir vos designs d'interface et améliorer l'expérience utilisateur globale.
Questions fréquentes
Questions réponses
Pourquoi est-il important d'utiliser les états des composants dans un design ?
L’utilisation des états des composants est essentielle pour créer des interactions utilisateur intuitives et réactives, permettant une meilleure expérience utilisateur.
Quelles sont les étapes pour ajouter un état de survol à un bouton dans Adobe XD ?
Pour ajouter un état de survol à un bouton dans Adobe XD, convertissez l'élément en composant, puis ajoutez un nouvel état de survol via l'inspecteur des propriétés et modifiez son design selon vos besoins.
Comment tester les interactions en temps réel dans Adobe XD ?
Pour tester les interactions en temps réel, utilisez la fonction d’aperçu en cliquant sur le triangle en haut de l'écran dans Adobe XD. Les modifications s'afficheront lorsque vous survolerez avec votre souris.
Programme détaillé
Module 1 - Gestion des Documents
Module 2 - Les outils de dessin vectoriel
Dessiner des lignes
02:40
Module 3 - Les Textes
Les textes de point
03:52
Les textes de zones
03:41
Module 4 - Importation de fichiers et d'images
Module 5 - Les différents effets graphiques
Les ombres portées
03:34
Les flous d'objets
02:24
Les flous d'arrière plan
03:11
Les modes de fusion
04:45
Module 6 - Création d’éléments répétés
Module 7 - Redimensionnement réactif
Module 8 - Utilisation des composants
Etat de Survol
05:25
Nouvel état
04:11
Module 9 - Utilisation et gestion des Actifs
Module 10 - Le mode Prototype
Créer des Overlays
03:16
Module 11 - Plug-ins
Gestion des Plug-ins
02:45
Module 12 - Partage de designs et de prototypes
Module 13 - Les différents types d'export
14 commentaires
5,0
14 votes
5
4
3
2
1
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 !!