CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre Adobe XD - Les fondamentaux Utilisation des composants liés dans Adobe XD

Utilisation des composants liés dans Adobe XD

Utilisation de composants liés

Vidéo non disponible ! Réessayez plus tard

3h 33min

56 leçons

5,0

Transcription

Cette leçon fait partie de la formation

Apprendre Adobe XD - Les fondamentaux

89,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

3h 33min

56 leçons

5,0

Cette leçon fait partie de la formation

Apprendre Adobe XD - Les fondamentaux

89,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Importer et utiliser des composants déjà créés

Objectifs

Les objectifs de cette vidéo sont de :

Montrer comment copier et coller des composants entre différents fichiers XD.
Expliquer comment gérer les composants liés et leurs mises à jour en temps réel.
Assurer une cohérence et une efficacité dans vos projets de design.

Résumé

Découvrez comment importer et utiliser des composants spécifiques créés dans d'autres documents XD afin d'optimiser votre flux de production.

Description

Utiliser des composants liés dans Adobe XD permet d’optimiser grandement le flux de production. Cette leçon détaille le processus permettant de copier des composants d’un document XD à un autre, et d'assurer la cohérence de l’expérience utilisateur pour un même client. Vous apprendrez à :

Identifier et copier des composants principaux d’un document XD.
Les coller dans un nouveau document.
Gérer les mises à jour en temps réel des modifications effectuées dans le fichier mère.

En suivant ce tutoriel, vous comprendrez comment conserver la cohérence des éléments graphiques et modifications en temps réel, vous évitant ainsi toute remise à zéro de vos projets.

Questions fréquentes

Pourquoi est-il important d'utiliser des composants liés dans Adobe XD?

L'utilisation de composants liés permet d'assurer la cohérence des éléments graphiques entre plusieurs fichiers et simplifie les mises à jour en temps réel.

Comment reconnaître le composant principal dans Adobe XD?

Le composant principal est identifiable grâce à un diamant vert rempli situé en haut à gauche du composant.

Que se passe-t-il lorsqu'une modification est faite dans le fichier mère d'un composant?

Toute modification faite dans le fichier mère se répercutera sur les composants liés après validation dans les autres fichiers.

Programme détaillé

Accueil de la formation

Module 1 - Gestion des Documents

Création d’un document 02:37

Gérer les plans de travail 04:53

Exploiter les grilles de mise en page 04:38

Présentation et utilisation des calques 04:48

Module 2 - Les outils de dessin vectoriel

Dessiner des rectangles et des carrés 04:55

Dessiner des cercles et des ellipses 02:10

Dessiner des étoiles et des polygones 03:00

Dessiner des lignes 02:40

Créer des tracés avec la plume 04:27

Gérer les tracés vectoriels 04:26

Assimiler les opération booléennes 03:51

Utilisation des couleurs unies 04:38

Utilisation des dégradés de couleurs 05:14

Module 3 - Les Textes

Les textes de point 03:44

Les textes de zones 04:26

Module 4 - Importation de fichiers et d'images

Importation d'un fichier Illustrator 04:16

Importation d'un fichier Photoshop 03:10

Importation d'images 02:35

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

Glisser-déposer d’une ressource dans une forme 03:02

Masquer à l’aide d’une forme 03:55

Module 6 - Création d’éléments répétés

Utilisation d'une grille de répétition 04:43

Modifier le contenu d'une grille de répétition 03:19

Utilisation avancée de la grille de répétition 04:13

Module 7 - Redimensionnement réactif

Redimensionnement réactif de groupes 06:15

Redimensionnement réactif de plans de travail 03:22

Module 8 - Utilisation des composants

Créer et manipuler les composants 05:02

Utilisation de composants imbriqués 05:03

Utilisation de composants liés 02:52

Etat de Survol 05:25

Nouvel état 04:11

Module 9 - Utilisation et gestion des Actifs

Ajout et utilisation de couleurs 03:24

Ajout et utilisation de styles de caractères 02:58

Gestion des composants 03:01

Lier des actifs 02:40

Module 10 - Le mode Prototype

Scroll et position fixe lors du scroll 02:31

Lier des élément intéractifs 05:04

Créer des liens d'ancrage 04:22

Créer des Overlays 03:16

Mise en place d’animations intéractives 04:57

Créer des animations complexes 05:41

Simuler les états d'un champ de formulaire 05:20

Utiliser les gestes tactiles 04:33

Utiliser les commandes vocales 03:03

Module 11 - Plug-ins

Présentation des Plug-ins 04:44

Gestion des Plug-ins 02:45

Les Plug-Ins incontournables 05:36

Utiliser le Plug-in Google Sheets 03:07

Module 12 - Partage de designs et de prototypes

Partage pour l'examen de la conception 03:42

Partage pour le développement 05:52

Gestion des liens de partage 01:41

Module 13 - Les différents types d'export

Exporter une sélection et des plans de travail 02:26

Enregistrer une vidéo des interactions 01:30

14 commentaires

5,0

14 votes

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

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.

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

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!

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

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.

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!

christian l.

Il y a 4 ans

Progression limpide - Merci

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.