CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre Adobe XD - Les fondamentaux Optimisez votre Design System avec les Actifs Liés dans Adobe XD

Optimisez votre Design System avec les Actifs Liés dans Adobe XD

Lier des actifs

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

Liens Actifs: Une Fonctionnalité Puissante

Objectifs

Les objectifs de cette vidéo sont de vous montrer comment utiliser la fonctionnalité de liens actifs dans Adobe XD pour aspirer les actifs d'autres documents, de comprendre l'importance de cette fonctionnalité pour créer des designs cohérents et d'apprendre à gérer les actifs liés pour une mise à jour centralisée et efficiente.

Résumé

Découvrez comment aspirer les actifs d'un autre document dans Adobe XD pour créer des expériences cohérentes sans repartir de zéro.

Description

Le panneau des actifs dans Adobe XD propose une fonctionnalité très pratique vous permettant d'aspirer tout le contenu des actifs d'un autre document enregistré en ligne. Cette fonction vous évite de devoir recommencer à zéro et vous aide à créer des expériences utilisateurs cohérentes. Lorsque vous créez un document dans XD et que le panneau des actifs est vide, un bouton vous invite à lier des actifs depuis d'autres documents en ligne.

Les documents doivent être enregistrés sur le cloud d'Adobe XD pour pouvoir être liés. Par exemple, si vous avez un document enregistré sur le cloud contenant des couleurs, des boutons, des icônes, des champs de formulaires, et des typographies, vous pouvez remplir le panneau des actifs de ce document. En liant ces actifs à un nouveau projet, vous pouvez très rapidement aspirer tout ce design system et travailler de façon sereine sur de nouveaux projets.

Cette fonctionnalité est particulièrement utile car les éléments aspirés restent liés au document source. Toute modification effectuée sur le document d'origine aura des répercussions sur tous les documents qui ont aspiré ses actifs, permettant une mise à jour centralisée et cohérente. Tirez parti de cette fonction pour optimiser votre flux de travail et maintenir des standards élevés de design dans vos projets.

Questions fréquentes

Comment lier des actifs d'un autre document dans Adobe XD?

Pour lier des actifs, ouvrez le panneau des actifs dans votre document, cliquez sur le bouton de liaison et sélectionnez le document adéquat dans le cloud d'Adobe XD.

Quels types d'éléments peuvent être aspirés en tant qu'actifs liés?

Vous pouvez aspirer des couleurs, des typographies, des boutons, des icônes, et des champs de formulaire, entre autres.

Quels sont les avantages d'utiliser les actifs liés dans Adobe XD?

Les principaux avantages sont la création de designs cohérents, la mise à jour centralisée des composants, et l'efficacité accrue dans les projets.

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.