CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre Adobe XD - Les fondamentaux

Gestion des couleurs et composants dans Adobe XD

Retour à la formation
Chapitre 9 Leçon 1
Précédent
Suivant

Découvrez comment gérer centralement les couleurs, styles de caractères et composants dans Adobe XD avec le panneau les actifs.

Détails de la leçon

Description de la leçon

Le panneau les actifs dans Adobe XD est l'un des outils les plus importants pour les designers. Il permet la gestion centralisée de toutes les couleurs utilisées dans les designs d'interface, qu'il s'agisse de couleurs unies ou de dégradés. Vous pouvez également gérer les styles de caractères et les composants.
Pour accéder au panneau les actifs, cliquez sur le premier pictogramme de la barre verticale à gauche. Une fois ouvert, le panneau vous permet d'ajouter des couleurs, des styles de caractères et des composants.

Pour ajouter une couleur, sélectionnez un élément ayant la couleur souhaitée et cliquez sur le bouton plus. La couleur sera automatiquement ajoutée au panneau les actifs avec son code hexadécimal. Vous pouvez également ajouter plusieurs couleurs en sélectionnant plusieurs éléments ou en ajoutant toutes les couleurs d'un plan de travail en un seul clic.

Un avantage majeur du panneau les actifs est de pouvoir gérer les couleurs de manière dynamique. En modifiant une couleur dans le panneau, tous les éléments utilisant cette couleur seront mis à jour en temps réel. Vous pouvez également renommer les désignations des couleurs, bien que conserver les valeurs hexadécimales soit souvent recommandé. Les dégradés peuvent également être modifiés de manière dynamique.

Il est recommandé de rajouter rapidement vos couleurs dès le début du processus de conception pour une gestion optimale.

Objectifs de cette leçon

L'objectif de cette vidéo est de montrer comment gérer efficacement les couleurs, styles de caractères et composants dans Adobe XD.

Prérequis pour cette leçon

Connaissances de base en design et en utilisation d'Adobe XD.

Métiers concernés

Ce sujet est pertinent pour les métiers du design UX/UI, des développeurs web et des graphistes.

Alternatives et ressources

Il existe des alternatives comme Sketch, Figma ou Illustrator pour la gestion des couleurs et composants.

Questions & Réponses

Pour accéder au panneau les actifs, il faut cliquer sur le premier pictogramme qui se trouve sur la barre verticale à gauche.
Le panneau les actifs permet de gérer les couleurs, les styles de caractères et les composants de manière centralisée.
L'utilisation du panneau les actifs permet de gérer les couleurs de manière dynamique, modifiant toutes les instances d'une couleur en temps réel.