Adobe XD intermédiaire : bibliothèques

Name: Adobe XD intermédiaire : bibliothèques
Author: Jessica Henley

Apprendre à identifier et à utiliser les bibliothèques

Preview the first lesson free — get full access to all 3 lessons.

Cours : à la demande

Bonjour, je m'appelle Jessica Henley, et dans ces leçons, je vous montrera une introduction aux bibliothèques, comment publier une bibliothèque, et comment accéder à une bibliothèque partagée. Dans cette leçon, je veux vous montrer une introduction aux bibliothèques. Commencer avec notre fichier précédent, accédez au côté inférieur gauche. Ici, vous verrez une icône indiquant Bibliothèque. Vous pouvez également voir le raccourci. Sur un ordinateur Mac, c'est Shift -Command -Y. Sur un ordinateur PC, vous pouvez appuyer sur Shift -Control -Y. En cliquant donc sur l'onglet Bibliothèque ici, nous allons prendre un regardez comment utiliser cette bibliothèque. Donc voilà j'ai des couleurs, et si je clique sur Basculer Celles-ci, et éteint, vous pouvez voir qu'il n'y a rien à l'intérieur. Ajoutons donc quelques couleurs à notre bibliothèque. Donc si je clique sur cette couleur ici, dire si j'avais plusieurs écrans, et je veux m'assurer que J'utilise cette même couleur. Eh bien, je peux cliquer sur cette couleur, et vous avez ce signe plus, qui ajoutera ensuite la couleur à la bibliothèque. Et puis aussi pour cette fleur, disons pour l'intérieur. Pour l'intérieur, je peux cliquer sur le signe plus, et ce sera ajoutez-le en fait à la bibliothèque. Et pareil pour la tige, je peux cliquer sur la tige et ajouter ça aussi. Voilà comment vous pouvez sélectionner différents éléments dans un écran, mais vous pouvez aussi cliquer sur le nom de l'écran et ajouter le plus signe. Lorsque vous faites cela, toutes les couleurs en seront extraites. écran particulier et ajoutez-le à la bibliothèque. Dites maintenant si vous souhaitez changer les noms de ces couleurs. À l'heure actuelle, nous avons le code hexadécimal, qui correspond aux lettres et chiffres présentés, et ces lettres et chiffres représentent cette couleur. Maintenant, si je fais un clic droit, je peux aller éditer et dire si je le voulais modifier cette couleur, je pourrais modifier cette couleur. Et comme vous pouvez le voir sur l’écran, ça change. La bonne nouvelle, c'est que si vous avez cette couleur sur plusieurs Écrans, vous pouvez mettre à jour la couleur sur plusieurs écrans si il utilise cette couleur ici. De plus, lorsque vous faites un clic droit, vous pouvez également le renommer. Donc si je mets du vert foncé, vous pouvez renommer vos couleurs. Jetons maintenant un œil aux styles de personnages. Pour le moment, je n'utilise qu'un seul style de personnage. J'ai donc les fleurs de Josie ici et je peux toucher le plus signe. Donc maintenant, vous voyez la police Optima que j'ai choisie dans le 35. Maintenant, pour les composants, je veux vous montrer comment cela fonctionne. Je vais créer quelques symboles en bas et ensuite déplacer ce symbole à l'écran, mais vous montrer comment les composants peuvent sois utile. Donc Je vais revenir à mon écran numéro un et je suis je vais me diriger vers le design. Sous conception, je vais cliquer sur le polygone ou sur le raccourci, le Y. Et je vais cliquer et faire glisser pour créer ce design au bas. En ce qui concerne l'apparence, je vais choisir un couleur que je veux ajouter pour le bas ici. Et ce que je veux faire maintenant, c'est dupliquer cela. Donc, avec l'outil de sélection activé, Je vais faire un clic droit sur copier, clic droit coller. Mais encore une fois, vous pouvez également utiliser vos raccourcis, ce qui est contrôle ou commandement D. Lorsque j'appuie sur le contrôle ou la commande D, je peux alors retirer rapidement le éléments de conception terminés. Je vais juste diffuser ça. Vous pouvez ajouter n’importe quel design que vous aimez. À titre d'exemple, je vais utiliser ce design ici et je suis je vais juste les sélectionner et les centrer. Maintenant, ce que je veux faire, c'est en faire un composant en cliquant sur et en faisant glisser ces quatre ellipses de conception ici, ces formes de polygones. Et pendant que je clique et fais glisser sur ces formes de polygones, je vais faire un clic droit et créer un composant. Vous pouvez maintenant voir que la sélection s'est transformée en cette boîte verte et il y a un diamant vert. Faites attention à ce diamant ici. C'est important parce que quand je copie et colle ça et que je bouge sur cet écran ou hors de l'écran, vous pouvez voir que le losange n'est pas rempli ici, mais c'est renseigné sur celui-ci. Pourquoi est-ce important ? Eh bien, celui avec le diamant coloré signifie que c'est en fait la tête. C'est la queue ou ceci est le parent et ceci est l'enfant. Donc, ce que cela signifie, c'est que lorsque j'ajoute et apporte des modifications, celui-ci est une itération de celui-ci et il suivrait. Donc pour expliquer davantage, voyons à quoi cela ressemble. Donc, si je tape deux fois et dis si je veux déplacer celui-ci, ça se suit parce que c'est la tête. L'autre est une queue ou la connexion parent-enfant. Aussi, donc si je change même celui-ci et même ce point ici, voyons, remonte ça. On voit que ça change. Revenons maintenant à la bibliothèque. Vous pouvez voir que le composant a été ajouté. Une fois, j'ai cliqué avec le bouton droit. Maintenant, un autre endroit où vous pouvez ajouter des composants est objet et créer des composants. Ainsi, par exemple, si je clique sur cet objet et que j'accède aux objets, vous pouvez voir que je peux dire fabriquer des composants. C'est un autre endroit où l'on peut aller fabriquer un objet, un composant. Nous n'allons pas entrer dans les vidéos, mais l'option vidéo est là aussi. Dans la prochaine vidéo, je vais vous montrer comment publier une bibliothèque. Merci d'avoir regardé.

Intermédiaire Fournisseur : Jessica Henley 3 leçons · 12m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Avec les bibliothèques Adobe XD, vous pouvez regrouper les composants de votre conception pour faciliter l'accès et assurer la cohérence de la conception. Les bibliothèques peuvent inclure des couleurs, des styles de caractères, des composants et des vidéos. Ces leçons vous montreront comment ajouter des couleurs personnalisées, éditer et modifier des couleurs prédéfinies et stocker des styles et des tailles de police en tant que styles de caractères. Vous découvrirez les comportements et les avantages de l'utilisation de composants dans les conceptions, ainsi que la façon de combiner des formes en groupes pour créer des composants. En téléchargeant dans le cloud, vous pouvez publier votre fichier en tant que bibliothèque et inviter des personnes à le partager. Des bibliothèques partagées prêtes à l'emploi sont également disponibles pour être importées dans votre projet, ce qui peut vous faire gagner du temps et vous offrir davantage d'options à inclure dans vos conceptions.

Au cours de ces leçons, vous découvrirez les bibliothèques Adobe XD, la publication d'une bibliothèque et l'accès aux bibliothèques partagées.

Ce que vous allez apprendre

Créer des ressources de couleurs personnalisées et enregistrer les styles et tailles de polices en tant que styles de caractères
Ajouter des couleurs personnalisées et modifier ou changer les couleurs prédéfinies dans vos bibliothèques
Grouper et combiner des formes en composants pour les utiliser dans vos créations
Publier un fichier en tant que bibliothèque sur le cloud et inviter des personnes à le partager
Accéder et importer des bibliothèques partagées prédéfinies dans votre projet
Déterminer en quoi l'utilisation des bibliothèques peut être utile pour la cohérence du design

Points clés à retenir

Les bibliothèques d'Adobe XD regroupent les composants d'un design pour faciliter l'accès et assurer la cohérence de la conception.
Les bibliothèques peuvent inclure des couleurs, des styles de caractères, des composants et des vidéos.
En le téléversant sur le cloud, vous pouvez publier votre fichier en tant que bibliothèque et inviter des personnes à le partager.
Des bibliothèques partagées prêtes à l'emploi sont disponibles pour être importées dans un projet, ce qui permet de gagner du temps et d'offrir plus d'options de conception.
Les composants peuvent être créés en combinant des formes dans des groupes.

Foire aux questions

Que vais-je apprendre dans ce cours ?

Vous découvrirez les bibliothèques Adobe XD, apprendrez à créer des éléments de couleur et des styles de texte personnalisés, à regrouper des éléments en composants, à publier une bibliothèque et à accéder à des bibliothèques partagées.

Que peut inclure une bibliothèque Adobe XD ?

Une bibliothèque peut inclure des couleurs, des styles de caractères, des composants et des vidéos.

Quelles leçons ce cours couvre-t-il ?

Le cours couvre trois leçons : Introduction aux Bibliothèques, Publication d'une Bibliothèque et Accès à une Bibliothèque Partagée.

Comment l'utilisation de bibliothèques aide-t-elle mon travail de conception ?

Les bibliothèques maintiennent ensemble les composants de votre design pour faciliter l'accès et la cohérence de la conception, et les bibliothèques partagées prédéfinies peuvent vous faire gagner du temps et vous offrir plus d'options à inclure dans vos conceptions.

À quelles compétences ce cours est-il lié ?

Il se rapporte à Adobe XD, à l'Adobe Elearning Suite, au travail avec une bibliothèque graphique et des bibliothèques partagées, ainsi qu'au contenu de l'instructeur certifié Adobe (Adobe Certified Instructor).