Adobe XD : Utiliser l'espace de travail

Name: Adobe XD : Utiliser l'espace de travail
Author: Alyssa Galganov

Découvrez les étapes de création d’un projet 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 passerons en revue l'utilisation de l'espace de travail d'Adobe XD. Commençons par ce qui fait d'Adobe XD un outil si puissant. Vous pouvez fabriquer des prototypes qui ressemblent et se sentir comme la vraie chose. Au lieu de décrire ce qu'est un site ou une application ou quoi que ce soit d'autre que vous créez pourrait ressembler, avec XD, vous pouvez réellement le démontrer. Avec ce logiciel, vous pouvez collaborer tout au long du processus de conception, de l'idéation et du wire framing à le remettre à un développeur. Les six pages que vous consultez ici ont tous été créés dans l'onglet conception d'Adobe XD. Vous pouvez le voir ici dans le coin supérieur gauche. En design, vous allez créer des éléments de mise en page design, ajouter des plans de travail et importer des ressources à partir d'autres applications comme Adobe Illustrator et Adobe Photoshop. Lorsque vous avez créé votre design, vous pouvez sélectionner des objets ou des plans de travail dans votre conception et créer des interactions entre les plans de travail dans le workflow du prototype. Regardons ces mêmes six pages dans le prototype. D'accord, ils se ressemblent à peu près. Je vais juste zoomer un peu plus, mais je veux juste que tu puisses voir. Au fait, un autre conseil de pro, Je vais maintenir la barre d'espace enfoncée et je reçois cette petite main, et cela me permet de déplacer toutes les pages n'importe où que je voudrais qu'ils soient. Ainsi, sur une page Web, vous allez avoir une variété de liens et de boutons qui vous mènera à d'autres points de votre site Web, et vous pouvez les créer ici. À des fins de démonstration, j'ai créé des liens à partir de la page d'accueil aux diverses autres pages présentées ici. Je vais cliquer sur l'un de ces boutons pour en savoir plus, et vous verrez un tas de lignes apparaître. Laissez-moi avancer et zoomer un peu plus donc vous pouvez voir. Il y a une sorte de, ce que je considère comme une prise ou un port à une extrémité, et puis vous verrez cette flèche et elle vous montrera, comme, dans ce cas, où il est lié. Cela représente l'interactivité lorsque nous partageons avec nos collaborateurs. Je vais faire un zoom arrière en appuyant sur commande et le signe moins, ou serait contrôle et moins dans Windows, juste pour que vous puissiez voir. À tout moment si vous souhaitez ce sur quoi vous travaillez pour tenir dans votre fenêtre, vous pouvez simplement appuyer sur la commande zéro, ou le contrôle zéro sous Windows, et tout ira dans votre écran. La dernière chose que je veux te montrer ici c'est qu'il y a un bouton de partage, et ce qui se passe ici est après ça nous pourrions créer un lien qui nous permettra avoir un site de démonstration interactif, et nous pouvons envoyer ce lien à nos collaborateurs, nos actionnaires, et tout le monde pourra voir votre projet. Merci d'avoir regardé. Veuillez rester à l'écoute pour la prochaine leçon où nous passerons en revue la création de plusieurs plans de travail.

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

Description du cours

Avec Adobe XD, vous pouvez créer des prototypes à l'apparence réelle, travailler avec plusieurs plans de travail et apprendre la puissance de « l’inspecteur des propriétés ». Dans ce cours, vous apprendrez à créer et à travailler dans plusieurs plans de travail. Vous découvrirez également le panneau « Apparence » et les modes de fusion.

Grâce à ce logiciel, vous pouvez collaborer tout au long du processus de conception, de l’idéation et du wireframing à sa transmission à un développeur. Les médias numériques sont disponibles dans une variété de tailles, de la montre au Web. Chaque outil et chaque élément d’une conception fera apparaître une variété d’options qui peuvent être créées et modifiées dans l’inspecteur des propriétés.

Ce que vous allez apprendre

Créer et travailler dans plusieurs plans de travail dans Adobe XD
Configurer un design sur une variété de tailles numériques, de la montre au web
Utiliser l'inspecteur des propriétés pour modifier les options de chaque outil et élément
Appliquer le panneau d'apparence et les modes de fusion à vos designs
Ajouter un objet à tous les plans de travail à la fois
Discuter du flux de travail d'Adobe XD, de l'idéation et du wireframing à la transmission au développeur

Points clés à retenir

Adobe XD vous permet de créer des prototypes qui ressemblent à s'y méprendre à la réalité.
Adobe XD prend en charge la collaboration tout au long du processus de conception, de l'idéation et du wireframing jusqu'à la transmission d'un design à un développeur.
Les médias numériques se présentent sous différentes tailles, de la montre au web, et un design peut être configuré pour toutes ces tailles.
Chaque outil et élément d'un design fait apparaître une variété d'options qui peuvent être créées et modifiées dans l'inspecteur des propriétés.
Le cours couvre le panneau d'apparence et les modes de fusion.

Foire aux questions

Que couvre ce cours Adobe XD ?

Il couvre la création et le travail dans plusieurs plans de travail, l'inspecteur des propriétés, le panneau d'apparence et les modes de fusion, ainsi que le flux de travail d'Adobe XD.

Qu'apprendrai-je à faire avec les plans de travail ?

Vous apprendrez comment créer et travailler dans plusieurs plans de travail, et comment ajouter un objet à tous les plans de travail à la fois.

À quoi sert l'inspecteur des propriétés dans Adobe XD ?

Chaque outil et élément d'un design affiche une variété d'options qui peuvent être créées et modifiées dans l'inspecteur des propriétés.

Adobe XD peut-il être utilisé pour la collaboration ?

Oui. Avec Adobe XD, vous pouvez collaborer tout au long du processus de conception, de l'idéation et du wireframing à la transmission à un développeur.

Quelles compétences sont associées à ce cours ?

Les compétences associées sont Adobe Dimension, Adobe XD et la certification Adobe Illustrator.