XD

Image de héros du tutoriel

Adobe XD est un outil de design et de prototypage d'expérience utilisateur qui permet de concevoir des sites web, des applications, des interfaces vocales, des jeux et d'autres types d'expériences numériques.

Parcourir les Tutorials de produits

Créer des composants avec états de survol Créez des boutons réutilisables et redimensionnables dynamiquement pour vos conceptions interactives
Création et remplissage d’une grille de répétition Transformez un seul élément en grilles répétées d’un simple clic et glissement
Utilisation des piles Utilisez la propriété de pile pour réorganiser facilement les éléments
Créer un prototype : liens d’ancrage et groupes de défilement Ajout de la navigation et du défilement à un prototype
Création d’un prototype : états des composants interactifs Ajout d’interactivité et d’un menu d’incrustation à un prototype
E-mail - Créer et remplir une grille de répétition Transformez un seul élément en grilles répétées d’un simple clic et glissement
E-mail - Utilisation des piles Utilisez la propriété de pile pour réorganiser facilement les éléments
Espaceur

Espaceur

Créer Composants avec les états de survol (7:35)

Description
Créez des boutons réutilisables et redimensionnables dynamiquement pour vos designs interactifs.

Dans ce tutoriel, vous apprendrez à :

  • Apportez des modifications à un composant principal source et ces modifications sont automatiquement appliquées à toutes les instances de ce composant
  • Utilisation de composants pour gagner du temps, réduire le nombre de clics et assurer la cohérence

Présenté par :
Michael Murphy, consultant senior en solutions (médias numériques)

Création et remplissage d’une grille de répétition (2:57)

Description
Transformez un seul élément en grilles répétitives d’un simple clic et glissement.

Dans ce tutoriel, vous apprendrez à :

  • Dynamisez votre workflow et déposez instantanément la grille dont vous avez besoin
  • Importez du contenu réel et des données. XD placera toutes les images et le texte sur votre grille comme par magie
  • Effectuez des modifications une fois et appliquez-les où vous voulez, dans n’importe quelle direction

Présenté par :
Ashley Dvorin, consultante senior en solutions (médias numériques)

Utilisation des piles (5:33)

Description
Utilisez la propriété stack pour réorganiser facilement les éléments.

Dans ce tutoriel, vous apprendrez à :

  • Conservez l’alignement et l’espacement entre les objets sur votre zone de travail même si votre conception change
  • Insérez de nouveaux objets ou empilez-les autrement : l’ajustement est automatique

Présenté par :
Michael Murphy, consultant senior en solutions (médias numériques)

Création d’un prototype - Ancrage de liens et défilement de groupes (9:55)

Description
Ajoutez la navigation et le défilement à un prototype.

Dans ce tutoriel, vous apprendrez à :

  • Ajoutez des liens dans vos prototypes avec une action permettant aux utilisateurs de sauter d’un point à l’autre au sein d’un même plan de travail
  • Créez des flux d’activités, des carrousels d’images, des listes de produits et plus encore en définissant des zones de défilement indépendantes du reste de vos designs
  • Création de groupes avec défilement vertical et/ou horizontal

Présenté par :
Michael Murphy, consultant senior en solutions (médias numériques)

Create a Prototype—Interactive Component States (8:55, disponible en anglais uniquement)

Description
Ajoutez de l’interactivité et un menu d’incrustation à un prototype.

Dans ce tutoriel, vous apprendrez à :

  • Créez une expérience utilisateur interactive et animée non linéaire sans plans de travail supplémentaires
  • Créez plusieurs flux de prototypage ou d’interaction dans un seul document XD et publiez des liens partageables uniques pour chaque flux

Présenté par :
Emilie Enke, consultante associée en solutions (médias numériques)

Email - Create and Populate a Repeat Grid (4:45, disponible en anglais uniquement)

Description
Transformez un seul élément en grilles répétitives d’un simple clic et glissement.

Dans ce tutoriel, vous apprendrez à :

  • Dynamisez votre workflow et déposez instantanément la grille dont vous avez besoin
  • Importez du contenu réel et des données. XD placera toutes les images et le texte sur votre grille comme par magie
  • Effectuez des modifications une fois et appliquez-les où vous voulez, dans n’importe quelle direction

Présenté par :
Victoria Torres, consultante en solutions (médias numériques)

E-mail - Utilisation des piles (3:38)

Description
Utilisez la propriété stack pour réorganiser facilement les éléments.

Dans ce tutoriel, vous apprendrez à :

  • Conservez l’alignement et l’espacement entre les objets sur votre zone de travail même si votre conception change
  • Insérez de nouveaux objets ou empilez-les autrement : l’ajustement est automatique

Présenté par :
Victoria Torres, consultante en solutions (médias numériques)

Logo XD

Ressources XD

Formation et support est votre centre de tutoriels supplémentaires, Nouveautés de la versionet des liens vers des forums communautaires.

Version d’octobre 2020

Commencez à utiliser ces fonctionnalités (et bien plus encore !) en téléchargeant la dernière mise à jour depuis l’application pour postes de travail de votre Creative Cloud.

Sur cette page