Adobe XD : ressources, transformations et composants

Name: Adobe XD : ressources, transformations et composants
Author: Alyssa Galganov

Découvrez comment transformer des éléments et utiliser des ressources et des composants dans Adobe XD

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

Cours : à la demande

Bonjour, je m'appelle Alyssa, et dans ces leçons, nous reviendrons sur le travail avec les actifs, les transformations et les composants Adobe XD. L'un des avantages de XD faisant partie de la famille Adobe c'est à quel point cela fonctionne avec d'autres applications logicielles Adobe. Lorsque vous travaillez sur un projet, vous voudrez ajouter des images à vos planches d'art. Les images se divisent en deux catégories principales, raster et vectorielles. Les images pixellisées sont constituées de pixels, qui sont le plus petit élément d'un affichage numérique. Chaque pixel de forme carrée est organisé et se voit attribuer une couleur et tous les pixels s'emboîtent pour former une image complète. Ils dépendent de la résolution. Les images vectorielles ne sont pas composées de pixels, ce qui signifie qu'ils sont indépendants de la résolution. Chaque morceau de l'image est calculé mathématiquement d'un point à un autre pour former des lignes et des formes qui finissent par créer une image. Les images vectorielles peuvent être mises à l'échelle à n'importe quelle taille sans perdre en qualité. Les images raster peuvent être copiées dans Photoshop et collé directement dans Adobe XD. Les images vectorielles peuvent également être copiées à partir d'Adobe Illustrator et collé directement dans XD. Dans ce document ici, l'image exacte a été copiée sous forme raster à partir de Photoshop, c'est celui de droite, et format vectoriel d'Illustrator, celui de gauche. En les regardant en ce moment, il serait difficile de dire tout de suite lequel est lequel, mais cela change lorsque nous les agrandissons. Je vais augmenter l'échelle maintenant, pour que vous puissiez voir. Je vais maintenir la touche Maj enfoncée et je vais traîner de ce coin droit jusqu'à ce que je l'agrandisse. Ensuite, j'irai ici et sélectionnerai l'autre ours, le vecteur ours et maintenez à partir de là jusqu'à ce que j'aie à peu près la même taille. Nous y voilà. Au fait, cette ligne bleue est mon indice visuel. C'est un guide intelligent qui me permet de savoir que je les ai exactement à la même hauteur. Je vais relâcher, et allons-y et zoomons. Je vais utiliser l'outil Zoom cette fois juste pour vous montrer. Je vais juste glisser sur les têtes. Je vais encore traîner et continuer. Et voyons. Vous pouvez voir assez bien d'ici ce qui se passe. Dans la version Photoshop les choses commencent à devenir très floues, et c'est ce que je veux dire par la résolution dépendante. Cela dépendra donc de la taille de résolution d'une image à quel point ça a l'air quand il est agrandi. D'autre part, la version vectorielle aura toujours l'air propre peu importe la taille. Le raster et le vecteur vont être dépendants en fonction de ce dont vous avez besoin pour votre projet Adobe XD. Si vous avez besoin d'utiliser quelque chose comme une photographie, vous devrez utiliser une image raster. Pour les éléments tels que les logos et les icônes, l'art vectoriel sera approprié. Merci d'avoir regardé. Restez à l'écoute pour la prochaine vidéo sur la rotation, le dimensionnement et le retournement des éléments de conception.

Débutant Fournisseur : Alyssa Galganov 4 leçons · 14m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Lorsqu’il s’agit de concevoir des projets Adobe XD, tout est dans les détails. Un site web, une application ou un graphique de média social se compose d'une multitude d'éléments. Une page web contient des images, des textes, des icônes, etc. Les éléments ne sont pas simplement placés sur un plan de travail. Ils sont placés, ajustés et améliorés. Les éléments créés dans XD , tels que les boutons, peuvent devenir des composants réutilisables.

Dans ce cours, vous apprendrez comment créer un bouton dans les états Default, Hover et Toggle. Vous en apprendrez davantage sur les images raster et vectorielles et pourquoi et où vous utiliseriez un format plutôt qu’un autre. Vous apprendrez à faire pivoter, redimensionner et retourner des ressources une fois qu’elles ont été ajoutées, ainsi qu’à transformer des éléments dans des plans bidimensionnels et tridimensionnels. Enfin, nous aborderons les « groupes de défilement », qui vous permettent de définir des zones dans un plan de travail qui défilent indépendamment du reste du plan de travail.

Ce que vous allez apprendre

Créer et styliser un bouton avec les états Par défaut, Au survol et Bascule
Ajouter des images vectorielles et matricielles à un projet Adobe XD
Expliquer ce qu'est un objet vectoriel et comment en créer un
Redimensionner, faire pivoter et retourner les éléments de design une fois ajoutés
Transformer des objets dans des plans bidimensionnels et tridimensionnels
Créer des groupes de défilement qui défilent indépendamment du reste du plan de travail

Points clés à retenir

Dans Adobe XD, les éléments ne sont pas simplement placés sur un plan de travail, ils sont placés, ajustés et améliorés.
Les éléments créés dans XD, comme les boutons, peuvent devenir des composants réutilisables.
Le choix entre les formats d'image matriciels et vectoriels dépend de la raison et de l'endroit où chaque format est utilisé.
Les ressources peuvent être pivotées, redimensionnées et retournées après avoir été ajoutées à un projet.
Les groupes de défilement vous permettent de définir des zones dans un plan de travail qui défilent indépendamment du reste du plan de travail.

Foire aux questions

Qu'apprendrai-je dans ce cours Adobe XD ?

Vous apprendrez à créer un bouton dans les états Par défaut, Au survol et Bascule, à travailler avec des images matricielles et vectorielles, à faire pivoter, redimensionner et retourner des ressources, à transformer des éléments dans des plans bidimensionnels et tridimensionnels, et à créer des groupes de défilement qui défilent indépendamment du reste du plan de travail.

Quelle est la différence entre les images matricielles et vectorielles couvertes dans ce cours ?

Le cours explique ce qu'est un objet vectoriel et comment en créer un, comment ajouter des images vectorielles et matricielles, et pourquoi et où utiliser un format plutôt qu'un autre.

Que sont les groupes de défilement dans Adobe XD ?

Les groupes de défilement vous permettent de définir des zones dans un plan de travail qui défilent indépendamment du reste du plan de travail, et le cours comprend une leçon sur leur création.

Sur quelles compétences ce cours se concentre-t-il ?

Ce cours se concentre sur Adobe XD, couvrant les ressources, les transformations et les composants réutilisables.

Quelles leçons sont incluses dans ce cours ?

Les leçons sont Ajouter des images matricielles et vectorielles, Faire pivoter, dimensionner et retourner des éléments de design, Les transformations 3D et Créer des groupes de défilement.