Les bases d'Adobe Xd

1. Cours de base Adobe Xd Basics: Adobe X'd est un que vous êtes extol conçu pour vous aider à travailler avec la vitesse de la foudre afin que vous puissiez créer de superbes designs et expériences utilisateur. L' utilisation d'Adobe X'd pour la conception est excellente car il est basé sur un directeur multiplateforme gratuit, et il a des mises à jour régulières. Hé là, je m'appelle Alex, et dans ce cours, vous apprendrez quels sont les outils conçus par Adobe X'd. Il propose des outils de prototypage pour donner vie à vos conceptions, comment travailler avec différents fichiers, comment partager votre travail et comment travailler avec vous. Je les enfants pour obtenir vos conceptions ont commencé ce cours pour les débutants et pour les personnes intéressées par Adobe X'd. Vous n'avez pas besoin d'une connaissance préalable de l'aérobic D. Nous allons tout couvrir dans ce cours. J' espère que vous êtes prêt à apprendre Adobe X'd et ce qu'il a à offrir, et je vous verrai en classe 2. Qu'est-ce que Adobe XD XD Bases d'Adobe XD Xd Adobe Xd Bases d'Adobe Xd: Adobe X'd est un outil vectoriel conçu par Adobe. Vous pouvez l'utiliser pour créer des conceptions d'expérience et passer des cadres de fil d'embout à croquis et des cadres de fil haute fidélité à la conception de prototypes et le partage du tout en un seul. Il fonctionne aussi sur Mac. Une espèce et le meilleur de tous. C' est gratuit, donc vous pouvez maintenant le charger et commencer à l'utiliser dès maintenant. 3. Téléchargez le cours de base XD Adobe XD XD Xd Xd de bases: vous pouvez poupée. Oh, ce sera X 'd en allant toe adobe dot com slash produits slash eggs d Et juste ici sur cette page, vous pouvez explorer tout ce qu'Adobe X'd a toe offre afin que vous puissiez faire défiler vers le bas et voir quelques grands partenariats qu'ils avaient. Et toutes ces entreprises utilisent Adobe X'd dans leur travail de conception. Vous pouvez voir quelques-unes des principales fonctionnalités, et cela changera évidemment en fonction du moment où vous regardez cette vidéo dans le futur Toutes ces fonctionnalités changent en permanence car elles ajoutent de plus en plus de . fonctionnalités à Adobe X'd. Vous pouvez faire défiler tout le chemin vers le bas et voir les principales fonctionnalités de mise en évidence qu'ils ont à l'intérieur. Sur le logiciel, vous pouvez voir quelques témoignages des clients ici. Vous pouvez voir quelques intégrations et intégrations principales, et vous pouvez voir ici certains des projets. Vous pouvez explorer ce qu'il est fabriqué à côté d'Adobe X'd et faire défiler jusqu'au bas pour trouver les plantes. Donc, en ce moment, à partir de cette vidéo, nous avons trois Bland et ce plan commencé, qui a toujours été gratuit. Elle se prolonge jusqu'au 20 avril 2000. Donc, vous obtenez toutes ces fonctionnalités gratuitement. Sinon, vous pouvez partager sur Lee un prototype avec vos clients et vous ne pouvez avoir qu'une seule collaboration à l'intérieur du cloud active. Mais vous pouvez le supprimer après. Si vous voulez utiliser ce plan de départ, qui est gratuit, puis recommencer avec ce même prototype de partage et collaboration. Et vous pouvez toujours exécuter cela et avoir un plan actif, et vous pouvez toujours utiliser Adobe X'd gratuitement. Donc, si vous voulez le télécharger, vous pouvez simplement commencer ici et cliquer sur Donald Eggs D Vous pouvez également explorer ces autres plantes si elles vous conviennent bien. Et bien sûr, si vous avez un double abonnement Creative Cloud déjà payé, vous avez déjà tout cela inclus. Donc, lorsque vous cliquez sur X D, vous devez installer cette application de bureau cloud créative, et ici vous pouvez trouver Adobe X'd parce que je l'ai déjà installée. Vous pouvez voir que je peux simplement cliquer sur ouvrir et il est ouvert et commencer à courir tout de suite. Mais si vous ne l'avez pas, vous pouvez afficher ce bouton installé, et vous pouvez cliquer dessus, puis installer Adobe X Deep et AST pour les mises à jour. Vous pouvez le mettre à jour de la même manière, ou vous pouvez sauter dans les paramètres et activer les mises à jour automatiques, et il sera automatiquement mis à jour chaque fois qu'ils mettront à jour le logiciel à l'avenir. Donc c'est tout pour cette vidéo, et je te verrai dans la prochaine. 4. Les bases d'Adobe Xd: Adobe X'd est généralement mis à jour tous les mois. Au moins ce fut le cas depuis le lancement de ce produit, sorte que vous pouvez toujours vérifier les dernières mises à jour en allant toe, produits adobe dot com slash slash slash x d fonctionnalités. Et à l'intérieur de cette page, vous pouvez voir chaque fois que la mise à jour est lancée, ainsi que ce qu'elle contient à l'intérieur de cette mise à jour particulière. Maintenant, parfois les mises à jour sont énormes, comme celui-ci était en Novembre, sur 2000 et 19. Encore une fois, Quoi que vous regardiez cette vidéo, plus en plus de mises à jour viendront jusqu'à ce point, et vous pouvez voir parfois qu'ils lancent des mises à jour plus petites. Habituellement, ils gardent les meilleurs trucs pour novembre chaque année parce que c'est là qu'ils sont Adobe. Max, il est allé, est tenu et à l'intérieur de cet événement, ils essaient de projeter à quoi ressemblera l'avenir pour leurs produits pour leurs marques et dans ce cas pour Adobe X'd. Et c'est alors qu'ils essaient d'inclure autant de nouvelles fonctionnalités que possible, en particulier autant de fonctionnalités nouvelles et utiles un spot que possible parce qu'ils ont cette chose appelée voix de l'utilisateur et à l'intérieur des utilisateurs de la voix de l'utilisateur sur adobe eggs D peut suggérer un avenir, qu' il s'agisse d'une fonctionnalité de conception ou de prototypage, et ils y travailleront si elle a suffisamment de votes. C' est donc là que nous avons obtenu cette co-édition, par exemple, et nous avons des déclencheurs de survol, par exemple, parce qu'il était fortement demandé. Fonctionnalité sur la voix de l'utilisateur et vous pouvez toujours sauter à l'intérieur de la voix de l'utilisateur et simplement faire entendre votre voix. Et vous pouvez mettre votre propre opinion à l'avance et suggérer les idées que vous pouvez toujours télécharger. Captures d'écran. Vous pouvez toujours télécharger vos conceptions particulières sur la façon dont vous souhaitez que le logiciel intervienne à l'avenir. Vous pouvez également sauter à l'intérieur et la communauté et vous trouver comme il, que les créateurs de oeufs d'adobe qu'ils ont créé. Et vous pouvez utiliser ce que vous aimez pour concevoir vos propres fonctionnalités, et vous pouvez toujours les envoyer, puis suggérer vos changements ou les futurs que vous aimeriez voir dans le futur être inclus dans Adobe X'd. Maintenant, pour télécharger n'importe laquelle de ces mises à jour, vous pouvez toujours revenir à votre application cloud créative, et elle vous demandera. Avec ce bas de mise à jour, vous pouvez simplement cliquer dessus. Il va installer la mise à jour, puis vous pouvez ouvrir X'd, et vous aurez la dernière mise à jour installée. J' ai toujours recommandé que vous mettiez à jour X'd pendant que vous travaillez au fur et à mesure. Et parfois, si vous sautez un mois ou deux parce que vous ne travaillez pas pour une raison quelconque ou que vous travaillez d'autres logiciels, vous pouvez toujours revenir en arrière et le mettre à jour, et il sera mis à jour vers la dernière version. Les mises à jour sont très rapides. Ils sont vraiment petits, et ils sont vraiment faciles à installer. Comme je l'ai dit, vous pouvez simplement cliquer sur un bouton et c'est fondamentalement tout. C' est tout pour cette vidéo, et je te verrai dans la prochaine. 5. Cours de base Adobe XD Adobe XD: Bien que chaque plate-forme ait ses forces et ses faiblesses, peu importe celle que vous utilisez pour Adobe X'd. Adobe Steam travaille dur pour offrir les mêmes fonctionnalités sur les deux plates-formes, sorte que l'expérience utilisateur peut être la même sur Mac et PC. C' est génial car vous pouvez être sûr d'obtenir les dernières fonctionnalités, quelle que soit la plate-forme que vous utilisez. L' apparence des menus est un peu différente en raison des plates-formes, mais les fonctionnalités sont exactement les mêmes sur Mac et PC. 6. Les bases d'Adobe XD: chaque fois que vous ouvrez Adobe X'd, vous serez accueilli avec cet écran d'accueil et à l'intérieur, vous avez quelques options que nous allons explorer dans cette vidéo. Tout d'abord, ici sur votre gauche. Vous avez ce menu. Donc tu es à la maison. Évidemment, vous avez des parents que nous allons explorer dans une des prochaines vidéos. Vous avez votre travail pour accéder à vos documents cloud ici. Et ça, c'est ça ? Voici vos documents récents qui sont en cours d'enregistrement. Nuage d'orteils Ce sont les documents qui sont partagés avec vous. Ainsi, si vous travaillez avec un client, par exemple et qu'il a partagé les documents avec vous, vous pouvez y accéder facilement. Ici, vous pouvez gérer les liens. Comme je l'ai dit dans la vidéo de Donald X'd. Si vous utilisez un plan gratuit, vous devez gérer ces liens et vous pouvez rapidement cliquer ici. Et vous pouvez supprimer les anciens liens dont vous n'avez plus besoin et vous pouvez en créer de nouveaux pour le partage. Par conséquent, en gardant votre plan gratuit en cours ici. Vous pouvez accéder à tout ce que vous avez supprimé. Et ici, vous pouvez accéder à votre ordinateur et vous pouvez cliquer ici et ouvrir les fichiers à partir de votre ordinateur. Vous pouvez consulter rapidement les nouveautés en cliquant ici, et vous pouvez voir toutes ces mises à jour différentes. Et vous pouvez voir différents messages de type et des vidéos vous guidant à travers les nouvelles mises à jour et fonctionnalités et ce qu'ils ont lancé récemment appris et de soutien. Vous pouvez accéder à différents tutoriels. Vous pouvez accéder à différents liens, et vous pouvez accéder à tout ce que l'équipe a à offrir pour vous rendre un peu plus facile la vie . Si vous commencez avec X T et enfin vous pouvez cliquer sur fournir des commentaires, et il vous faudra d'utiliser la voix, que j'ai mentionné dans la vidéo Donald Adobe X'd et à l'intérieur de là, vous pouvez faire entendre votre voix essentiellement et vous pouvez écrire vos commentaires et vous pouvez télécharger d'autres utilisateurs. retours d'expérience et les futurs, qui ont le plus de routes et l'équipe les a trouvés utiles et constructifs. Ils vont le construire et les inclure dans les futures versions de X'd So, par exemple, les utilisateurs voulaient pour les intégrations de la boutique. Ils ont écouté. Ils l'ont inclus. Les utilisateurs veulent des effets de survol. Ils ont écouté. Ils l'ont également inclus et ainsi de suite. Ici, nous avons différentes tailles de planches. Nous avons donc des tailles d'iPhone et vous pouvez cliquer ici. Et vous pouvez accéder à toutes les différentes tailles d'iPhone ainsi qu'aux tailles mobiles Android. Si vous travaillez avec Android, et c'est un joli raccourci rapide que vous pouvez accéder, et vous n'avez pas à passer par, par exemple, exemple, site Web d' Adobe et de déterminer quelles sont les tailles ? Vous avez tout accessible ici. Ensuite, vous avez des tailles d'iPad ainsi que la surface de la tablette Android Pro 3456 et ainsi de suite. Et vous pouvez rapidement montrer. Choisissez de là et cliquez simplement ici, et il va créer un nouveau conseil pour vous. Si vous concevez pour ce que vous avez les tailles les plus couramment utilisées pour Rob ici et dans l'un de ces cas, vous pouvez toujours modifier la taille de l'aéroport à l'intérieur d'Adobe X'd. Mais ce n'est que le point de départ pour vous faire démarrer et ouvrir le programme et commencer à travailler dessus. Et enfin, nous avons une taille personnalisée donc je peux taper, exemple, 800 par 800. Disons que je peux cliquer sur Entrée et cela me conduira à cette coutume. Notre taille de planche et je peux commencer à travailler. si Par exemple, vous ne travaillez pas pour aucun de ces scénarios et que vous travaillez, par exemple, pour les réseaux sociaux ou pour un travail de conception graphique ou quelque chose du genre, vous pouvez toujours vérifier que taille personnalisée, et vous pouvez entrer des valeurs personnalisées juste là. Cliquez, entrez ou retournez, et il ouvrira cette taille personnalisée. Enfin, nous avons juste ici explorer leurs conseils, et vous pouvez cliquer à travers cette pagination, et vous pouvez en apprendre plus sur les dernières fonctionnalités. Cela change évidemment chaque fois qu'ils lancent une nouvelle mise à jour, ce qui est important pour eux, et ils ont trouvé que cela sera extrêmement important pour les utilisateurs. Ainsi, vous pouvez cliquer ici sur ce lien, et vous pouvez en savoir plus sur ces caractéristiques particulières dans ce cas, co édition. Donc, si vous ne savez pas ce qu'est le silence, vous pouvez cliquer ici pour en savoir plus à ce sujet, et ils vont dans les détails sur ce qu'il est, comment vous pouvez l'utiliser, certains cas d'utilisation et comment il peut être utile pour vous et votre avenir travail. Donc c'est fondamentalement tout pour cet écran de bienvenue. Dans la prochaine vidéo, nous allons explorer Adams, donc je vais voir là 7. Ajouter un cours de base Adobe XD sur Adobe XD Basics: ici à partir de l'écran de bienvenue, vous pouvez cliquer sur les ajouts et il vous emmènera à cette section du logiciel et l'intérieur d'ici vous pouvez voir le choix de l'éditeur pour tous les différents animaux que vous pouvez installer et utiliser à l'intérieur votre travail. Ainsi, par exemple, si vous voulez concevoir pour IOS, vous avez le système de conception Apple IOS et ils sont fondamentalement vous l'aimez. C' est la pomme elle-même créée. C' est donc extrêmement utile. Si vous travaillez pour IOS design APS et que vous pouvez cliquer ici, et il vous mènera au nouvel onglet où vous pouvez le télécharger et l'utiliser, tandis que pour d'autres, vous pouvez cliquer ici. Ainsi, par exemple, le problème auquel je fais face et vous pouvez voir qu'il s'agit d'un plug in. Vous pouvez cliquer ici, et il va s'installer tout de suite, et vous pouvez l'utiliser tout de suite sans aller à des sites Web distincts. Donc, vous pouvez voir dans certains cas, vous devez aller à leurs sites Web dédiés sur dans certains cas vous pouvez cliquer ici, et il sera Donald et installer tout de suite dans la prochaine. Vidéos allaient orteils explorer ces trois séparément. Alors branchez vous aimez son et les intégrations d'applications. Je te vois dans la prochaine vidéo. 8. Cours de base Adobe Xd: Nous voici donc dans la section Adams de notre adobe X, l'écran de bienvenue. Et ici, nous avons ces trois options séparément, donc vous pouvez voir ici, nous avons ajouté son choix. Mais si vous voulez explorer un peu plus profondément, vous pouvez cliquer sur plug ins, par exemple, et il vous emmènera à l'extension plug ins sur adobe eggs. D. Vous pouvez également aller sur le site Web et vous pouvez cliquer ici. Donc, ce sera que les produits com slash coupent les oeufs. La ressource est et ainsi de suite, et elle vous mènera à cette page. Ou vous pouvez simplement cliquer sur l'un de ces éléments. Ainsi, par exemple, les intégrations d' applications et il vous emmènera sur le site Web et sur le site Web. Vous pouvez explorer tous ces plug-ins dans beaucoup plus de détails. Ainsi, par exemple, vous pouvez en savoir plus sur eux ici et vous pouvez basculer entre les plug-ins, l'application, les intégrations que vous aimez c'est un jeu d'icônes et nous allons nous concentrer sur les plug-ins. Donc, une fois de plus, lorsque vous cliquez sur plug ins juste ici, il vous emmènera à la fiche dans spaniel. Et ce panneau de prise INS est intéressant, car ici vous pouvez apprendre différentes choses, en fonction de ce qui vous intéresse pour Adobe X'd. Donc, par exemple, nous avons un futur choix de l'éditeur de collection, et si je clique juste là, cela me conduira aux plug-ins les plus utiles que les éditeurs pensent que je pourrais aimer. Je peux toujours y retourner. Vous pouvez voir sauter vos conceptions de sorte que vous pouvez être cette collection ici. Et c'est très utile parce que si vous ne connaissez pas les processus de conception et que vous ne connaissez pas différentes sources, vous pouvez toujours sauter ici et voir ce qu'ils vous ont recommandé. Mais si vous le faites, vous pouvez voir ces branchements essentiels. Ainsi, par exemple, vous y visages vous donnera des avatars pour la conception plus de tasses. Stark est pour un design accessible et inclusif, et pour installer n'importe lequel d'entre eux, vous pouvez simplement cliquer sur installer, et il installera ce branchement à l'intérieur de vos collections de branchement. Vous pouvez avoir autant de branchements que vous le voulez lire comme une question, mais je recommande vraiment que vous n'installez que les prises dont vous avez vraiment besoin et que vous voulez vraiment , ou si vous voulez vérifier certains d'entre eux. Vous pouvez toujours les installer. Explorez. Si vous ne l'aimez pas, vous pouvez les supprimer. Ça n'a vraiment pas d'importance. Ainsi, vous pouvez garder vos plug-ins les moins courts, concis et vraiment au point hors des connecteurs que vous utilisez réellement. Vous pouvez connecter X'd à son application préférée afin que vous puissiez voir toutes ces applications. Ainsi, par exemple, si vous utilisez Slap Dropbox ou Siplin, vous pouvez intégrer X 'd avec ces APS et travailler directement sans passer par des sites Web distincts , par exemple. Vous pouvez voir différentes collections ici, et vous pouvez parcourir les catégories. Donc, si vous êtes intéressé par les outils et l'automatisation, vous pouvez cliquer ici, et cela vous mènera à cette liste particulière. Et cela nous amène bien à la sélection de navigation. Donc, tout ce dont j'ai déjà parlé était dans la sélection Discover. Lorsque vous cliquez sur la navigation, vous pouvez trier par catégories ici. Donc ce sont les catégories que vous avez vu ici en bas, et vous pouvez parcourir tous les plug-ins ici. Vous pouvez voir les top notés les plus populaires et les plus récents, et vous pouvez faire défiler et voir combien de connecteurs il y a juste ici. Donc, nous y voilà. Si vous partagez sur dribble, par exemple, vous pouvez partager directement via adobe eggs. Vous pouvez connecter votre compte dribble et le partager directement. Vous pouvez également faire la même chose pour les débuts, par exemple. Et comme vous pouvez le voir, il y a beaucoup, beaucoup, beaucoup de différents plug-ins que vous pouvez explorer ici. Et si vous cliquez sur l'un de ces plug-ins aléatoires, vous pouvez avoir installer en bas juste ici. Vous avez des évaluations, qui sont évidemment importantes et très utiles, et vous pouvez voir ce qu'est le branchement. Vous pouvez lire plus, vous pouvez voir ce qui est nouveau. Vous pouvez voir la note ici, qui est le développeur, et vous pouvez voir la taille. Alors à quelle vitesse il va Donald et installer sur votre ordinateur. Et enfin, nous avons réussi. Voici donc mes plug-ins installés, et vous pouvez les gérer à partir d'ici. Vous pouvez voir une dernière opération afin que vous puissiez garder une trace de la personne qui met à jour la fiche le plus . Donc, par exemple, vous pouvez voir que j'utilise beaucoup d'orteil de gypse, sentir un texte d'espace réservé dans certains cas, et si je veux le supprimer. Je peux simplement cliquer ici. Je peux le désactiver si je ne veux pas le voir, par exemple, dans ma liste de plug-ins, ou je peux simplement le désinstaller, et je peux toujours revenir en arrière et l'installer plus tard si je choisis Donc, ceci est installé ce calendrier de blogs. Par exemple, Si je veux le supprimer, je peux simplement cliquer sur Installer. Il me demandera, Es-tu sûr ? Je peux cliquer sur installer ? Et comme vous pouvez le voir, il fonctionne dessus et maintenant il est installé. Alors c'est comme ça que c'est de travailler avec des bludgeons. Et quand nous arriverons à concevoir dans ce cours, je vais vous montrer quelques plantes vraiment utiles et comment vous pouvez les utiliser dans votre travail de conception. Et dans la prochaine vidéo, je vais vous montrer, moi les enfants, pourquoi ils sont importants et comment vous pouvez les obtenir pour qu'on y voie 9. Cours de base Adobe Xd Basics: si vous voulez accélérer votre travail de façon spectaculaire, un vraiment vous recommander vous utilisez I enfants, surtout si vous êtes un débutant. Et vous ne savez vraiment pas comment certaines de ces choses sont structurées, ce que vous devriez utiliser et comment vous pouvez explorer d'autres designers plus expérimentés. Leurs techniques, comment ils utilisent, comment ils structurent leurs dessins. Donc je vous recommande vraiment de vous utiliser comme c'est, et c'est vraiment simple pour Donald eux. Ils sont évidemment libres ici. Vous pouvez sauter à l'intérieur Adams et cliquez sur Vous êtes des enfants, et il va ouvrir cette page, qui est une fois de plus un double com slash produits oeufs barre oblique. La ressource barre oblique est, mais vous pouvez rapidement accéder à cette page en cliquant simplement ici sur le U. Y. Kids. Et quand vous cliquez ici, vous avez ces grands enfants U. Y. pour les plateformes. Donc, une fois de plus, nous avons le design de pomme. Vous l'aimez, et vous pouvez simplement cliquer ici, obtenir le kit, et vous pouvez voir à quoi ressemble tout. Donc c'est ce que vous allez obtenir. Vous pouvez télécharger les symboles, et vous pouvez voir tous les différents logiciels dans lesquels je gamine travaille. Donc, si vous utilisez pour l'utilisation de la boutique, cliquez ici. Si vous utilisez Adobe eggs d comme cette vidéo est à propos, vous pouvez cliquer ici et il va télécharger. Donc, quoi que vous regardiez cette vidéo, cette version IOS va évidemment changer de circuit Cliquez ici, télécharger et instruit et juste une note rapide. Si vous utilisez Windows pour concevoir, il se téléchargera en tant que MG, qui est évidemment le fichier Mac, et vous ne pouvez pas l'ouvrir sur Windows. Mais ce que vous pouvez faire est d'utiliser sept logiciels Zip, par exemple, qui est gratuit, et vous pouvez le décompresser en utilisant sept zip sur votre bureau. Et parce qu'à l'intérieur de ce fichier DMG est le fichier Adobe Xz, qui fonctionne évidemment sur Mac et PC. Vous pouvez l'utiliser normalement sans aucune difficulté. Si vous voulez utiliser ce kit, vous pouvez Donald et installer leur fonds afin comme un front avec plus de 1500 symboles et ainsi de suite si vous voulez que tout fonctionne correctement, mais vous pouvez toujours le changer à n'importe quel fonds que vous voulez. Si vous cliquez ici sur la conception matérielle, si vous utilisez Adobe easy to design pour les applications Android. Vous pouvez cliquer ici pour obtenir le kit. Il va le télécharger tout de suite, et vous pouvez l'utiliser sur Mac et PC et enfin, pour Microsoft. Vous concevez WP. Vous pouvez l'ouvrir dans un nouvel onglet et vous pouvez voir comment tout ressemble à comment tout est structuré et ainsi de suite, et vous pouvez le savoir et l'utiliser de cette façon. Mais si aucun de ces éléments ne vous intéresse, vous pouvez toujours faire défiler vers le bas et voir ce que la communauté a fait pour Adobe XY. Et ici, nous avons une variété différente que vous aimez. C' est pour que nous ayons le système de conception. Par exemple, nous avons Amazon. Alexa, tes enfants. Si vous concevez pour Alexa, vous l'avez également animé, ce qui est la fonctionnalité vraiment géniale et importante d'Adobe X'd. Et il est fait par notre Pinsky rose, qui est un grand youtuber et des œufs seniors, l'évangéliste chez Adobe et ici nous avons le wir franc. C' est de ton blanc, par exemple. Nous avons un tableau de bord, vous travaillez. Nous avons un design réactif, qui est encore une très grande fonctionnalité de la grande ville, et vous pouvez concevoir des écrans réactifs et Il est également fabriqué par U huit, et vous pouvez explorer comment tout fonctionne là-bas. Si vous concevez des montres ou des montres, par exemple, vous pouvez télécharger et utiliser ce kit pour le sport APS. Vous pouvez utiliser ce kit et ainsi de suite et ainsi de suite, et vous pouvez toujours combiner des éléments. Ainsi, par exemple, vous pouvez utiliser certains éléments de ce MERS égal. Vous l'aimez et de regarder nous et ainsi de suite pour créer vos designs personnalisés. Si c'est quelque chose que vous souhaitez tous ces que vous aimez, c'est que vous pouvez voir ici sont complètement libres. Vous pouvez les télécharger, les ouvrir dans XY et vraiment explorer et jouer avec certains de ces éléments. Et je vais vous montrer que vous aimez que c'est dans la vidéo ultérieure quand nous allons commencer à travailler sur notre design. Et je vais vous montrer comment vous pouvez utiliser certains de ces éléments pour vraiment élever vos techniques de conception et pour vraiment améliorer votre vitesse 10. Cours de base Adobe XD: et enfin à partir de ce panneau, je veux vous montrer les intégrations d'applications. Donc, si je clique ici, il me demandera avec cette fenêtre et vous pouvez voir toutes les intégrations d'applications actuellement disponibles . Donc, disons que vous travaillez au sein de l'équipe et que vous utilisez le mou sans jamais quitter Adobe X'd ou vivre du mou. D' ailleurs, vous pouvez installer l'intégration de l'application et vous pouvez l'intégrer. Ce sera l'esprit comme,par exemple, par exemple, si vous suspendez des guides de style de conception, extraits de code et plus encore avec la sapling à vos développeurs, vous pouvez utiliser cette intégration si vous, par exemple, veulent orteil ad encore plus d'interactivité à nos protecteurs. Vous pouvez utiliser product by, et vous pouvez utiliser ces intégrations. Vous pouvez utiliser du papier Dropbox, par exemple, si vous souhaitez partager des prototypes interactifs à l'aide du papier Dropbox. Si c'est quelque chose que vous utilisez avec vos clients ou à l'intérieur de votre entreprise afin que vous puissiez tirer l'idée de cette intégration APP. Ils sont vraiment utiles, surtout si vous travaillez une étincelle hors de l'équipe ou si vous travaillez en tant que partie distante l'équipe parce que parfois, par exemple, toute l'équipe utilise du mou. Vous n'utilisez pas de mou. Tu ne sais pas comment l'utiliser. Alors pourquoi partirais-tu ? Il sera facile et installer mou ailleurs, puis utiliser le temps, puis sauté en arrière et avant entre Adobe X'd et mou Lorsque vous pouvez faire tout à l'intérieur d'une application sans jamais le quitter lorsque vous travaillez. 11. Cours de base Adobe XD d'interface: nous allons rapidement parcourir l'interface du B x d. Donc, si je clique sur l'un de ces par exemple, ce seul orteil ouvre un nouveau document, vous verrez qu'il va se charger ici. Et cela va me montrer que notre conseil et si nous l'agrandissons juste un peu, appuyez sur contrôle ou commande zéro pour se mettre en position, vous pouvez voir à quoi tout ressemble. Maintenant, à partir d'ici, ce sera un peu différent selon que vous utilisez Mac ou Windows. Parce que sur Mac, tous les contrôles sont juste ici en haut pendant que sur les fenêtres. Tous les contrôles sont ici à l'intérieur de ce menu hamburger. Donc, vous devez réellement cliquer dessus, puis accéder à tous ces différents contrôles. Donc, ici, nous avons l'icône d'accueil et si vous cliquez dessus, il vous ramènera à cet écran d'accueil. Et c'est vraiment utile. Si vous voulez accéder à un hors de ceux-ci que j'ai mentionné dans les vidéos précédentes. Vous voulez en savoir plus, vous voulez ouvrir un nouveau tableau d'art et ainsi de suite. Donc c'est vraiment utile. Là, juste ici. Nous avons conçu le prototype et le partage. Maintenant, nous sommes actuellement en mode conception, donc nous concevons fondamentalement, et nous pouvons créer tout ce que nous voulons à l'intérieur du moule de conception. Lorsque vous voulez en animer une partie, vous pouvez cliquer sur le prototype, puis vous pouvez accéder à différentes fonctionnalités qui vous permettent de prototyper ce design pour faire interagir. Et puis, lorsque vous voulez partager le avec votre client, vous pouvez effectivement cliquer ici Toe Access Cette options de partage juste ici. Donc, juste ici au milieu, nous avons le document qui est en cours d'enregistrement, le nuage. Et vous pouvez changer cela en allant simplement ici à droite et en cliquant. Enregistrez-nous et choisissez votre bureau, par exemple, ou un dossier dédié sur votre ordinateur. Et puis il enregistrera la copie sur votre ordinateur également. Vous pouvez cliquer ici et changer le nom. Ainsi, par exemple, sont des documents que vous compresser, entrer ou retourner, et vous pouvez voir qu'il est en train d'enregistrer dans le cloud parce que c'est le spot dédié. Juste ici. Nous avons des contrôles différents. Donc, nous avons le contrôle de sélection, qui est utilisé essentiellement pour la sélection et pour déplacer les choses en dessous que nous avons une certaine forme. Donc, nous avons forme de rectangle ellipse forme, forme polygone et ligne en dessous que nous avons le mental. Donc, si vous avez déjà utilisé pour la boutique ou illustré, par exemple, votre familier avec le mental. Mais si ce n'est pas le cas, nous allons avoir une vidéo mentale dédiée plus tard dans les Siri, et vous pourrez la regarder et en apprendre plus à ce sujet. Ci-dessous, nous avons le textile, qui est évidemment utilisé pour taper et pour entrer des mots ci-dessous que nous avons différents nos planches. Donc, si vous ne voulez pas sauter les pieds de l'écran d'accueil tout le temps, vous pouvez cliquer ici, et il vous montrera différentes tailles de tableau d'art juste ici sur la droite. Mais comme je l'ai expliqué précédemment, vous pouvez changer la taille de l'aéroport à tout moment en cliquant simplement dessus, et vous pouvez entrer vos valeurs ici. Donc en ce moment avec est 1920. Ainsi, par exemple, vous voulez être 1000 centre de presse, et vous pouvez voir qu'il a changé orteil 1000 donc vous pouvez toujours le changer là et faire ces changements vraiment facilement. Ci-dessous, nous avons l'outil de zoom, et vous pouvez toujours utiliser l'ancien et la molette de défilement sur votre souris ou vous pouvez utiliser le contrôle et l'espace pour zoomer ou contrôler l'ancien et cliquez pour zoomer. Vous pouvez toujours utiliser la commande de contrôle zéro pour accrocher dans l'aéroport en position, et en dessous, nous avons le panneau d'actifs, et si un clic et un clic à nouveau, il va masquer ce panneau. Mais si un clic à nouveau, il développera ce panneau maintenant, quels sont les actifs que nous allons expliquer dans l'une des futures vidéos, et vous pouvez trier vos actifs ici. Vous pouvez également ajouter des couleurs, styles de caractères et des composants à vos ressources. Et les composants vont être des vidéos majeures, qui vont aux pieds. Expliquez comment vous pouvez utiliser ces composants pour vous aider à concevoir plus rapidement pour concevoir plus simple et Toby plus collaboratif au sein de l'équipe. Et cela vous aidera vraiment à démarrer votre processus de conception et à améliorer vraiment votre vitesse et votre qualité. En tant que concepteur ci-dessous, nous avons le panneau des calques spécifiquement ici. Vous pouvez voir quelques laters ici, et nous allons aller plus en détail un peu plus tard, et enfin nous avons le sort de brancher, donc si nous cliquons juste là, vous pouvez ajouter un nouveau branchement en cliquant simplement sur le bouton droit ici. Et cela vous mènera à l'écran, qui sera vraiment parlé. Et voici vos plug-ins installés et nous allons les parcourir une fois que nous avons commencé à concevoir, et je vais expliquer ce que certains d'entre eux fonctionnent et pourquoi certains d'entre eux sont vraiment utiles à mon travail, au moins ce que vous cliquez juste ici sur votre droite, Vous avez ces panneaux de propriétés, et vous pouvez vraiment explorer comment cela change en fonction de ce que vous avez sélectionné ici . Donc, parce que nous nous sommes engagés à venir pour toutes ces choses, je vais vous expliquer comment ce panneau change tout ce que vous avez sélectionné ici. Et c'est fondamentalement tout pour vous. Et nous allons en couvrir certains dans les vidéos ultérieures. Ce n'est donc qu'un aperçu de base de la façon dont Adobe X ressemble à ce que tout fait en un coup d' œil. Et enfin, je veux juste partager. Si vous voulez changer le nom de notre port, vous pouvez simplement double-cliquer ici et appeler ce que vous voulez. Donc disons notre port dans ce cas. Donc c'est tout pour cette vidéo. Je te verrai dans la prochaine quand nous allons explorer différentes formes 12. Cours de base Adobe XD: dans cette vidéo, nous allons parler de différentes formes dans Adobe X'd afin que les formes soient situées juste ici sur votre gauche afin que vous ayez un rectangle, ellipse et un polygone, et vous pouvez cliquer sur l'une d'entre elles et simplement dessiner une forme à droite ici à l'intérieur de votre port . Et si je passe du panneau des ressources à mon panneau Calques, vous pouvez voir qu'il s'intitule Rectangle un, car c'est la forme originale qui était vraie. Comme vous pouvez le voir, c'est un rectangle. Et parce que c'est le premier, il érige un article 23 et ainsi de suite, et vous pouvez frapper le contrôle de l'orteil Z jusqu'à la sélection de la mort. Vous pouvez double-cliquer ici pour changer le nom, alors peut-être que nous pouvons appeler cette forme une, par exemple, et vous pouvez cliquer sur l'outil de sélection et vous pouvez le dessiner. Et quand vous le déplacez, vous pouvez voir ces directives, et cela vous montrera quand vous êtes au centre. Et tous ces nombres sont des nombres hors pixels de ces distances. Donc, à partir du haut en bas à gauche et à droite ici dans ce menu, vous pouvez voir quelques options différentes. Donc, comme je l'ai dit dans les vidéos précédentes, Où que vous cliquiez sur certains d'entre eux, ces options vont changer en fonction de ce que vous avez cliqué ici. Donc, ici, en haut, nous avons des outils de positionnement pour que vous puissiez l'aligner sur le haut. Vous pouvez voir ce qu'il fait. Vous pouvez le mettre au milieu au milieu en bas à gauche comme ceci afin que vous puissiez passer le curseur et voir. Donc, cela va l'aligner horizontalement et cela alignera son centre verticalement. Donc fondamentalement au milieu. Et celui-ci est à droite. Ici, on peut voir que nous avons une répétition. Super. Et nous allons l'expliquer dans la prochaine vidéo. Et ici, vous avez quelques options lorsque vous voulez combiner différentes formes. Donc, si je pouvais contrôler deal May clavier, je peux faire un duplicata de cette forme. Je pourrais maintenir la touche Maj, sélectionner les deux, et je peux les ajouter. Comme vous pouvez le voir, il n'y a pas une seule forme. Si je retourne avec le contrôle Z, vous pouvez voir que nous avons soustraire afin qu'il soustraire cette partie de cette sélection, nous avons une intersection. Comme vous pouvez le voir, il ne va que se croiser les orteils où ces deux formes se rencontrent et vous pouvez voir ici nous avons l'intersection un, et nous avons cette même icône que nous le faisons ici pour que vous puissiez savoir ce que vous avez sélectionné pour n'importe lequel d'entre eux. Et enfin, nous avons exclure le chevauchement. Donc, fondamentalement, cela va exclure cette partie quand ils se chevauchent et finalement vous montrer ça juste ici. Permettez-moi de supprimer rapidement celui-ci et de le positionner au centre. Donc, si nous avançons ci-dessous, nous avons un composant. Vous pouvez donc créer cette forme pour être un composant. Et nous allons couvrir les composants dans une vidéo séparée, car c'est vraiment une partie importante votre flux de travail Adobe X'd. dessous de cela, nous avons des dimensions. Donc, nous avons l'esprit, nous avons la hauteur et vous pouvez simplement entrer n'importe quelle valeur que vous choisissez ici. Ainsi, par exemple, 500 vous pouvez présenter et il va orteil étendre à 500 dans lequel nous pouvons voir la position sur l'accès X y et vous pouvez le faire pivoter. Ainsi, par exemple, si je tape 45 degrés pour que le centre fasse pivoter la forme à 45 degrés, vous pouvez également cliquer ici pour la retourner horizontalement ou pour la retourner verticalement et parce que c'est un rectangle, va évidemment ressembler exactement le même, de sorte que vous pouvez également passer le vol stationnaire et faire pivoter. Vous pouvez maintenir la touche Maj pour s'accrocher en différents incréments, et vous pouvez voir tous ces points ici dans la forme si vous reprenez beaucoup plus près. Vous pouvez voir ce point ici ce que font ces points. Vous pouvez cliquer sur eux et simplement apporter tous ces bords de cette forme pour le rendre plus autour ou plus droit ci-dessous, que nous avons réactif redimensionner, ce qui est toujours dit orteil auto et on et responsive Resize est évidemment utile lorsque vous concevez quelque chose qui doit être réactif. Imaginez donc que vous concevez notre site Web de bureau et que vous avez besoin de créer une version mobile de celui-ci ou l'inverse. Vous allez utiliser ce redimensionnement responsive, et nous allons l'inclure dans une des futures vidéos où je vais aller juste un peu plus profondément juste pour que vous puissiez comprendre. Mais fondamentalement, ce qu'il fait est de redimensionner tous les éléments à l'intérieur de votre tableau d'art lorsque vous arrivez à une taille plus petite, plus grande ou plus grande, et ils vont correspondre les uns avec les autres en fonction de l'endroit où leur place. Imaginez, par exemple, que vous avez le texte juste ici. Vous pouvez le faire sur mobile Toby ici, et il va aux pieds. Réduisez la taille de ces images. Par exemple, si ce sont des images et qu'il va orteil, tout fonctionne vraiment bien. Mais comme je l'ai dit, il faut une vidéo séparée parce que c'est le sujet de son propre ci-dessous que nous avons une ville pour que vous puissiez l'abaisser juste ici. Ou vous pouvez utiliser les raccourcis clavier. Donc, par exemple, je peux appuyer sur un. Il va baisser à 10% si j'appuie sur zéro va augmenter à 100%. dessous de cela, nous avons des modes de fusion, donc si jamais vous utilisez pour la boutique, vous êtes surévalué à mélanger. Les modes existent dans quatre magasins depuis un certain nombre d'années, mais il vient d'être inclus dans Adobe X'd et les modes de fusion sont évidemment très importants si vous voulez mélanger quelque chose, alors imaginez simplement que vous avez une image au-dessus d'une forme et que vous voulez mélangez-le différemment. avec votre conception, vous pouvez utiliser des douves fades et vous pouvez cliquer ici. Et comme vous pouvez le voir, nous avons le nombre de ces modes de fusion. Tous ont essentiellement pris de quatre magasins ci-dessous que nous avons des contrôles de rayon de coordonnées. Nous avons donc le même rayon de coin pour tous les coins. Si vous cliquez ici et que vous pouvez modifier toutes les valeurs de rayon d'angle si vous sélectionnez ici et appuyez sur 24 20 pixels, par exemple, vous pouvez appuyer sur Entrée. Et si je fais un zoom avant un peu plus près, vous pouvez voir que tous les bords ne sont pas arrondis de 20 et vous pouvez cliquer ici et choisir un rayon de coin différent pour différents coins. Ainsi, par exemple, vous pouvez pointer la souris ici pour voir lequel il est son rayon de coin supérieur gauche. Donc, c'est celui-là Avantage appuyez sur zéro Entrée. Vous pouvez voir que tous les coins autour d'elle, surtout à l'exception du coin supérieur gauche. Donc je vais les ramener à zéro, comme vous pouvez le voir ici. Et si nous descendons, nous avons la couleur du champ de sorte que vous pouvez cliquer ici et vous pouvez choisir la couleur que vous voulez. Vous pouvez abaisser la ville d'obéissance de la couleur juste ici. Donc, à partir de 100 jusqu'à zéro, vous pouvez cliquer ici pour explorer différentes palettes de couleurs. Et vous pouvez basculer entre la couleur unie, un ingrédient linéaire qui va aller d'un point orteil autres points. Et enfin, nous avons l'ingrédient radio, qui va aller du centre dehors. Lorsque vous mâchez la couleur unie, vous avez la possibilité de désactiver l'utilisation du code hexadécimal. Donc, par exemple, si vous choisissez une belle couleur bleue hors trois e c six f F présentateur, Maintenant, nous avons cette couleur bleue et vous pouvez l'ajouter comme une nuance. Vous pouvez simplement cliquer ici. Et chaque fois que vous choisissez la couleur, cette montre va être située ici. Donc, vous pouvez alors simplement cliquer dessus et il appliquera cette couleur à la sélection différente off. Vous choisissez ci-dessous que nous avons la frontière. Donc, la bordure est cette bordure autour de notre forme, et vous pouvez augmenter la taille de la bordure. Vous pouvez ajouter des tirets et ajouter des espaces différents entre ces tirets. Donc maintenant c'est à un mais si je l'augmente à 10, vous pouvez voir que l'épaisseur de la bordure a augmenté. Si je clique ici, je peux changer la couleur de cette bordure. Et c'est là que les nuances de couleur sont utiles parce que vous pouvez simplement cliquer dessus et il appliquera la même couleur ici. Mais par exemple, si elle montre une couleur un peu plus foncée bleu plus foncé, dans ce cas, vous pouvez cliquer ici et enregistrer cela comme une différence. Regardez. Et maintenant, vous avez un design complètement différent. Et maintenant, vous pouvez jouer autour, par exemple, 20 une fois de plus. Et maintenant, vous pouvez voir à quoi cela ressemble ci-dessous que nous avons d'autres contrôles. Nous avons donc contrôlé les coups. Donc, comment cette forme va se comporter, comment elle va interagir plus tard lorsque vous y travaillez. Ainsi, par exemple, nous avons dans un coup, et vous pouvez quand vous installez X que vous pouvez simplement voir ce que cela fait. Donc, le point va être sur le côté intérieur de la forme. Course externe va être de l'autre côté de la course centrale de la forme essentiellement dans le centre de la forme juste ici nous avons le bouchon mais, qui est fondamentalement un carré se terminant par notre forme. Nous avons un bouchon rond si vous voulez que les bouchons soient autour d'elle et nous avons gardé en saillie, qui est fondamentalement au milieu de la casquette, mais qui va être carré une fois de plus. Ci-dessous. Ici, nous avons M. Join autour de l'articulation et de la bataille rejoint. Cependant, vous voulez que tous ces points se joignent. Fondamentalement, en dessous de cela, nous avons l'ombre et quand je clique dessus, il va créer une ombre portée fondamentalement, et vous pouvez cliquer ici pour faire plus bas essentiellement de l'ombre, sorte que vous pouvez voir quand je l'augmente, vous pouvez voir à quoi cela ressemble, et par défaut c'est et 19% et c'est toujours noir, Mais vous pouvez changer. Vous pouvez cliquer ici et choisir cette couleur, par exemple, pour être notre ombre. Et peut-être qu'on peut aller encore un peu plus sombres. Et ici, vous pouvez inclure des distances accrues. Ainsi, par exemple, c'est une exposition. C' est pourquoi la position et enfin l'arrière-plan s'estompent de cette ombre. Donc, si je tape 10 par exemple, vous pouvez voir qu'il va à la droite 10 pixels. Si je tape 10 ici, il ira à droite dans les 10 pixels inférieurs. Et si j'augmente le bleu à 50 par exemple, présentateur, vous pouvez voir que ce flou fou apparaît hors de nulle part, fondamentalement, et vous pouvez le changer sur un nord juste ici, et vous pouvez utiliser l'arrière-plan floue aussi. Maintenant, le flou d' arrière-plan est extrêmement utile si vous avez des images d'arrière-plan. Imaginez que c'est une image. Vous pouvez inclure ce sang de fond, et cela va brouiller cette image sur l'arrière-plan. Dans ce cas, il ne fait vraiment rien parce que c'est juste une forme de base, mais vous pouvez jouer avec cela. Vous pouvez augmenter votre Pace City, et cela augmentera votre ville payante hors de votre image ou de votre forme. Et cela augmentera ou diminuera la luminosité, et cela augmentera ou diminuera la quantité. Et enfin, nous avons une marque pour l'exportation. Si vous cliquez ici, il sera commercialisé pour l'exportation, et vous pourrez facilement exporter la forme plus tard pour les développeurs. Si c'est quelque chose que vous choisissez, donc c'est fondamentalement tout pour ces formes. Maintenant, passons rapidement à travers ces autres, donc nous avons le cercle. Si je maintiens shift, il le créera uniformément. Ou si je garde le contrôle vieux et puis dessine, vous pouvez voir à quoi ça ressemble. Ou s'ils maintiennent le contrôle tout décalage de forme, il va dessiner à partir du centre, et il va créer ce cercle agréable et uniforme. Mais si je suis parti, allez sur la touche Maj, vous pouvez voir comment. Maintenant, cela ressemble à supprimer. Et si je clique sur celui-ci, positionnez-le au centre. Vous pouvez voir toutes les mêmes commandes parce que c'est la même forme, essentiellement juste le cercle, sorte que vous pouvez jouer avec eux juste ici. Sauf que vous n'avez pas ces commandes pour un rayon de coin différent car il s'agit d'un cercle et vous ne pouvez pas changer. Fondamentalement, les dames de coin sur le cercle. Et enfin, nous avons un outil polygone juste ici. Si je maintiens la touche Maj, cela va créer ce triangle. Mais ce qui est différent à propos de distal, c'est que vous avez ce nombre de coins et que vous avez ce rayon de coin . Donc, pour le contact de coin actuellement, nous sommes à trois. C' est pour ça que nous avons ce triangle. Mais si nous cliquons sur cinq impressionnés, entrez il va créer cinq coins différents, et vous pouvez réduire le rayon de coin en dessinant simplement ici, et il va créer un cercle parfait ou aller dans l'autre sens autour de quoi que ce soit. Revenez à la forme originale. Ou vous pouvez créer un rayon d'angle différent ici. Donc, appuyez sur 20 par exemple, et vous pouvez voir qu'il a arrondi ces coins à 20. Le même liquide avec celui-ci. À l'origine dans la prochaine vidéo, on va travailler les pieds avec le crayon, donc je te verrai là-bas. 13. Cours de base Adobe Xd: mental est situé juste ici, et quand vous cliquez dessus, vous pouvez simplement cliquer. Ensuite, maintenez Maj. Si vous voulez dessiner une ligne parfaitement droite ou vous pouvez cliquer où vous voulez et vous pouvez simplement fermer cette sélection orteil mettre en forme, vous pouvez ensuite cliquer sur l'un de ces points, et vous pouvez dessiner la moyenne à l'extérieur et ainsi de suite. Et comme vous pouvez le voir, tous ces points sont droits. Mais si je double-clique sur l'un d'eux, cela va créer une courbe. Et vous avez ces options supplémentaires pour cette courbe particulière de sorte que vous pouvez cliquer ici et vous pouvez apporter ce coin et ce coin sortira. Ou vous pouvez simplement les amener, comme ça en cliquant simplement sur ce point et en le déplaçant vers ce point, et cela créera cette ligne droite une fois de plus. Ou vous pouvez simplement double-cliquer une fois de plus, et il va créer des lignes parfaitement droites Maintenant pour les contrôles. Vous pouvez les voir ici. Vous allez abaisser la ville de la base aérienne de cette forme et ainsi de suite, et vous pouvez, par exemple, créer autour gardé, et cela va créer des coins arrondis pour cette forme particulière. Et comme vous pouvez le voir, nous sommes maintenant à la course centrale afin que vous puissiez voir où ce point ira. Mais si je double-clique ici, il va créer ceci comme autour de lui point. Et maintenant ces contrôles n'ont vraiment pas plus de sens parce que je les ai plus écrit essentiellement parce que j'ai double-cliqué sur tous ces individuellement afin qu'il puisse les déplacer autour . Vous pouvez créer différentes formes à l'aide du démantèlement. Et, comme je l'ai dit, vous pouvez vraiment jouer avec, et de grandes formes différentes qui vont orteils vous aider avec votre processus de conception. Et enfin, lorsque vous avez terminé, vous pouvez cliquer quelque part à l'extérieur, puis vous pouvez sélectionner cette forme par vous-même, puis vous pouvez changer la couleur. Par exemple, il est blanc dans ce cas, et incluons le rouge. Tous ses comprennent cette couleur. Vous pouvez inclure la bordure, et si je clique ici pour venir à cette couleur, peut-être que je peux taper 20 mais pas pour vous fondamentalement, mais pour la taille du trait, et vous pouvez voir que nous avons exactement le même look, sorte que vous pouvez vraiment porter le même look. Vous voulez tout au long de vos formes et les porter plus tard sur le crayon ainsi . Maintenant, laissez-moi vous montrer rapidement comment les modes de fusion fonctionnent. Donc, si je la place au-dessus de cette forme, comme vous pouvez le voir dans votre panneau Calques, c'est juste en haut de toutes ces autres formes. Donc, si je clique ici, choisissez l'écran, par exemple, vous pouvez voir à quoi il ressemble en plus de cette autre forme. Si elle choisit la superposition, elle aura l'air un peu différente si elle utilise une lumière douce, légère, dure. Donc, tout cela va sembler un peu différent quand vous les placez l'un sur l'autre . Mais comme je l'ai dit, c'est vraiment extrêmement important outil à avoir lorsque vous travaillez avec des images plus tard. Maintenant, une dernière chose que je veux te montrer sur le mental. Si je clique ici, cliquez ici, puis juste ici. Et si nous frappons, évasion va simplement utiliser cette ligne, et maintenant je peux simplement cliquer autour gardé, donc si je zoom un peu plus près, vous pouvez voir que maintenant sont les bords sont complètement droits. Que faire si je clique ici, il va créer ce Kep rond. Si un clic sur le capuchon en saillie, vous pouvez voir à quoi ils ressemblent tous. Donc, par exemple, nous avons choisi la casquette ronde et maintenant nous voulons ajouter quelques points supplémentaires afin que nous puissions encore créer formes supplémentaires à l'endroit afin que vous puissiez cliquer ici que juste ici, puis juste ici, par exemple, orteil ajouter plusieurs points à l'endroit. Et maintenant, vous pouvez simplement cliquer sur tous ces points individuels et vous pouvez les déplacer davantage vers le haut ou vers le bas. Et comme je l'ai dit pour cette forme, vous pouvez simplement double-cliquer sur l'un d'eux, et il va créer cela autour des pièces pour vous. Si vous le souhaitez, vous pouvez ajouter de nouveaux points supplémentaires à cet endroit, et vous pouvez le fermer comme celui-ci. Mais on va le laisser ici pour l'instant. Et vous pouvez simplement cliquer quelque part à l'extérieur, puis sélectionner, puis vous pouvez vous déplacer car il n'a pas de couleur de champ. Vous pouvez inclure cela aussi. Vous pouvez voir à quoi cela ressemble, mais parce que nous avons créé en pot, vous pouvez augmenter la couleur de bordure à 20 par exemple, et vous pouvez voir à quoi cela ressemble. Si c'est quelque chose que tu cherches, c'est essentiellement ça pour les mentaux. Et dans la prochaine vidéo, je vais vous montrer comment vous pouvez travailler avec le textile et celui qu'il apporte à la table quand il s'agit d'un Toby X'd, donc je vais voir là. 14. Cours de base Adobe XD: dans cette vidéo, je vais vous montrer l'outil de texte fourni avec Adobe X'd et arroser ses possibilités. Donc textile est situé juste ici, ou vous pouvez utiliser la commande de raccourci T. Vous pouvez cliquer dessus. Vous pouvez cliquer n'importe où ici, et vous pouvez taper quelque chose. Ainsi, par exemple, s'agit d'un texte, il s'agit d'un texte, et vous pouvez le sélectionner en utilisant les commandes de contrôle A. Et vous pouvez modifier tous ces paramètres ici afin que nous puissions commencer à partir d'ici. Donc ici, vous pouvez changer l'avant afin que je puisse cliquer ici intact dans le plus tard, par exemple présentateur. Et ça changera à ce front. Juste ici. Nous avons la taille du téléphone de sorte que vous pouvez utiliser 40 par exemple, et voir à quoi cela ressemble ici. On a entendu le front attendre. Donc, en fonction de l'avant que vous avez installé et que vous ne l'utiliserez pas pour votre projet particulier , vous aurez ces différents poids. Ce fonds est livré avec beaucoup de poids différents, comme vous pouvez le voir ici. Donc, ça va tout le chemin à partir de 10 ans. qui, comme vous pouvez le voir, est vraiment Dean, et vous ne pouvez pas le voir vraiment bien à moins qu'il ne soit vraiment grand et qu'il descende jusqu'en italique noire pour que vous puissiez voir comment ça change. Mais gardons-le à un régulier. Donc, c'est là, juste là. Ici, vous pouvez modifier l'espacement des caractères. Donc, quand augmenté cela par exemple, un 20 vous pouvez voir. Et peut-être qu'on pourrait en utiliser un peu plus. Ainsi, par exemple 90. Vous pouvez voir qu'il augmente l'espace entre les caractères. Ici, nous avons les lignes de base. Ainsi, par exemple, vous pouvez imaginer que, comme en copie ceci et basé sur plusieurs fois. Et quand je sélectionne le ferreting et a augmenté cette distance à, par exemple 200, vous pouvez voir qu'il augmente la distance entre chaque ligne hors texte. Donc, ce contrôle des médias est que quelques fois et revenir à zéro ici aussi. Et ce que nous avons ici, c'est l'espacement des paragraphes maintenant, parce que ce n'est pas un paragraphe, vous pouvez utiliser la commande ici. Donc, c'est le texte de point. Comme vous pouvez le voir, il va d'un seul point et il est aligné à gauche. Donc, il va de gauche, à droite, vous pouvez l'aligner au centre. Donc, quand vous tapez, il va du centre à gauche et à droite. Et enfin, nous avons droit à la ligne, qui est fondamentalement la même qu'une gauche. Tu tapes juste de droite à gauche. Nous avons ici un texte ponctuel, comme je l'ai dit. Donc, il va d'un seul point, mais vous pouvez convertir le texte de zone d'orteil ici et maintenant vous pouvez voir que c'est le texte de zone. Quelles sont les différences ? Eh bien, vous pouvez développer ce texte de zone et parce qu'il va du milieu juste ici, il va se développer au milieu et vous pouvez voir que le texte reste. J' ai été au centre juste ici. Mais si j'ai laissé la ligne que vous pouvez voir qu'elle se déplace vers la gauche. Et maintenant ce texte de paragraphe va aller de gauche à droite et remplir cette case maintenant pour le remplir rapidement. Je peux cliquer ici pour les branchements. Je peux utiliser mon Lottum ipsum plug in et vous pouvez l'installer en cliquant simplement ici. Ensuite, vous pouvez cliquer ici à l'outil de recherche et simplement taper dans Lauren Ipsum Centre de presse et vous pouvez le voir ici, vous pouvez simplement cliquer sur installer, mais parce que je l'ai déjà installé, je vais simplement cliquer dessus rempli avec le texte de l'espace réservé. Et vous devez accepter cet accord, et vous pouvez utiliser celui que vous voulez ici. Donc, utilisons-nous celui-ci et vous pouvez cliquer. Insérez du texte, et il sentira cette zone que vous avez créée pour votre paragraphe avec ce texte factice et vous pouvez le développer ou vous pouvez sur le nombre de lignes de texte que vous voulez. Vous pouvez tout sélectionner si vous pensez qu'il est trop peu hors texte. Vous pouvez tout sélectionner en appuyant sur le contrôle un puis appuyez sur le contrôle C pour copier ce texte et vous pouvez cliquer, entrer et appuyer sur le contrôle V pour le coller. Combien de fois vous voulez, et alors vous pouvez voir que vous pouvez développer ce texte vers le bas ou vous pouvez même aller à droite et il va le remplir uniformément, comme vous pouvez le voir ici. Maintenant passons à ce que nous entendons ici. Reconvertissons rapidement en textes de points. Ce que nous avons ici, c'est la majuscule, donc tout va être majuscule. Nous avons tout pour être minuscules, nous avons case de titre Donc chaque mot va orteil ah grande lettre au début de celui-ci et puis petites lettres à la fin nous avons exposant que vous pouvez voir ce qu'il fait. Nous avons un sous-script mais cela fonctionne bien avec la lettre. Donc nous frappons t une fois de plus et le laissons taper, par exemple je ne connais pas 120 degrés Celsius, par exemple. Donc, vous pouvez voir que nous pouvons utiliser le sous-script là ou vous pouvez sélectionner ceci et utiliser l'exposant et il le placera sur le dessus ou utiliser l'indice et il le placera sur le fond. Si je sélectionne tout en cliquant ici, il va créer un soulignement ou vous pouvez frapper à travers le texte et il va créer la grève à travers votre texte ci-dessous que nous avons des choses régulières. Donc, fondamentalement, nous avons un fondamentalement, vous pouvez l'augmenter ou diminuer que nous avons le mode de fusion . Donc si j'augmente la taille de cette tempête, par exemple 200 peut-être encore plus, utilisons cinq centaines et je peux le mettre juste ici. Si vous revenez au panneau Calques. Vous pouvez voir qu'il est au-dessus de ce texte principal, et maintenant vous pouvez utiliser le mode de fusion et voir à quoi cela ressemble pour que vous puissiez utiliser la lumière. Et, par exemple, vous pouvez utiliser la superposition et simplement jouer et voir ce que cela fonctionne le mieux. Donc c'est le cas. Vous pouvez voir l'exclusion. Vous pouvez voir l'effet de voir à travers sur ce texte à travers et vous pouvez voir le texte d'arrière-plan encore mieux. dessous, nous avons les trucs réguliers. Donc sentir la couleur. Vous pouvez cliquer ici et laissez-moi changer ce retour normal. Vous pouvez modifier la couleur du champ ici. Vous pouvez entrer le code hexadécimal donc fondamentalement le même pour les joueurs de forme. Comme vous l'avez vu dans les vidéos précédentes. Vous avez la couleur de la bordure et vous pouvez me laisser cacher rapidement ça ici. Vous pouvez voir que maintenant nous avons juste cette couleur de bordure et vous pouvez la changer séparément. Donc, ce n'est pas rouge, et la même chose est avant que vous puissiez augmenter ou diminuer la taille de cette bordure. Donc, nous allons utiliser 20 par exemple, et vous pouvez voir à quoi cela ressemble si je vais jusqu'au bout, nous avons les mêmes paramètres que pour les formes, parce que vous pouvez même convertir ces deux parties. Alors laissez-moi changer cela pour remplir la couleur, en supprimant le trait. Allez à quelque part ici et vous pouvez voir que vous pouvez ajouter l'ombre et le retour Rambo de la même manière que les joueurs de forme. Mais juste ici, vous pouvez faire un clic droit dessus. Et ici, nous avons quelques options. Mais par exemple, vous pouvez jus mais et convertir partie orteil. Et maintenant ici fondamentalement converti ceci en calque de forme et vous pouvez le changer encore ici. Ou vous pouvez simplement double-cliquer ici. Vous pouvez également supprimer ces points ou jouer avec eux si vous souhaitez créer des formes personnalisées à partir de votre texte. Donc c'est fondamentalement tout pour le textile. Et nous allons rapidement couvrir nos ports dans la prochaine vidéo. Alors je te verrai là-bas. 15. Cours de base Adobe XD Basics: Quand il s'agit de nos tableaux, vous pouvez les créer à partir de l'écran d'accueil. Deuxième cliquez ici et choisissez l'un de ces comme vous l'avez déjà montré dans les vidéos précédentes . Mais quand vous avez déjà créé un aéroport et votre intérieur, je serai déjà des œufs. Vous avez encore une option pour que vous puissiez cliquer ici. Mais il dit que c'est pauvre solaire. Vous pouvez cliquer sur un sur votre clavier et vous pouvez choisir parmi toutes ces variétés hors de nos tableaux Et quand vous avez choisi notre port et que vous l'avez ici, . vous avez encore quelques options ici. Donc, tout d' abord, vous pouvez changer la largeur et la hauteur juste ici, et vous pouvez changer l'orientation de votre port. C' est donc extrêmement important. Par exemple, si vous faites un travail qui va finir en impression, vous pouvez rapidement le faire pivoter à partir d'ici afin que vous puissiez passer du portrait. Vous pouvez voir à quoi ça ressemble. Donc, fondamentalement, il a retourné l'esprit et la hauteur et a changé leurs positions. Et vous pouvez le changer en paysage et vous pouvez voir qu'il change en arrière. La tromperie est réactive redimensionner, et c'est ce qu'elle dit. Fondamentalement, il est principalement utilisé pour la conception Web réactive. Mais quand vous cliquez dessus et que vous commencez à redimensionner ce notre port, vous avez ces contours roses essentiellement autour du texte, et il va redimensionner de manière réactive comme je le déplace le long. Mais il a orteil se contenir à l'intérieur du conteneur, et je vais expliquer cela dans une vidéo séparée. Mais pour que tu saches, c'est ce que ça fait. Imaginez donc que vous avez toutes ces différentes images, formes et icônes, ombres de texte et ainsi de suite, et que vous voulez les redimensionner responsables. Vous devez les avoir dans des groupes séparés, et vous devez redimensionner le remorquage dans ces groupes séparément. Mais comme je l'ai dit, je vais expliquer que dans une vidéo différente ici, nous avons le défilement. Donc, si vous voulez utiliser le mot chatouille ramper, qui est de haut en bas et dans l'inverse, fondamentalement, vous avez cette option ici. Et l'équipe Adobe X Team travaille très dur pour inclure également le défilement horizontal, sorte que vous pouvez présenter à vos clients différents spectacles légers et différents curseurs en utilisant cette fonction, et vous pouvez choisir la hauteur du Vieux Port. Donc, fondamentalement, imaginez juste que c'est un site Web et voir La hauteur médiocre est à 10. 80. Donc, si j'essaie d'étendre notre port, vous pouvez voir que vous avez des états de hauteur médiocre ici à 10. 80. Mais si je le déplace vers le bas, vous pouvez voir qu'il change. Donc, vous pouvez essentiellement voir où est la faute ? En gros. Donc, où l'écran se termine et toutes ces informations différentes en bas commencent. Donc, c'est ce que c'est pour ci-dessous que nous avons l'apparence. Donc, fondamentalement, vous pouvez changer la couleur de ce notre port. Vous pouvez donc changer cette couleur d'arrière-plan. Vous pouvez le sélectionner ici afin que vous puissiez utiliser cet outil et choisir l'une de ces couleurs que vous voyez ici. Donc maintenant c'est coup, par exemple, vous pouvez cliquer dessus. Vous pouvez entrer des codes hexadécimaux fondamentalement les mêmes que vous avez déjà montré avec les couleurs que vous pouvez utiliser la couleur unie, linéaire , radiant, tous radial radiant pour cela et arrière-plan de votre port afin que vous puissiez le faire avec elle. Et enfin, nous avons les grilles et nous allons expliquer aux grilles. Dans une vidéo séparée, mais fondamentalement c'est quand vous concevez. Vous voulez avoir quelque chose qui va vous guider dans votre processus de conception, donc c'est essentiellement quand vous allez utiliser les créations le plus parce que vous voulez devenir de plus en plus précis dans votre travail de conception. Ainsi, lorsque vous l'envoyez aux développeurs, ils sauront exactement où ils doivent placer certains éléments. Dans la vidéo suivante, nous allons couvrir les calques et tout ce que le panneau Calques a à offrir, donc je vous y retrouverai. 16. Cours de base Adobe XD: Lorsque vous travaillez sur la conception propriétaire, il est extrêmement important de suivre vos couches, et vous pouvez le faire dans votre couche spéciale. Donc, nous voici, cliqué sur les sont pauvres, puis faites un clic droit ici. Il changera du panneau des deux calques de notre tableau afin que vous puissiez voir le premier calque et Onley calque est le texte. Mais par exemple, quand j'inclut quelque chose, Toby mon bouton, utilisons quelque chose comme 500. Lequel 80 ? Peut-être quelque chose comme ça. Nous pouvons inclure un rayon d'angle de 20. On peut changer ces couleurs. Donc, par exemple, utilisons ce gris. Supprimons la bordure et dupliquons ce texte pour frapper profondément le contrôle et je vais le placer ici et, par exemple, utiliser cliquez ici le texte et je vais simplement le déplacer. En utilisant ma touche Maj et mes flèches sur le clavier. Je peux le positionner quelque part ici et m'assurer qu'il va du milieu. Je peux le positionner pour être ici. Je peux utiliser la couleur blanche, et je vais la placer juste ici au-dessus de ce rectangle. Et là où il vient la partie amusante. Vous pouvez modifier les noms de toutes ces couches insipides. Double-cliquez sur les districts et appelez cette beauté et court pour le bouton. Et vous pouvez voir les marques juste ici. Donc, le marquage T est pour le calque de texte. Ce marché est pour la couche de forme, et fondamentalement toute autre utilisation d'outil va avoir un marquage différent. Donc, si je clique ici et son évasion, vous pouvez voir que le crayon est utilisé pour créer ceci. Et c'est fondamentalement forme, calque, mais en utilisant le mental et c'est la couche de forme complète ici. Donc, fondamentalement couche de forme par défaut. Permettez-moi de supprimer rapidement cela, alors cliquez dessus et supprimez-le. Et vous pouvez déplacer ces couches vers le haut et vers le bas. Et vous pouvez positionner cela où vous le souhaitez et vous pouvez les sélectionner à l'aide de la touche de contrôle. Vous pouvez utiliser le contrôle G pour créer un groupe, et je peux renommer ce groupe en bas, par exemple, comme ça. Et maintenant, vous avez ces deux objets à côté du groupe et vous pouvez positionner ce groupe en utilisant ces commandes ici. Donc quand il est venu ici, et je vais me débarrasser de ce texte parce que je n'ai pas besoin de tout ça. Ainsi, par exemple, de son Utiliser jusqu'à ici. Imaginez que vous ayez ce paragraphe. Vous avez confondu Contrôle D Vous pouvez utiliser quelque chose comme ça. Retirez-le en utilisant le backspace, appuyez sur le contrôle A et utilisez quelque chose de plus grand. Donc, par exemple, 90 et peut-être que nous pouvons passer de normal jusqu'à lourd. Par exemple. Peut-être qu'on peut même changer cette couleur d'orteil un peu plus sombre. Et ce que vous pouvez faire est de sélectionner les trois en cliquant ici, orteil gauche, les aligner et vous pouvez cliquer ici et ensuite utiliser cette option qui va les distribuer verticalement. Donc fondamentalement, il va orteils ont exactement le même espacement entre les trois. Mais je ne veux pas ça. Je veux juste que ça soit là, que ça soit là. Et non, j'aime cet espacement parce que c'est beaucoup moins qu'avant. Et maintenant je peux les distribuer comme je peux les sélectionner tous, appuyer sur le contrôle G pour faire un autre groupe afin que vous puissiez voir que nous avons un groupe à l'intérieur du groupe et vous pouvez avoir autant de groupes que vous voulez. Et je vais tout simplement tout à fait ici pour l'aligner au centre de ma page et vous pouvez faire un clic droit ici, et vous pouvez sur le groupe de ces groupes et couches. Donc c'est fondamentalement tout pour les couches. Vous pouvez les déplacer, vous pouvez les verrouiller pour qu'ils ne bougent pas. Donc je vais cliquer ici et essayer de le déplacer. Comme vous pouvez le voir, il me montre ce verrou, et il va me dire fondamentalement qu'il ne peut pas être déplacé à moins que je clique ici. Orteil. Déverrouillez-le. Vous pouvez cliquer ici pour marquer ceci pour l'exporter plus tard. Et cela va au bout, cependant, de ceci à cela et vous montrer qu'il est prêt pour l'exportation plus tard quand vient le temps d'exporter ceci pour les développeurs. Et enfin, ce que nous avons ici, c'est la hauteur. Donc, lorsque vous voulez rapidement cacher certains éléments, vous pouvez cliquer ici. Il va toujours être à l'intérieur de votre panneau de calques, mais il va être caché de la vue afin que vous puissiez travailler sur d'autres choses, puis simplement sauter arrière. Vous pouvez voir qu'il est génial, mais quand je clique dessus, il va orteil devenir visible et devenir plus proéminent ici. A l'intérieur, hors du panneau des calques. Ce que nous pouvons également faire est d'affaiblir la recherche, sorte que vous pouvez voir affaiblir, rechercher des images, formes et du texte et vous pouvez cliquer, et il vous montrera où ils sont à l'intérieur de nos ports. Ou imaginez simplement que vous avez cette longue page de destination pour un site Web et que vous avez 50 images différentes et que vous voulez juste localiser des images pour l'exportation. Vous pouvez utiliser ce raccourci. Vous pouvez cliquer sur les images. Ça va vous montrer toutes les images. Sélectionnez-les et vous pouvez les exporter comme ça. Si c'est quelque chose que vous voulez, c'est essentiellement pour le panneau des calques. Dans la vidéo suivante, je vais parler orteil des composants, et je vais expliquer comment vous pouvez utiliser des composants dans votre orteil de travail. Augmentez la vitesse ainsi que la façon dont vous pouvez travailler intelligemment à l'aide de ces composants. Alors je te verrai là-bas. 17. Cours de base Adobe XD: travailler avec des composants dans les oeufs est un excellent ajout à votre flux de travail, car cela va augmenter votre vitesse et vous permettre de travailler plus intelligemment que jamais . Les composants sont situés juste ici à l'intérieur de votre panneau d'actifs, sorte que vous pouvez créer tout ce que vous voyez ici dans un composant. Vous pouvez utiliser des couleurs pour les composants, vous pouvez utiliser des styles de caractères et vous pouvez utiliser des composants pour différents éléments. Alors commençons. Quand je clique ici. Vous pouvez voir que maintenant je peux sélectionner mon composant ici, et je peux ajouter un composant à partir d'ici. Et je peux également utiliser le contrôle de raccourci ou la touche de commande pour convertir tout ce que vous voyez toe un composant. Donc, fondamentalement, vous n'allez pas utiliser différents composants ici pour le texte parce que nous avons déjà des styles de caractères. Et cela va vous permettre de glisser-déposer rapidement et d'appliquer différents styles de caractères . Différents textes. Ainsi, par exemple, nous voulons utiliser cette couleur à l'avenir. Vous pouvez simplement cliquer ici, et il ajoutera cette couleur orteil ici. Nous pouvons utiliser cette couleur aussi bien, parce que c'est un peu différent, et changeons rapidement cette couleur pour Peut-être que je ne sais pas, bleu clair ou quelque chose comme ça. Peut-être que cette couleur à travers n'a pas d'importance et vous pouvez cliquer dessus et cliquer ici orteil. Ajoutez cela et comme vous pouvez le voir, lorsque vous sélectionnez le groupe que ce bas est parce qu'il contient le bas ainsi que le texte va sélectionner ces deux couleurs. Donc c'est vraiment intelligent comme ça. Imaginez que vous avez 50 éléments différents à l'intérieur d'un groupe et que vous pouvez sélectionner dans un groupe sombre . Cliquez ici va orteil. Ajoutez toutes les couleurs à l'intérieur du groupe ici. Alors pourquoi c'est important. Laissez-moi simplement faire une copie rapide pour que je puisse sélectionner ce texte. Prenez le contrôle D et je peux le déplacer ici. Et je peux simplement changer la couleur en rouge, par exemple. Mais si je veux utiliser cette couleur pour ce texte, je peux simplement cliquer ici et il va orteil. Appliquez cette couleur. Maintenant, si vous voulez changer, ce collier va aux pieds dans le monde entier. Appliquez ce changement orteil toutes les instances que vous avez hors de cette couleur à l'intérieur de votre port et pas seulement ce notre port, mais le document X'd entier afin que je puisse faire un clic droit dessus et les Juifs copie. Si vous voulez copier cette couleur ou je peux cliquer, modifier et, par exemple, je peux utiliser cette couleur, et vous pouvez voir qu'elle applique ces changements en temps réel afin que vous puissiez vraiment changer cette couleur facilement . Imaginez que vous travaillez avec le client et que le client change d'avis. Par exemple, ils n'aiment pas cette couleur et, ils pourraient dire à Vous pouvez changer la couleur orteil plus léger. Un. Vous pouvez simplement le faire. Envoyez-les à la conception s'ils n'aiment pas ça et dites, OK, peut-être qu'on peut essayer une voiture bleue à la recherche cliquez ici. Ils peuvent même ajouter votre code hexadécimal. Alors imaginez. Vous pouvez utiliser trois C six effort, par exemple, pour un coup agréable, et il changera automatiquement quel que soit le nombre d'instances que vous avez à l'intérieur de votre conception. Donc, en utilisant des ressources en utilisant des composants et des couleurs, c'est vraiment important. Cela va vraiment accélérer votre flux de travail. Il va vraiment orteils, vous permettre de travailler avec moins d'agitation dans votre vie va vraiment libérer votre temps et vraiment améliorer votre travail pour l'ensemble ci-dessous que nous avons des styles de personnages, sorte que vous pouvez une fois de plus cliquer sur le texte. Vous pouvez cliquer ici, et ça va aux pieds. Appliquez ce style de caractère en utilisant la même couleur. Mais quand je clique ici va appliquer exactement le même style de personnage parce qu'il est exactement la même lumière. Donc 90 lumière lourde sur 90 K zones que vous pouvez voir ici, mais il va le faire dans la couleur différente. Donc, lorsque vous cliquez ici et appliquez le soin pour les styles, comme vous pouvez le voir, c'est encore une fois différent. Alors pourquoi C'est important si je fais un changement, Donc, il a contrôlé le par exemple et dupliquer cette fois de plus. Je peux peut-être même supprimer certains de ce texte et placé, par exemple, juste ici. Et si je veux utiliser ce style de caractère pour ce texte, je peux simplement cliquer dessus, et il appliquera ce style de caractère à ce texte. Ainsi, comme vous pouvez le voir, apporter des modifications à l'échelle mondiale est extrêmement facile avec Adobe X'd et l'utilisation de tous ces composants , couleurs et styles de caractères. Maintenant, je vais continuer. Si vous souhaitez créer un composant pour vos formes pour votre, par exemple , boutons , icônes, couleurs, etc. Vous pouvez utiliser des composants ici. Vous pouvez cliquer ici, ou vous pouvez utiliser la commande de contrôle Que. Et il va créer un composant appelé bottom et va vous montrer combien instances vous avez sur votre conception. Donc, quand je clique ici, vous pouvez voir qu'il a changé. Si je ne contrôle zéro pour revenir en arrière, vous pouvez voir qu'il a changé du groupe quand un coup de contrôle K une fois de plus. Donc, cet acte d'accusation et ce diamant indiquent que c'est l'instance principale de cette composante. Vous pouvez le voir ici. Donc, si vous reprenez un peu plus près, vous pouvez voir ce diamant vert indique qu'il s'agit de l'état par défaut de ce composant et qu'il s'agit du composant maître et que vous pouvez avoir autant de composants enfants que vous le souhaitez à l'intérieur d'un maître composant. Et lorsque vous apportez des modifications au composant maître, appliquez toutes ces modifications aux composants Enfants. Vous avez créé une houle et vous avez ces états pour les composants. Ainsi, par exemple, vous pouvez cliquer ici. C' est l'état par défaut, vous pouvez choisir l'état du survol. Donc, lorsque vous passez le curseur sur ces composants va vous montrer l'effet de survol. Donc, nous allons jus hover état et vous pouvez changer le nom sans nom juste votre vol stationnaire et pour le vol stationnaire. Peut-être que je peux. Je viens de l'ajouter légèrement et je peux sauter à l'intérieur, peut-être inclure une ombre, peut-être faire 2020 et je ne sais pas quelque chose 10. Par exemple. Ça va être notre état de vol stationnaire. Et quand j'ai sauté aux pieds mes composants, vous pouvez voir que c'est l'état du port. Il s'agit de l'état par défaut. Donc, quand vous animez ceci plus tard, et quand quelqu'un clique ou survole Writer sur votre fond, il va afficher celui-ci. Vous pouvez même aller un peu plus loin. Vous pouvez modifier ce texte Toby pour qu'il devienne différent. Et, par exemple, si je clique sur l'État du port et puis saute à l'intérieur, je peux changer la couleur peut-être à cette couleur, par exemple. Donc, quand nous avons sauté de l'état par défaut toe, cependant, état va changer la couleur, vous pouvez changer le texte, les positions que vous pouvez ajouter des icônes et ainsi de suite et ainsi de suite, et enfin nous pouvons ajouter plusieurs états. Donc l'état par défaut est cette couleur bleue. Je peux ajouter un nouvel état et appelé menace. Et sur ce rouge, je peux double-cliquer et choisir la bonne couleur. Comme vous pouvez le voir et nous revenons à l'état par défaut, nous l'avons juste ici. Nous avons le vol stationnaire et nous avons le rouge que vous pouvez ajouter autant de ces états que vous voulez. Imaginez donc que vous avez différents boutons à l'intérieur de votre design. Vous avez le bleu, le rouge, vert et le jaune, par exemple. Vous pouvez ajouter tous ces états et appliquer rapidement des modifications globales à ces états. Parce qu'imaginez, vous pouvez, par exemple, appuyer sur Olt tenir et simplement créer une copie ici. Cliquez ici et revenez à l'état par défaut. C' est ton état rouge. Et parce que j'ai utilisé tout pour faire copie, vous pouvez voir que maintenant ce diamant a changé. Donc, il est rempli juste ici et il est tenu juste ici et qui est affiché ici aussi bien que juste ici. Donc, nous avons l'état par défaut, qui est le composant principal principal du composant, et nous avons dans le Harvard Désolé, Red State, qui est cet état ici ? Et c'est le composant Enfants de ce composant maître. Vous pouvez voir que c'est bleu ici. Mais si je clique sur le rouge, vous pouvez voir à quoi cela ressemble si je tiens mon ancienne clé et fais une autre copie ici. Effet de survol Andrews, par exemple. Vous pouvez voir qu'il s'agit toujours d'un composant enfant de ce composant maître, et vous pouvez voir qu'il change ici. Donc, si vous voulez apporter d'autres modifications à ce composant monstre ce bouton ici , vous pouvez le faire ici. Donc, quand je double-clique pour sauter à l'intérieur de l'orteil Adit ce moment maître, je peux , par exemple, augmenter les coordinateurs à 50% et vous pouvez voir qu'il a appliqué ce même changement orteil tous ces composants. Je peux cliquer ici et déplacer le texte, et vous pouvez voir qu'il s'applique automatiquement orteil tous ces composants enfants. Vous voyez ici. Si nous voulons augmenter la taille, par exemple, peut-être que je peux cliquer ici sur un Bt et peut-être augmenter la hauteur 100 centre de presse. Vous pouvez voir qu'il augmente la hauteur de tous ces composants enfants ainsi que de ce composant maître. Donc j'ai ramené au centre comme si peut-être plus avec ici, et vous n'avez pas à avoir exactement le même look pour tous ces composants enfants. Ce n'est qu'un exemple. Mais c'est juste pour vous montrer combien de possibilités existent. Alors imaginez juste que vous avez 50 tableaux d'art différents ici et tout à coup client décide qu'ils veulent inclure une icône avec ce bas. Alors, qu'est-ce que tu pourrais faire ? Vous avez cette option qui vous a déjà montré que vous pouvez changer tous ces différents composants et états en utilisant simplement un clic. Ou vous pouvez aller à la pointe de tous ces différents ports et faire tous ces changements en juste perdre du temps. Ou vous pouvez utiliser cette technique et simplement le faire en, genre, cinq minutes environ. Donc, c'est fondamentalement tout pour les composants. Dans la vidéo suivante, nous allons rapidement couvrir plug in spinal. Alors je te verrai là-bas. 18. Cours de base Adobe Xd Basics sur Adobe XD: dans cette vidéo, nous allons rapidement couvrir le bouchon de la colonne vertébrale, donc il est situé juste ici en bas à gauche. Lorsque vous cliquez dessus, vous avez tous vos plug-ins installés ici, et chaque prise est un peu différente, sorte que vous pouvez étendre cela si vous êtes branché, a plusieurs options. Donc, si vous cliquez sur cet arrangeur pour X'd, par exemple, vous avez toutes ces différentes options afin que vous puissiez développer pour en voir plus ou réduire l'espace pour en voir un peu moins. Si vous utilisez ceci pour une splash. Évidemment, c'est pour la génération de photos à partir de Splash dot com. Vous voulez que cela soit étendu afin que vous puissiez avoir autant d'options ici, et vous pouvez en voir autant ici pour que vous puissiez les utiliser plus facilement. Et vous avez tous ces différents branchements. Donc, chaque fois que vous cliquez sur différents branchements, des sondages vous ont montré Lauren gypse et à quoi il ressemble. Et si vous utilisez sur conduit, par exemple, vous pouvez voir à quoi cela ressemble, sorte qu'ils sont vraiment différents sur. sont des différences entre eux, mais ce qui est le plus important, c'est qu'ils sont facilement accessibles ici sur ce bouchon dans la colonne vertébrale. Si vous voulez ajouter un nouveau branchement déjà couvert que dans les vidéos précédentes, vous pouvez cliquer ici et il vous emmènera juste ici. Vous pouvez utiliser la barre de recherche. Vous pouvez naviguer, vous pouvez gérer tous vos plug-ins existants. Et comme vous pouvez le voir en ce moment, ayez une date d'inscription. Je peux cliquer ici mise à jour orteil. Ce branchement va se charger et une fois qu'il est fini va orteil. Montrez-moi que le branchage a été mis à jour et maintenant il est à jour. Vous les consort juste ici à partir de la dernière mise à jour pour le nom afin que vous puissiez aller juste ici et il va mettre à jour ici aussi. Vous pouvez cliquer sur un pour découvrir et vous pouvez utiliser le choix de cet éditeur. Démarrez votre design. Donc, toutes ces collections vont changer de temps en temps les plug-ins essentiels, futurs plug-ins et ainsi de suite et ainsi de suite. Et vous pouvez parcourir par catégories ici. Donc, c'est fondamentalement la prise dans la colonne vertébrale va améliorer votre flux de travail de façon spectaculaire. Et je vous recommande vraiment d'utiliser des plug-ins car ils vont vous faire gagner du temps. Imaginez simplement que vous allez créer une page de contact pour votre site Web et que vous avez besoin d'une carte . Tu dois aller à Google. Vous devez faire une capture d'écran saut à l'intérieur d'un magasin de photos et ainsi de suite. Et jusqu'à présent, Ou vous pouvez simplement utiliser ce générateur de cartes et vous pouvez créer une carte ici. Mais je pense d'abord que je dois sélectionner le calque afin qu'il crée rapidement un calque. Donc, ce qui a battu ce calque, par exemple sur peut réduire la taille juste ici. Je peux cliquer sur le générateur de cartes maintenant, et vous pouvez voir que vous pouvez ajouter un emplacement. Vous pouvez ajouter une place. Ainsi, par exemple, Paris a compressé entrée et va générer cette carte pour vous. C' est donc à quel point il est facile d'utiliser les plug-ins et le panneau des plug-ins à l'intérieur d'Adobe X'd, et vous pouvez en explorer un peu plus. Et comme il y a tellement de plug-ins à choisir, vous pouvez simplement cliquer, parcourir. Et, comme vous pouvez le voir quand je commence à faire défiler, il y a vraiment cette liste infinie que vous pouvez faire défiler et explorer combien vous voulez et utiliser celui que vous voulez à partir d'ici ? Dans la prochaine vidéo, nous allons parler de la répétition. Grande à l'intérieur d'Adobe X'd une possibilités étonnantes Il peut apporter à votre travail, donc je vais voir là. 19. Répétez le cours de base Adobe XD de base Adobe XD: lorsque vous concevez la plupart du temps. Habituellement, vous avez ces tâches fastidieuses hors des éléments répétés, et généralement vous devez créer ces éléments séparément. Mais en utilisant Adobe X'd nous avons cette fonctionnalité étonnante appelée la grille de répétition, qui va nous permettre de créer tous ces différents éléments très rapidement et sans aucune agitation. Donc, pour ce faire, je vais simplement cliquer sur notre tableau hit control de pour le dupliquer et en faire un nouveau fondamentalement. Alors je vais le faire. Ceci sauf pour le bouton d'origine et cliquez ici. Peut-être que je peux placer cela ici, et je peux utiliser le rectangle jusqu'à ce que je puisse simplement cliquer et créer cette sélection pour créer une image. Et je peux sélectionner les trois et simplement cliquer ici pour les distribuer verticalement. Et je vais simplement changer cette couleur pour entendre enlevé la bordure et à droite. Mais ce que je veux faire ici, c'est inclure une image. Donc, avez ces images ici dans mon dossier sur mon autre écran. Je vais simplement glisser et déposer une image juste ici et va remplir cet outil rectangle que le salaire créé, et je peux simplement sélectionner tout ce que vous voyez ici. Contrôle thermique G. Et je vais appeler la dette, par exemple, carte, parce que ça va être notre chariot. Je fais un clic sur ce texte pour l'apporter. Il suffit de toucher comme ça, et peut-être que je peux le placer juste ici, et je peux sélectionner les trois tout simplement tout à fait ici pour les distribuer uniformément. Maintenant, ce que je veux, c'est en faire un double. Donc, dans le passé, ce que vous devez habituellement faire, c'est que vous devez faire un duplicata. Donc, je dois frapper Control de, par exemple, et vous devez le positionner comme alors peut-être je veux faire une autre copie. Donc, comme ça. Mais utiliser Adobe est D est vraiment important. Tout ce qu'ils ont à faire, il est simplement peut cliquer avec cette sélection. Cliquez dessus. Répétez génial et simplement vous avez ces barres ici à droite et en bas, et vous pouvez étendre pour faire autant de copies que vous voulez, et vous pouvez même augmenter ou diminuer l'espacement entre eux. Et vous pouvez le voir en chiffres. Donc, en ce moment, nous avons 42 pixels entre ceux-ci et vous pouvez, mais vous pouvez aussi faire est de le faire glisser dans une autre direction. Ainsi, vous pouvez voir à quel point il est facile de faire plusieurs copies de ce même objet. Et vous pouvez faire la même chose que déjà vous montrer ici. Donc, ici, nous avons 57 par exemple. Et ici, nous pouvons utiliser 57 aussi. Donc, quand vous avez créé votre répétition, génial, c'est à ça que ça ressemble. Et vous pouvez cliquer quelque part à l'extérieur. Ainsi, par exemple, à ici, et vous pouvez simplement le faire glisser et vous pouvez le positionner comme vous le souhaitez. Si vous pensez que c'est trop, vous pouvez simplement baisser le montant que vous avez ici et peu rapidement élargir mes ports afin que vous puissiez le voir juste un peu mieux. Donc peut-être, aussi ici, peut-être comme ça. Et ce que je veux faire maintenant, c'est simplement sélectionner plus d'images. Je vais donc sélectionner toutes les images de mon dossier. Je vais simplement glisser et déposer sur ce 1er 1 et vous pouvez voir qu'il va remplir ces images que vous voyez ici. Ce que je vais faire est un peu plus bas que le montant une fois de plus. Donc jusqu'à ici, par exemple. Et vous pouvez changer ces choses individuellement, ou vous pouvez les changer tous ensemble afin que vous puissiez cliquer sur ce texte, par exemple, et vous pouvez le déplacer et il va déplacer ce texte, peu importe. Vous le voyez à l'intérieur de la grille de répétition. Donc peut-être qu'on peut le faire aligner au centre peut s'affaiblir. Positionnez-le ici. Peut-être qu'on peut déplacer le bas vers le centre comme ça. Et peut-être que nous pouvons augmenter le rayon d'angle de ces images à 20 par exemple. Et quand je clique à l'extérieur, vous pouvez voir qu'il a changé le rayon d'angle de toutes nos images. Juste ici. Si vous voulez ajouter des choses individuellement, vous pouvez le faire aussi. Vous conduisez affaiblir cette image, par exemple, et terne rapide une fois de plus, vous pouvez maintenir votre touche Maj pour le positionner un peu mieux. Vous pouvez double-cliquer sur certaines de ces images orteil se repositionner, par exemple Peut-être que sur celui-ci, je veux le déplacer ici et vous obtenez l'idée. Si l'image est trop grande comme celle-ci,par exemple, par exemple, je peux la positionner indépendamment de toutes ces autres images et tous ces autres éléments à l'intérieur de notre répétition Grande. Vous pouvez également changer les couleurs. Donc, par exemple, si un double rapide ici pour sauter à l'intérieur de ce bouton, si vous voulez changer les couleurs de tous ces boutons, je peux cliquer ici et puis simplement changé la couleur orteil ici. Mais parce que ce n'est pas mon instance principale, c'est que je peux sauter à l'intérieur et je peux changer la couleur ici. Et comme vous pouvez le voir, il va mettre à jour toutes ces couleurs automatiquement, et il va faire le changement globalement. Alors imaginez, avoir 50 différents nos planches va orteils appliquer. Cela a changé tous ces ports différents et va le faire automatiquement en même temps. Donc c'est vraiment le principal avantage hors. Répétez la cupidité et travaillez avec des composants à l'intérieur d'Adobe. Facile parce qu'il rend votre processus beaucoup plus favorisé beaucoup plus facile et sans friction afin que vous puissiez arriver à la conception. Et vous n'avez pas à vous soucier de tous ces processus différents. Vous avez dû vous inquiéter dans le passé une dernière chose que je veux vous montrer est quand vous cliquez sur cette grille de répétition, tout ce que vous pouvez voir est cette première carte que nous avons créée parce qu'elle est située à l'intérieur de cette sélection. Donc, quand vous voulez non toiletté fosse, vous pouvez cliquer ici et vous pouvez kit sur le groupe grand, et vous pouvez l'exporter. Et vous pouvez voir toutes ces différentes cartes maintenant et vous pouvez jouer avec elles si vous souhaitez. Donc, par exemple, je peux déplacer cela à gauche et à droite. Peu importe ce que je veux, je peux le déplacer même entre ces ports Dragon. Laisse-le juste ici. Je peux le supprimer, et ainsi de suite et ainsi de suite. Donc, fondamentalement, tout ce que vous avez à faire est de créer ce coup, répétez le grain, puis développez et incluez autant que vous voulez et faites des changements globaux afin que répétez grand autant que vous voulez dans la vidéo suivante, nous allons parler de guides, donc je vais y voir 20. Cours de base Adobe XD: lorsque vous concevez la plupart du temps, vous avez besoin de guides, parce que si vous ne les utilisez pas et que vous n'avez pas de gars pour vous guider dans le processus de conception , vous allez vous retrouver avec des éléments partout. Ainsi, Adobe exit est livré avec des guides par défaut, sorte que vous pouvez zoomer un peu plus près. Et si je survolais ici, vous pouvez voir ce changement. Et il va du gris foncé à cette couleur claire, presque blanc sur le dessus de mon port ainsi que sur le côté gauche. Et si vous avez déjà utilisé des guides dans les quatre magasins, c'est fondamentalement la même histoire. Mais vous n'avez pas à sortir de cet espace, mais vous pouvez simplement survoler notre planche et vous pouvez utiliser ces guides. Donc, par exemple, je peux cliquer sur cette carte. Je peux passer le curseur ici, cliquer, puis faire glisser l'orteil. Appliquez mon guide. Vous pouvez le voir sur l'axe Y. C' est 67 pixels du haut, et si je couvre ici et que je clique sur le guide ici, faites-le glisser et déplacez-le dans la position. Vous pouvez voir que c'est 133 pixels de gauche et vous pouvez voir que c'est 1787 pixels de gauche à droite et vous pouvez simplement laisser aller. Et puis vous pouvez les aligner en utilisant le même principe ici. Alors laissez-moi rapidement les groupes frapper le contrôle G déplacé dans le centre. Et maintenant, je peux appliquer ce guide ici. Comme vous pouvez le voir, c'est 193 pixels de gauche, et je peux utiliser la même chose. Mais vous ne pouvez pas dessiner de la droite ou du bas. Vous devez dessiner à partir de la gauche, et vous pouvez voir que c'est 192 pixels juste ici. Vous pouvez être aussi précis que vous le souhaitez. Mais par exemple, maintenant, quand vous travaillez, laissez-moi rapidement sur ce groupe lorsque vous travaillez. Imaginez que vous travaillez sur cet élément et que vous voulez orteil. Assurez-vous qu'il a le même espacement de ce côté ainsi que de ce côté. Vous pouvez simplement le faire glisser sur la grille et simplement l'aligner. Toe ce guide sur la droite, Je peux simplement les déplacer ici et un pixel orteil la gauche et maintenant nous allons avoir 109 3 Donc fondamentalement le même espacement que sur ce site. C' est donc à quel point il est facile d'utiliser des guides si vous voulez les utiliser sur d'autres ports afin que vous puissiez cliquer sur l'aéroport. clic droit, guides de copie. Vous pouvez cliquer sur cela, nos guides de clic droit de port et guide de base. Vous pouvez utiliser Contrôle V ou commander. Le raccourci est basé sur les orteils. Ces guides sur ce notre port, et vous pouvez simplement aligner tous ces éléments sur ces guides. même chose a probablement fait sur notre premier port. C' est donc à quel point il est facile d'utiliser des guides. Et je vous recommande vraiment de le faire, parce que cela va simplement rendre le travail beaucoup plus facile. Et cela va faire ressortir vos éléments sur la page et paraître encore plus professionnels qu'ils ne le sont parce qu'ils suivent simplement cette stratégie, s'alignant vers le haut à gauche ou vers le bas à l'aide des guides dans Adobe XY. Dans la prochaine vidéo, nous allons parler des grilles, donc je vous verrai là-bas 21. Cours de base Adobe XD pour les grilles Adobe XD Basics: lorsque vous travaillez dans Adobe ASD, surtout si vous travaillez pour le Web, vous avez besoin d'un système formidable. Vous avez ces grands systèmes partout sur le web, donc vous avez le plus. Bien connu est bootstrap, évidemment, mais vous en avez d'autres et, par exemple, pour travailler dans l'entreprise. Peut-être que votre entreprise possède ses propres systèmes performants qu'elle a développés pour son projet, sorte que vous pouvez facilement appliquer ce système de grille dans Adobe X'd. Tout ce que vous avez à faire est de cliquer sur votre planche et juste ici en bas, vous avez grand, et vous pouvez cliquer ici pour la mise en page, et vous avez toutes ces différentes options. Si vous ne voulez pas utiliser la mise en page, vous pouvez vous carrer et il va appliquer ces différents carrés. Si je zoome tout le chemin ici, vous pouvez voir à quoi cela ressemble, et vous pouvez utiliser la taille carrée. Donc, si je l'augmente à 50, vous pouvez voir qu'il augmente la taille du carré. Donc, où que vous soyez en train de glisser, déplacer ces éléments que vous avez à l'intérieur de votre partie are va accrocher ces qualités et à la taille carrée. Mais comme ils l'ont dit, si vous voulez utiliser un système de grille et que vous voulez utiliser une mise en page, vous pouvez utiliser différentes mises en page dans Adobe X'd. Alors qu'est-ce qu'on a ici ? Si je clique sur ce tableau d'art, nous avons 12 colonnes différentes avec Got Erwitt off 16 et colonne avec ou 1 25 Donc Got Erwitt est fondamentalement cet espacement entre les colonnes. Donc, vous avez la colonne juste ici. Ensuite, vous avez l'esprit de gouttière. Ensuite, vous avez une autre colonne et ainsi de suite. Donc, fondamentalement, nous avons 12 colonnes différentes avec obtenu riffed off 16 et colonne avec off 1 22 Ce que vous pouvez faire ici, c'est que vous pouvez utiliser des marges de gauche et de droite liées. Donc, toutes ces marges resteront les mêmes et resteront liées. Donc, fondamentalement, marge est cet espace blanc entre votre première et dernière colonne. Donc, c'est en gros 40 à ce stade. Ou vous pouvez utiliser des marges différentes pour chaque côté, sorte que vous pouvez voir que nous avons la marge droite et la marge gauche à 1 40 vous pouvez utiliser la marge inférieure de la marge supérieure . Si vous voulez être exactement sûr et parfaitement sûr des types de marge que vous voulez utiliser pour vos conceptions. Mais si nous utilisons simplement des marges de gauche et de droite liées, vous pouvez voir qu'elles sont de 1 40 Et, par exemple, je peux augmenter cela à 1 50 vous pouvez voir si je pouvais aller encore plus loin et utilisé, par exemple, 400. Vous pouvez voir à quoi cela ressemble donc 400 de chaque côté et vous pouvez voir qu'il rétrécit maintenant sont mise en page. Si je contrôle, est-ce quelques fois pour revenir à 1 40 comme il me l'a montré à l'origine ? Ce que vous pouvez également faire ici est de changer certaines de ces valeurs. Ainsi, par exemple, peut-être que vous voulez utiliser un nombre différent de colonnes peut être activé pour utiliser quatre colonnes. C' est à ça que ça ressemble. Et vous voulez augmenter la gouttière avec orteil 50 par exemple. Tu peux jouer avec ça. Peut-être que je veux utiliser huit colonnes. J' ai un poids 100 par exemple. Vous pouvez voir à quoi ça ressemble, et vous avez l'idée. Vous pouvez l'utiliser par défaut, ou vous pouvez le faire comme valeur par défaut afin que vous puissiez utiliser par défaut et c'est ce que je vous ai déjà montré. Mais vous pouvez simplement jouer avec cela. Donc huit, 16 et je ne sais pas, peut-être 1 40 en clic faire par défaut. Et chaque fois que vous incluez cette option dans votre travail de conception, cela apparaîtra par défaut. Excellent système. Donc, c'est pourquoi je vous ai montré que je vous l'ai dit avant, Par exemple, vous travaillez dans une entreprise de design et ils ont leur propre système de conception ou vous utilisez système conçu bootstrap. Tout le temps, vous pouvez recréer que dans adobe X'd vous pouvez cliquer, faire par défaut. Donc, chaque fois que vous tournez votre pas, il va activer le système que vous avez créé, et il vous montrera que le système seul sans toutes ces options par défaut. Enfin, vous pouvez changer la couleur, n'avez pas cliqué ici, puis changer la couleur à la couleur que vous voulez. Vous pouvez réduire la ville d'Obey ici. Donc c'est à 100. C' est un zéro, et vous pouvez utiliser quelque chose comme 10 ou 20 pour faire ce beau voir à travers un fondamentalement vous puissiez voir ce que vous travaillez sur. Et fondamentalement, ces colonnes sont pour ces éléments à accrocher. Ainsi, vous pouvez maintenir votre touche Maj et vous pouvez accrocher ces éléments à différentes colonnes, comme vous pouvez le voir ici. Donc c'est fondamentalement tout pour deux grilles. Et dans la prochaine vidéo, nous allons parler des mosquées, et il y a des possibilités incroyables à l'intérieur d'Adobe X'd, donc je vous verrai là-bas. 22. Cours de base Adobe XD: lorsque vous concevez la plupart du temps, vous voulez masquer quelque chose qui est une icône ou une image ou un paragraphe d'une partie du texte ou quelque chose du genre, mais vous ne voulez pas le supprimer définitivement. Vous voulez juste le cacher pour le temps, ou vous voulez l'utiliser dans un autre scénario. Et c'est là que les mosquées sont utiles maintenant, plutôt que de supprimer le fichier, les mosquées ne sont pas destructrices, qui signifie que vous pouvez les utiliser plus tard dans un autre projet ou à d'autres points du projet. Voici comment fonctionnent les mosquées. Alors imaginez, vous voulez inclure une image, et peut-être que je veux utiliser les lèvres d'une maison, une touche majuscule, les lèvres de dessin et peut-être que je peux le créer Toby à 10 qui à 10 pixels pour le poids et hauteur et laissez-moi le placer juste ici au centre. Et peut-être que nous pouvons enlever la frontière et juste pour que vous puissiez la voir. Peut-être que je peux inclure ce gris clair pour la couleur du champ, et je veux inclure mon image ici. Comment puis-je le faire est simplement que je peux faire glisser mon image et la déposer à l'intérieur. Et ici vous pouvez voir que l'image est maintenant à l'intérieur du cercle et elle est masquée en utilisant cette forme de cercle maintenant, parce que nous utilisons les mosquées et les mosquées sont édition non destructive. Cela signifie que je peux repositionner cette image. Cependant, je veux à l'intérieur de ce cercle, qui signifie à l'intérieur des mosquées. Alors, comment puis-je faire ça ? Je peux simplement double-cliquer à l'intérieur. Vous pouvez voir les limites de l'image, et je peux maintenir ma touche Maj, et je peux simplement la déplacer ici si je le veux. Je peux même augmenter sa taille. Je peux soit maintenir la touche Maj ou je peux maintenir Maj Ault et cliquer sur l'un des coins pour augmenter la taille comme ça. Et je peux repositionner cette image comme je veux. Peut-être que je veux le positionner ici. Je peux même le faire pivoter pour que je puisse planer l'orteil n'importe lequel de ces coins et que je puisse faire pivoter les images. Eh bien, Oregon simple. Rapide dans l'un de ces points, et vous pouvez très positionner l'image comme ça. Et comme je l'ai dit, vous pouvez le placer où vous voulez et vous pouvez le repositionner de cette façon. Maintenant, c'est plus facile pour moi de le déplacer et plus tard sur la ligne. Si je veux remplacer cette image et inclure une autre image,par exemple, par exemple, je peux simplement faire glisser et déposer cette image à l'intérieur. Et vous pouvez voir que le nom de l'image originale sera le nom de mon image. Donc tu oublies le contrôle, c'est pour revenir ? Vous pouvez voir ce nom et quand j'inclut cette image à l'intérieur, vous pouvez voir maintenant qu'elle a changé à ce nom. Je peux simplement cliquer ici si je veux sur le marché pour l'exportation, car immédiatement lorsque vous incluez des images à l'intérieur d'Adobe X'd, elles seront automatiquement marquées pour l'exportation. Parce que Exynos vous avez dû exporter plus tard ces images pour les développeurs à utiliser plus tard. Et je peux faire la même chose pour celle-là. Je peux le faire tourner comme si Aiken Bulkeley pouvait sauter à l'intérieur de cette image. Je pourrais à la maison un vieux quart et clic gauche pour l'augmenter. Et par exemple, si je veux utiliser ceci comme image extérieure,par exemple, par exemple, vous pouvez cliquer quelque part à l'extérieur et maintenant vous pouvez déplacer cette mosquée comme ce petit cercle, vous pouvez réduire sa taille. Ainsi, par exemple, comme la maison une touche majuscule et de réduire sa taille comme ça. Mais si je veux à tout moment de sauter à l'intérieur potins Adele Quick et je peux augmenter ou diminuer la taille de cette image vous a déjà montré avant. Maintenant, laissez-moi vous montrer rapidement comment fonctionnent les mosquées quand vous voulez créer des boutons. Alors laissez-moi rapidement créer un bouton. J' utiliserai le rectangle. Peut-être que je peux faire 20 pour le rayon du coin. Et utilisons, par exemple, 500 poids. 1 50 Faire beau et grand, et je vais enlever la couleur de bordure et pour les couleurs de remplissage utilisé une belle couleur. Donc, par exemple, peut-être quelque chose comme ça, ou peut-être qu'on peut même aller un peu plus léger. Par exemple, quelque chose comme ça. Et maintenant, nous allons vite sur notre textile. Cliquez quelque part à l'intérieur et rapide, par exemple à elle, et je peux appuyer sur le contrôle A pour le sélectionner et peut utiliser un autre formé plus tard, par exemple, peut-être que je peux utiliser 40 et peut-être que je peux le changer ici pour dire mon melon utilisé Bolt tout simplement, et je peux cliquer ici pour sélectionner pour être blanc, et je peux simplement le positionner juste ici au centre et juste ici au centre aussi bien . Laissez-moi double-cliquer ici. Tapez ce bt et et je peux les sélectionner pour appuyer sur le contrôle G pour les regrouper et appeler ce bouton . Maintenant, je vais simplement faire glisser et déposer une icône, qui est un PNG. Je vais le déposer ici. Je vous recommande toujours d'utiliser SP Jeez pour les icônes. Mais je vais simplement l'utiliser à des fins de démonstration. Alors peut-être que je veux que les orteils le traînent comme si position. C' est quelque part ici, par exemple, et utilisez simplement cette couleur. Cela n'a vraiment pas d'importance pour cet exemple. Donc maintenant, nous avons ce bouton et je vais simplement aller cliquer ici et l'appeler icône. Et je vais inclure à l'intérieur de mon bouton, comme So. Alors imaginez juste que vous voulez utiliser ce bas dans un cas, mais vous voulez utiliser ce bouton nous doutons dans cette icône et vous voulez l'animer plus tard. Comment peux-tu faire ça ? Vous pouvez simplement créer une mosquée de sorte que vous pouvez simplement double-cliquer ici sur ce fond et simplement frapper le contrôle d'un D pour faire un duplicata, et je vais double-cliquer ici et appeler celle-ci une mosquée et je vais faire glisser cette mosquée juste au-dessus de mon icône. Sélectionnez les deux, droite, droite, cliquez et utilisez la mosquée avec la forme. Vous pouvez également utiliser ce raccourci, qui est Shift Control em ou shift command eux. Si vous êtes sur un Mac et qu'il va les masquer maintenant, vous pouvez voir qu'il n'a vraiment pas beaucoup changé. Je vais simplement terne rapide ici appelé cette mosquée une fois de plus. Et si je clique ici, vous pouvez voir que rien n'a changé. Mais si je change cette couleur et maintenant si je déplace ce bouton, vous pouvez voir comment il se cache en ce moment. Donc, quand je zoome un peu plus près, vous pouvez voir que la mosquée couvre cette partie de notre icône. Mais cette partie reste visible, donc c'est vraiment simple. Si vous voulez animer cela plus tard, il vous suffit de déplacer cette mosquée hors du chemin, et vous pouvez voir que maintenant l'icône reste à l'extérieur de notre mosquée, donc quand je clique quelque part à l'extérieur, vous ne pouvez pas voir l'icône plus. Mais quand je clique sur ma mosquée et que je peux l'étendre jusqu'ici. Maintenant, vous pouvez voir cette icône, et maintenant cela sera utile plus tard lorsque vous commencerez à animer vos designs. Alors peut-être que tu veux que les orteils fassent ça, euh, Toby a cliqué sur l'état. Donc peut-être que lorsque quelqu'un clique sur cette édition, cette icône va apparaître quand ils cliquent, quelque part à l'extérieur va disparaître. Et la façon la plus simple de le faire est avec la mosquée. Ainsi, vous pouvez simplement créer deux états en utilisant des composants et vous pouvez sauter en arrière et regarder vidéo du composant, et vous pouvez l'animer plus tard, puis vous pouvez le montrer à votre client ou à vos utilisateurs, et tout être facile à comprendre pour eux parce que vous utilisez des méthodes non destructives utilisant des mosquées. Mais vous vous cachez simplement, pas supprimez. Dans la vidéo suivante, je vais vous montrer une sorte de feuille de triche avec tous les oeufs d'adobe. Ces raccourcis et certains d'entre eux sont vraiment importants pour vous d'apprendre car ils vont accélérer votre travail de façon spectaculaire. Et je vous recommande vraiment de les vérifier. Mais si vous avez déjà utilisé des produits Adobe avant, Donc, par exemple, pour un magasin ou un illustrateur. Beaucoup de ces raccourcis vous seront familiers. Mais si vous êtes nouveau dans ce monde de la conception et les produits Adobe, en particulier Adobe X'd je vous recommande vraiment de vérifier cette vidéo parce que dans elle vous avez cette feuille de triche que vous pouvez télécharger et utiliser où vous voulez. Si vous voulez être rappelé à propos de certains raccourcis, vous pouvez facilement sauter à l'intérieur de ce fichier et simplement chercher ces raccourcis car cela améliorera considérablement votre flux de travail et votre vitesse, donc je vous verrai là-bas. 23. Raccourcis dans Adobe Xd Basics Basics: si vous voulez utiliser Adobe X'd comme un logiciel professionnel et en faire de l'argent avec vos projets personnels ou commerciaux, il est vraiment important pour vous d'apprendre au moins quelques raccourcis clavier importants car ils amélioreront votre vitesse et votre flux de travail de façon spectaculaire, et ils vous feront travailler plus rapidement et plus intelligemment à l'intérieur de X'd. Et il vous sera plus facile de naviguer dans le logiciel car vous utilisez des raccourcis clavier plutôt que de cliquer partout ailleurs. Donc, nous sommes là pour vous aider. Ex dot adobe dot com quatre slash xz Pour une telle aide pour les raccourcis clavier slash, intervalle le lien pour cette vidéo et vous serez en mesure de cliquer et d'accéder facilement sur cette page . Ici, en haut de la page. Nous avons une version téléchargeable hors raccourcis clavier, et vous pouvez simplement cliquer ici pour télécharger, et il ouvrira un fichier pdf à l'intérieur du nouvel onglet. Et je vous recommande vraiment de vérifier ce fichier parce que vous pouvez facilement voir tous les raccourcis Adobe eggs juste ici. Et vous pouvez voir séparé dans le menu de fichier, menu édition, objet, vue de menu, menu, Windows, menu et ainsi de suite. Jusqu' à présent, vous n'avez pas à apprendre tout cela, mais vous devez vraiment apprendre la majorité d'entre eux. Si tu veux. Travaillez extrêmement vite à l'intérieur d'Adobe X'd maintenant ne pas stress et essayer d'apprendre tous à la fois parce que, comme vous pouvez le voir, si vous commencez à faire défiler vers le bas, ils sont vraiment beaucoup de ces claviers. Bien sûr, raccourcis clavier, mais un vraiment recommandé Vous apprenez au moins certains parce qu'ils vont considérablement améliorer votre vitesse et votre flux de travail tout en utilisant des oeufs. D. Et c'est simplement travailler plus intelligemment en utilisant les raccourcis clavier, car il est plus facile pour vous de travailler en utilisant deux mains dans Adobe XY plutôt que d'un simple clic avec la souris et vous verrez après un certain temps il viendra juste comme . Tu n'auras pas à penser à quoi que ce soit. Et si je saute aux orteils X, tu peux voir que tu l'as déjà fait. Lorsque vous survolez essentiellement tout, vous avez déjà des raccourcis clavier lorsque vous cliquez avec le bouton droit de la souris. Vous avez ces raccourcis clavier juste ici pour que vous puissiez les apprendre à partir d'ici. Mais si vous voulez les apprendre à votre propre rythme, par exemple, lorsque vous n'êtes pas à votre ordinateur, vous pouvez télécharger et utiliser dans ce fichier pdf avec tous les requins coupe le B X D, puis les apprendre étape par étape et puis finalement vous y arriverez. Il ne sera pas la majorité de ces raccourcis, et vous travaillez extrêmement rapidement à l'intérieur d'Adobe X'd dans la prochaine vidéo, nous allons commencer à nous concentrer sur les outils de prototypage, et je vais expliquer quels outils de prototypage sont à l'intérieur d'Adobe X'd ainsi que pourquoi ils sont importants, comment vous pouvez le trouver et comment vous pouvez les utiliser. Alors je te verrai là-bas. 24. Cours de base Adobe Xd Bases de Prototyd : lorsque vous voulez montrer votre design ou votre concept, votre client ou votre équipe, vous voulez être en mesure de rencontrer et de représenter votre concept le mieux possible. Et c'est ce que X'd vous offre prêt à partir dès le début. Ils ont donc cet onglet prototype, et ce que cela signifie fondamentalement, c'est que vous pouvez convertir cette conception statique si plus interactive et que vous tolérez partager ce prototype avec vos clients ou vos coéquipiers, puis ils peuvent interagir avec cette prototype dans Plus tard. Les utilisateurs peuvent, et ils peuvent souligner orteil peut-être quelques défauts dans votre conception et les choses que vous pouvez changer avec elle. Et c'est vraiment facile à suivre et facile à comprendre. Process and eggs est génial pour cette raison, parce qu'ils ont conçu des prototypes et partager des fonctionnalités toutes incluses dans cette application unique et sur ce logiciel unique. Donc, tout ce qu'ils ont à faire pour prototype est que vous avez besoin d'instances, par exemple, hors de la même conception. Alors, imaginez que nous avons fini ce design. Nous y travaillons en utilisant les commentaires des clients et le descriptif de conception et avons suivi toutes les étapes de l'U ex parte de ce projet, et maintenant nous voulons le prototyper et simplement le montrer au client pour son approbation et pour obtenir des retour d'information. Alors, comment peut-on faire ça ? Est-ce que nous pouvons le faire en utilisant l'onglet prototype juste ici. Donc, quand je clique ici, vous pouvez voir que maintenant j'ai ce cercle bleu avec un étroit juste ici, et que l'habitude de se connecter à différents ports. Mais parce que je n'ai qu'un de nos ports, ce que je peux faire est de revenir à la conception hit control de afin que je puisse dupliquer ce notre port. Et maintenant je peux commencer à jouer avec eux et montrer un peu d'interaction orteil mon client afin que je puisse revenir au prototype. Et maintenant, quand je clique ici et que je clique sur cette flèche, je peux simplement le faire glisser vers ce notre port. Et maintenant, vous pouvez voir ce qui se passe. Nous avons ce panneau d'interaction juste ici qui va vous expliquer dans la prochaine vidéo. Mais à l'intérieur, nous avons toutes ces valeurs différentes que nous pouvons jouer. Et nous pouvons le présenter à notre client pour qu'il le comprenne mieux. Comment ça ressemblera quand il sera finalement manteau afin que vous puissiez imaginer un projet comme celui-ci peut contenir un certain nombre de différents de nos planches. Par exemple, vous voulez montrer à quoi ressemblera cet écran lorsqu'ils cliquent sur cette flèche arrière. Qu' est-ce qui se passera ensuite, Qu'est-ce qui se passera quand ils cliquent sur cette icône de menu. S' ils tapent sur cette image, que se passe-t-il ensuite ? Si je veux cliquer sur cet avatar, par exemple, cela me conduirait à l'écran de profil et à quoi cela ressemblera. Nous allons donc explorer quelques-unes de ces options dans la prochaine série de vidéos, commençant par ce panneau d'interaction, où je vais vous expliquer ce que sont toutes ces choses et je vous y verrai. 25. Cours de base Adobe Xd Basics: lorsque vous voulez créer un prototype cliquable à partir de votre conception, vous devez utiliser ce panneau d'interaction et ici en haut, vous pouvez voir que vous avez ce déclencheur et déclencheur robinet est fondamentalement ce qui va déclencher l'action pour se produire. Entre ces deux ports se trouvent. Dans notre cas, l'action est à quoi ressemblera ce déclencheur. Ainsi, par exemple, nous avons le robinet de déclenchement. Donc, quand quelqu'un tape dessus, alors nous avons l'action, qui est la transition, donc elle fera la transition. Entre ces deux ports se trouvent en dessous de ce que nous avons conservé la position de défilement. Ainsi, par exemple, si notre port contient beaucoup de ces images, par exemple, il conservera cette position de défilement pour certains de ces éléments. Imaginez donc que vous voulez utiliser cette barre jamais à l'orteil inférieur préserver la position de défilement. Tu peux le faire. Imaginez, vous pouvez garder ce Toby épinglé ici et tout le reste va faire défiler la destination . Donc on va d'ici à là. Donc, notre destination est notre alimentation portuaire 1 et vous pouvez le voir ici. Nous avons de l'animation et nous pouvons choisir un certain nombre d'animations différentes. Alors comment ils marchent, la transition se dissolvent va ressembler. Donc nous avons l'animation dissout, donc ça va se dissoudre d'un aéroport à l'autre. Ensuite, nous avons l'assouplissement. Alors comment facile ou dur nous voulons que la position de l'orteil ressemble, ici nous avons ces derniers dehors, qui est fondamentalement va soulager de cet aéroport, cet aéroport. Et enfin, nous avons la durée, qui est fondamentalement combien de temps cela va prendre. Dans la vidéo suivante. Nous allons explorer les déclencheurs et les actions pour voir quels sont les différents déclencheurs dus à différentes actions et comment vous pouvez les utiliser dans votre travail de conception. Alors je te verrai là-bas. 26. Triggers et actions Adobe Xd Basics: lorsque vous créez des prototypes entre vos ports, vous voulez utiliser différents déclencheurs dans différentes actions pour différents types d'effets que vous souhaitez obtenir. Imaginez donc lorsque nous cliquons sur cette image, nous voulons que cette image se développe. Et c'est ce que nous allons faire dans cette vidéo. Et je vais expliquer cette action de déclenchement et tout le reste ici. Donc, quand un saut à la conception, je vais changer cela. Donc, je vais ouvrir cette image et vous pouvez voir que j'ai cette image juste ici et je vais tout étendre vers le bas. Mais d'abord, je vais le déplacer jusqu'au bout des orteils ici, par exemple. Ensuite, je vais sauter à l'intérieur et simplement cliquer sur mon image et je vais l'étendre tout le chemin jusqu'ici, et je vais simplement déplacer cet avatar ici. Quand je clique dehors, vous pouvez voir à quoi ça ressemble. Peut-être que je peux même l'agrandir pour aller jusqu'ici pour que nous puissions tout déplacer comme ça et enfin, je peux cliquer sur mon image et vous pouvez voir que nous avons un rayon de cinq coins. Je peux cliquer sur mon zéro et il va devenir droit sur tous ces coins maintenant va revenir au prototype. Ce que je veux faire, c'est quand quelqu'un clique ici, je tape ici. Nous voulons développer cette image et puis quand ils cliquent ici, il les ramènera à cet original de notre port. Alors faisons ça. Je vais traîner cette poignée bleue jusqu'ici. Donc, quand quelqu'un clique, pas juste ici, Transition va être animée automatiquement. Et c'est fondamentalement X'd savoir ce qu'ils vont mettre où utiliser leurs connaissances en IA et apprendre que la sortie a en arrière-plan et fondamentalement ce qu'elle va faire est rechercher les couches et les noms de couches voient leur position ici et ici. Donc, par exemple, j'ai déplacé cette image ici. C' était juste ici, et j'ai déplacé toutes ces icônes vers le bas, et j'ai également augmenté cette taille de cette image. Donc, il sait que j'ai fait toutes ces étapes et il va les répliquer en utilisant l'animation. Et vous allez voir dans une seconde à quoi ça ressemble la destination est le flux. Une fois que nous allons de là à ça, nous avons l'assouplissement. Peut-être que je veux utiliser est en dehors parce que je voulais assouplir aussi bien que c'est hors de cette animation et enfin la durée. Peut-être qu'on peut utiliser 0,3 seconde. Mais vous avez toutes ces variations ici. Et vous pouvez utiliser votre personnalisé. Ainsi, par exemple, si vous voulez utiliser quatre secondes, vous pouvez simplement cliquer sur quatre appuyez sur, entrez ou retournez. Et toute cette animation va durer quatre secondes. Mais revenons rapidement aux orteils, peut-être 0,4. Et je veux juste te montrer ce qu'il contient ici. Donc, quand je clique ici, on a la traînée. Ainsi, par exemple, nous pouvons utiliser le drag toe afficher tout ici, se déplacer de haut en bas, par exemple. On peut utiliser des clés dans les pads de jeu. Ainsi, par exemple, si vous concevez un jeu ou si vous concevez un site Web pour un jeu, quelqu'un va accéder à l'aide d'une manette de jeu afin que soit la manette PS, la manette Xbox ou qui sont d'autres manettes, d' ailleurs, vous pouvez le faire, donc vous devez avoir ce contrôleur de jeu particulier pour lequel vous concevez votre jeu ou votre site Web, afin que vous puissiez entrer toutes les différentes commandes à l'aide de ce jeu contrôleur. Enfin, nous avons la voix. Alors imaginez simplement si vous concevez pour Amazon, Alexa pour Google assistant pour Siri ou quelque chose comme ça, vous pouvez utiliser la voix pour afficher comment toutes ces différentes interactions vont orteil ressemblent et notre est allé à se produire lorsque l'utilisateur est à l'aide de leur orteil vocal, émettre une commande. Donc quelque chose va orteil se passe quand ils disent certaines choses ci-dessous que nous avons l'action . Donc, nous avons auto animate que nous avons déjà choisi, mais nous avons la transition. Si vous choisissez la transition, vous avez cette transition ici sélectionnée. Mais si vous choisissez l'animation automatique, vous n'en avez pas car il sait déjà ce que vous allez faire, et il va utiliser sa magie pour créer cette option. Mais si l'utilisation de la transition, vous pouvez choisir parmi les EAU Rieti hors de différentes positions. Donc, de dissoudre coulissant gauche, droite , haut , bas, poussant, gauche , droite, arrêter et vous pouvez faire tout hors d'eux ou vous pouvez même sélectionner aucun droit ici. Si vous ne voulez pas qu'un orteil de transition se produise, nous avons trop pour que nous puissions superposer quelque chose sur quelque chose d'autre. Imaginez donc que vous avez ce menu et que vous voulez quand les utilisateurs cliquent ici. Ce menu va superposer les orteils sur tout hors de nos écrans. Une fois de plus, imaginez que vous avez, genre, 100 écrans différents ici, et vous avez un écran séparé pour le menu. Vous pouvez simplement faire cette action de superposition, et elle sera superposée sur tous ces écrans dans la même position. Quoi que vous le disiez quand quelqu'un tape ici en dessous de la mort, nous avons des lectures de discours. Encore une fois, vous pouvez, uh, créer certaines actions en utilisant la lecture vocale. Donc, quand quelqu'un dit une phrase ou un mot, cela déclenchera la lecture de la parole. Donc, il va vous montrer cette action et enfin, précédent notre port quand vous voulez aller orteil avant notre port. Donc, une fois de plus, nous allons utiliser auto animation comme destination définie ici, et vous pouvez même en utiliser aucun si vous voulez utiliser des composants lors de la conception de ceci. Mais nous allons en couvrir un peu dans la prochaine vidéo quand nous commencerons concevoir notre application. Enfin, nous avons l'assouplissement, donc nous n'avons aucun est dans, dehors, en clin d'œil, enroulez et arcs. Donc, évidemment, celui que vous choisissez l'assouplissement va regarder un peu différemment. Donc, si elle ne choisit aucun, il n'y aura pas d'images d'assouplissement est sorti. L' Italie est hors de l'animation et ainsi de suite et ainsi de suite. Enrouler, accrocher et rebondir A vraiment utile dans certains cas dans d'autres pourrait ne pas. Donc, vous pourriez envisager d'utiliser des facilités. Et une vraie recommandation que vous faites, parce que si vous choisissez de ne pas, il va simplement se mettre en position sans aucun de ces facilités en place. Donc, utilisons-les pour notre cas et comme une durée définie est de 0,4 et enfin la position fixe lors du défilement. C' est ce que j'expliquais. Vous pouvez corriger dans cette partie du menu, par exemple, pour le défilement ou ce menu d'arrêt ou quelque chose comme ça. Donc, c'est vraiment à vous et à votre cas Maintenant, quand vous voulez en prévisualiser cela, nous allons rapidement le télévirer en arrière. Donc, comme je l'ai dit, quand quelqu'un clique sur cette flèche, ça nous ramènera. Alors laissez-moi sélectionner cette flèche et vous pouvez utiliser le contrôle et cliquer directement dans votre forme. Donc, nous allons utiliser l'icône de flèche dans notre cas, et je vais simplement le faire glisser en arrière. Et parce que Eggs D est vraiment intelligent, il saura que nous avons sélectionné l'étape pour la première action que nous avons sélectionnée des animations automatiques, donc il va s'animer automatiquement. Nous avons sélectionné la destination. Donc, il est allé de l'alimentation des pieds d'orteils un, et nous allons revenir en arrière quand ils cliqueront sur cette flèche. Donc, il va revenir aux pieds enfin assouplir. Si vous vous souvenez, Riccio est en dehors et durée zéro point pour. Donc, il est fondamentalement répliquer tous ces mêmes paramètres sur ce notre port, et il va revenir en arrière en utilisant exactement la même animation. Donc, tout semble cohérent et tout regarde ensemble lorsqu'il est assemblé au résultat final. Donc, si vous voulez le tester, tout ce que j'ai à faire est de cliquer ici sur le nom de l'aéroport dans l'icône d'affichage de clic juste ici haut, et cela va lancer un aperçu du bureau, et je vais expliquer ce qu'il est dans le prochaine vidéo. Alors je te verrai là-bas. 27. Cours de base Adobe Xd Bases d'Adobe XD: Lorsque vous voulez prévisualiser ce que vous avez fait pour vous-même, vous avez quelques options, sorte que vous pouvez cliquer ici sur l'aperçu du bureau et il va lancer cette fenêtre et juste ici dans cette fenêtre, si vous êtes Si vous vous souvenez, nous utilisons le robinet. Donc, quand je tape ici, il va s'agrandir, et il repositionnera toutes ces différentes icônes, et il repositionnera cette image juste ici vers le haut. Et si vous vous souvenez, quand nous cliquerons ici, il redémarrera dans sa position d'origine. De cette façon, vous pouvez prévisualiser tout ce que vous avez fait avant même de l'envoyer à votre client juste pour que vous sachiez par vous-même si vous avez fait le bon travail ou non, et vous savez quel genre de changements vous devez apporter dans l'ordre. Deux suivi bref dans les directives de conception que vous recevez pour de votre client, l'autre façon vous pouvez prévisualiser il est ici en utilisant l'aperçu mobile, vous devez installer gratuitement adobe eggs, l'application sur votre iPhone ou sur votre téléphone Android, , puis pour n'importe quel téléphone que vous concevez, vous pouvez utiliser cet aperçu mobile et vous pouvez prévisualiser cette conception directement sur votre appareil mobile . Maintenant, vos clients peuvent le faire, vous pouvez simplement leur envoyer le lien, et ils peuvent simplement l'ouvrir en utilisant leur téléphone. Ils doivent utiliser dans leur téléphone connecté via un câble USB. Mais l'équipe de Toby dit qu'à l'avenir, ils seront en mesure de le faire. Pourquoi airdrop pour les appareils Iose ? Et pourquoi WiFi, par exemple, pour les appareils Android ? Mais pour l'instant, vous devez utiliser un câble USB connecté à votre ordinateur. Adobe est l'application installée, puis vous pouvez prévisualiser cet aperçu directement sur votre téléphone. C' est un excellent ajout à avoir, parce que c'est là que vous pouvez être sûr que toutes ces tailles de téléphone sont assez grandes pour qu' ils puissent être vus que vos points de robinet sont optimisés. Ainsi, par exemple, les utilisateurs de menthe marchent ici. Ils n'ouvrent pas cette image par erreur, mais ils ont ouvert cette image parfaitement comme ils le voulaient. Si cette icône de menu est assez grande, vous contestez toutes ces choses différentes. En utilisant cela, ce sera oeufs, l'application, ou, si vous voulez voir par vous-même, vous pouvez cliquer ici pour l'aperçu du bureau, et vous pouvez montrer ce directeur à son client ou à votre équipe. S' il y a quelque part près de vous ou votre aperçu cela dans le cadre de la démo pour incliner et ils peuvent simplement cliquer ici et interagir avec votre prototype. Vous pouvez même cliquer ici pour positionner cela au centre afin que vous ayez moins de distractions autour, et plus vous avez de ces effets dans vos prototypes, plus cela ressemblera à un vrai laboratoire, et plus de clients le comprendra mieux et saura quelles sont les capacités. Plus tard, lorsque cette conception arrive à la phase de développement et que les développeurs mettent la main sur votre conception dans la prochaine vidéo, je vais vous montrer comment vous pouvez enregistrer ce prototype en tant que vidéo et comment vous pouvez envoyer cette vidéo à son client à nos parties prenantes ou aux utilisateurs, afin qu'ils puissent voir cette vidéo ou que vous puissiez même l'utiliser dans le cadre de vos présentations. Donc, si vous présentez ce design par hasard ou dribble, par exemple, il ne peut jamais être vraiment utile de montrer cette vidéo à votre public car ils seront alors en mesure de comprendre la même chose comme ses clients le feront. Comment votre design est conçu pour être vu et utilisé et comment il va ressembler à ceux codés , donc je vous verrai là-bas. 28. Cours de base Adobe Xd Bases de Prototype d'enregistrement Adobe XD Bases: Si vous voulez enregistrer une vidéo sur votre prototype, c'est vraiment simple à faire. Tout ce que nous avons à faire est de cliquer ici sur l'aperçu du bureau. Et puis si vous êtes sur un Mac, vous pouvez simplement cliquer ici, et il commencera à enregistrer ce que vous faites ici dans votre prototype. Mais si vous êtes sur les fenêtres, vous avez des fenêtres d'utilisation de remorquage. Gardez perdu G. Alors laissez-moi utiliser que pour l'instant, et il va ouvrir de l'enregistrement Xbox, et tout ce que nous avons à faire est de cliquer démarrer l'enregistrement. Ou vous pouvez utiliser des fenêtres de raccourci plus ancien plus R, et il va commencer l'enregistrement. Et puis vous pouvez expérimenter avec votre prototype. Vous pouvez cliquer à gauche et à droite dans. Fondamentalement, lorsque vous avez terminé, vous pouvez appuyer sur arrêter l'enregistrement, et lorsque vous arrêtez l'enregistrement, vous pouvez prévisualiser cela et va essentiellement l'enregistrer comme une vidéo séparée. Donc, c'est là, juste là. Si vous faites un clic droit peut l'ouvrir avec des films et de la télévision, vous pouvez voir à quoi cela ressemble, Donc vous allez pouvoir voir que lorsque je clique ici, il va montrer cet effet Et puis vous pouvez utiliser cette vidéo dans vos présentations commence, dribble ou ailleurs. Vous pouvez également l'envoyer à nos clients, parties prenantes ou membres de l'équipe afin qu'ils puissent voir, par exemple, quand ils sont en déplacement. Et ils n'ont pas la possibilité d'utiliser les oeufs, le en ligne afin qu'ils puissent cliquer pour eux eux-mêmes et explorer un peu plus détails sur ce que vous avez fait avec vos prototypes. Une onction sur les fenêtres que vous n'avez pas sur le Mac est quand vous ouvrez ceci en vidéo, vous pouvez voir cette barre blanche juste ici en haut. Vous ne pouvez pas voir cette barre blanche sur Mac, mais vous pouvez le faire sous Windows. Et pour l'instant, il n'y a pas de solution. Malheureusement pour les utilisateurs de Windows, les utilisateurs de Mac vont continuer à l'utiliser sans aucun problème. Mais pour les utilisateurs de Windows, vous pouvez utiliser quelque chose comme photo shop, par exemple, après la première des effets ou quelque chose comme ça, sorte que vous pouvez recadrer sur cette vidéo et vous pouvez essentiellement couper cette partie d'arrêt, puis il va en fait s'intégrer parfaitement dans son téléphone plus de tasses, par exemple. Si vous voulez utiliser plus de majuscules lors de la présentation de cette vidéo Dans la vidéo suivante, nous allons parler de partage. Quelles sont vos options de partage à l'intérieur d'Adobe X'd et comment vous pouvez partager ces conceptions, que vos clients pour obtenir des commentaires et pour obtenir les révisions en cours et pour finaliser cette conception avec votre usine, donc je vais vous voir là-bas. 29. Partage de votre cours de base Adobe XD Bases de travail Adobe XD: Lorsque vous avez fini de concevoir et de prototyper vos conceptions Maintenant vient le temps de partager et les oeufs sont parfaits pour cela parce qu'il a conçu le prototype et le partage tout en un seul. Tout ce que vous avez à faire est juste ce que les coups de couteau. Imaginez que nous ayons terminé ce prototypage. Nous avons inclus tous les différents effets que vous voulez et nous voulons présenter ceci conçu à notre client. Comment pouvons-nous faire ça ? Tout ce qu'ils ont à faire est simplement de cliquer ici. Mais il dit partager et vous avez peu d'options ici. Donc, juste ici, en haut. Le lien apparaîtra ici lorsque vous le créez afin que vous puissiez modifier le titre de ce projet . Alors appelons-le,par exemple, par exemple, nourrir juste pour que nous puissions le garder cohérent avec le nom éteint. Ce notre port, vous pouvez voir le réglage. Alors, où voulez-vous partager cela avec votre client ? Si vous souhaitez obtenir des commentaires sur votre conception ou votre prototype, vous allez utiliser celui-ci. Si vous voulez envoyer ce design à vos développeurs, alors vous allez utiliser celui-ci pour le développement qui va partager les spécifications de conception et les développeurs vont être en mesure de voir différentes couleurs, positions, marges, literie, tailles, hors fonds, comment différentes icônes ressemblent à des images et ainsi de suite. Nous avons des présentations optimisées pour présenter votre design. Si vous souhaitez l'utiliser dans un environnement,par exemple, par exemple, sur un environnement de bureau, si vous le présentez à vos clients en test d'utilisateur personnel afin qu'il supprime toutes les différentes barrières. Donc, les utilisateurs doivent essentiellement comprendre tout pour eux-mêmes comment ils peuvent être une utilisation ce prototype en temps réel. Donc, si vous collectez des données utilisateur et que vous faites des tests utilisateur, c'est ce sur quoi vous devriez vous concentrer ici. Et enfin, nous avons la coutume pour que vous puissiez personnaliser tout ce qui apparaît à l'écran lorsque quelqu'un d'autre regarde ce prototype. Ou lorsque vous partagez ce produit dans le cadre de la présentation, par exemple, afin que vous puissiez optimiser. Ont-ils les commandes de navigation ? Est-ce qu'ils ont la section commune si vous voulez recevoir les commentaires ou non, et des choses comme ça juste pour que vous puissiez le personnaliser autant que possible et pour qu'il corresponde à vos exigences ? Donc, pour notre cas, utilisons simplement l'examen de la conception, et vous pouvez exiger un passeport. Si vous voulez que les clients s'ouvrent. Cela en utilisant un possible, vous pouvez cliquer exiger possible, puis vous pouvez taper votre mot de passe ici. Enfin, vous pouvez cliquer sur créer un lien, et cela va charger orteil 100% et en fonction de la taille ou le plus petit projet est, combien de différents nos bateaux vous avez. Et enfin, combien d'images vous ici parce que les images sont grand contributeur. C' est combien de temps ça va prendre. Donc, ce que vous pouvez faire ici est simplement cliquer ici, copier le lien, et je vais simplement coller ce lien en utilisant mon navigateur Google Chrome. Et voici à quoi cela ressemble pour que je puisse simplement cliquer ici, et cela me montrera cet effet. Je peux cliquer ici pour revenir en arrière, et c'est essentiellement si vous imaginez ce que vous allez envoyer à votre client ici, vous pouvez retourner à l'écran d'accueil et c'est notre écran d'accueil. C' est un deuxième écran, donc même sauter ici. Vous pouvez voir qu'il retourne à l'écran d'accueil et si vous imaginez que nous avons, comme 50 différents nos ports ici. Il montrera le numéro 50 ici, et les clients peuvent faire défiler entre chacun de nos tableaux ici en utilisant ces commandes. Enfin, si quelqu'un veut vous laisser des commentaires, il peut le faire. Donc, en créant un compte adobe gratuit et puis simplement en plaçant cela été orteil ici, par exemple, et peut-être que je veux dire, rendre cette image plus grande, comme ça, et je peux simplement cliquer sur soumettre. Vous pouvez l'utiliser au caractère si vous voulez mentionner un utilisateur, ce qui est un excellent ajout. Ainsi, par exemple, si vous travaillez en tant que membre de l'équipe, vous voudrez peut-être mentionner un designer qui a conçu cette partie du design. Vous pouvez simplement les mentionner ici. Ils recevront une notification. Il va les ping, puis ils peuvent sauter en arrière et voir par eux-mêmes, ce qui est la rétroaction pour eux. Mais si je passe juste ici entre les écrans, vous ne pouvez plus voir les commentaires car les commentaires sont sur un autre écran et vous pouvez voir qu'ils sont sur les pieds. Un. C' est ce flux un écran, mais l'écran pieds est l'écran, qui contient cette rétroaction. Ainsi, par exemple, vous pouvez simplement sauter en arrière. Cliquez ici et il le ramènera à cet écran, et vous pouvez simplement cliquer. Imaginez ses 50 commentaires différents sur cet écran de votre client. Vous pouvez simplement cliquer sur Want numéro deux. Il vous mènera à son numéro un numéro trois et ainsi de suite, et chaque commentaire sera marqué avec ce numéro. Lorsque vous avez terminé avec les modifications, vous pouvez facilement résoudre rapidement, et il supprimera ce commentaire. Et vous pouvez simplement passer à l'étape de votre processus de conception et vous êtes d'accord pour simplement partager un autre avec votre client lorsque vous l'avez terminé, puis ils peuvent vous fournir de nouveaux commentaires. Et puis vous pouvez plus un jusqu'à ce que le bateau arrive à l'accord que le processus de conception est terminé. C' est donc à quel point il est facile de partager avec Adobe X'd si vous souhaitez apporter des modifications supplémentaires . Alors nous allons sauter à la pointe de notre design. Et si je clique ici sur mon image, et peut-être que je peux abaisser la ville apace juste un peu, je peux revenir à partager et Aikens frapper le lien de mise à jour parce que j'ai fait ce changement et je veux mettre à jour mon lien. Et une fois qu'il se termine ici sur 100%, je peux simplement cliquer sur Copy Link ou je peux cliquer sur ce lien et il va l'ouvrir dans un nouvel onglet sur mon navigateur. Comme vous pouvez le voir, il se charge et une fois terminé, une fois le chargement terminé, vous pouvez voir que la ville Obey est abaissée sur cette image. Donc, quand je clique dessus, vous pouvez voir que ce changement l'écran n'a pas changé. Mais quand je saute en arrière, l'écran a et il a été mis à jour comme si je vous recommande de le faire juste ainsi. Par exemple, vous avez 20 écrans différents, effectuez ces 20 modifications, puis appuyez sur le lien de mise à jour. Sinon, vous devrez aller écran par écran et mettre à jour, mettre à jour, mettre à jour, mettre à jour à chaque fois. Vous devez le faire avant de l'envoyer à votre client. Dans la prochaine vidéo, nous allons explorer comment vous pouvez travailler avec différents types de fichiers dans Adobe X'd. Quels sont les avantages ? Quels sont les inconvénients et comment vous pouvez améliorer votre travail complet et rapide tout en utilisant d'autres types de fichiers ? Donc, je te verrai là-bas 30. Travailler avec des fichiers Adobe XD Basics Basics: lorsque vous travaillez avec des fichiers dans Adobe X'd, il y a quelques éléments que vous devez savoir. Vous pouvez utiliser des fichiers internes, ce qui signifie des fichiers que vous avez créés vous-même à l'intérieur d'Adobe X'd. Vous pouvez également importer un fichier externe créé avec Adobe X'd ou un autre logiciel. Avec chaque mise à jour, éteint devient de mieux en mieux avec l'ouverture dans le traitement des fichiers filles. Mais la plupart des fichiers que vous pouvez ouvrir avec Adobe X'd à part pour Native Files sont pour les fichiers Shop Illustrator Sketch et SPG. Exit peut également gérer l'importation d'images en J, Peg et PNG, ainsi que l'ouverture de la plupart des PDF dans cette section du cours. Je vais expliquer comment vous pouvez utiliser des fichiers externes ainsi que la ressource est dans Adobe X'd. Les différences les plus courantes entre ces extensions de fichiers et les problèmes et les solutions que vous pourriez vous attendre à l'intérieur de l'extérieur seront 60. Alors commençons 31. Cours de base Adobe XD pour Adobe XD XD Basics: lorsque vous travaillez avec ex soufiles à l'intérieur d'Adobe X'd, il n'y a qu'une chose que vous devez savoir et c'est le cas. Essayez de garder votre X'd mis à jour autant que vous le pouvez. si Par exemple, vous travaillez dans X'd occasionnellement et que vous y revenez, assurez-vous d'abord d'avoir mis à jour afin d'obtenir les dernières fonctionnalités. Donc, par exemple, vous avez vu cette vidéo ou une autre vidéo et vous avez vu un avenir que vous pourriez aimer et vous sautez à X t et vous voyez que vous n'avez pas cette fonctionnalité. Assurez-vous simplement de le mettre à jour, surtout si vous téléchargez et utilisez Resource est à partir du Web. Donc, soit vous les enfants blancs ou certains de mes compacts ou quelque chose comme ça, parce que les oeufs sont mis à jour si fréquemment en ce moment, et pour le moment ils sont lancés sur mise à jour tous les mois. Parfois, ces mises à jour ne sont pas aussi énormes. Parfois, ils le sont. Assurez-vous donc que si vous utilisez, ressource est ou que vous travaillez avec le client et que le client vous a envoyé le X souillé que quelqu'un d'autre a créé et que vous essayez de l'ouvrir. Vous voyez que quelque chose ne va pas. Assurez-vous de le mettre à jour. La dernière version, en particulier avec d'énormes mises à jour comme celle-ci était et l'ajout de composants et de composants imbriqués . Imaginez que vous ouvrez les fichiers. Vous ne savez pas ce qui se passe, et parfois X'd vous empêchera d'ouvrir le fichier en premier lieu parce qu'il détecté qu'il a été créé dans une version plus récente et que vous utilisez une ancienne version du logiciel, donc c'est tout ce que vous devez savoir. Fondamentalement, assurez-vous juste de mettre à jour les oeufs chaque fois que vous y revenez et assurez-vous juste que vous êtes sur la dernière version, surtout si vous faites, par exemple, collaboration. Parce que si vous êtes sur la dernière version et que la personne avec laquelle vous collaborez ne l'est pas, alors la collaboration ne fonctionnera pas correctement. Assurez-vous simplement de suivre ces directives, et vous serez d'accord avec l'utilisation d'Eggs D et de ses fichiers natifs 32. Cours de base Adobe Xd: lorsque vous travaillez avec quatre fichiers boutique dans Adobe X'd. Il ya quelques choses que vous devez savoir parce que pour la boutique est principalement conçu pour être un outil de retouche photo , et la sortie a été conçu à partir d'ils veulent être Vous êtes. Vous exprimez leurs quelques différences clés, et le principal étant que pour le magasin est une carte de bits. Il va et le X de est un outil victor, ce qui signifie que lorsque vous zoomez dans la boutique photo, vous pouvez voir les pixels tandis que lorsque vous zoomez dans X D. Vous ne pouvez pas, parce que ce n'est pas un peu carte, il sera Autres différences comprennent des filtres. Ainsi, par exemple, si vous appliquez ah, filtres de texte lourds, ils ne doivent pas bien transparent à X 'd pendant qu'ils travaillent dans quatre magasins, comme ils le devraient. En outre, certaines mosquées peuvent ne pas fonctionner dans les œufs D, car ils sont dans le magasin. Parce que l'ecstasy utilise différentes mosquées. Les objets intelligents peuvent ne pas se transférer bien aux œufs D, comme ils le font dans quatre magasins. Voici donc le premier exemple. J' ai ceci de l'un de mes enfants U Y et j'ai ces en-têtes d'appel de page et c'est un fichier Photoshopped, et vous pouvez voir que ce moke up a été placé à l'intérieur de l'objet Smart, et vous pouvez voir qu'il sort juste ici. Donc, pour résoudre ce problème, je pourrais vouloir sauter à l'intérieur du contrôle de frappe sur D. Mettez ceci juste au-dessus de mon téléphone, et ça va couvrir le téléphone. Je vais frapper le contrôle, puis sélectionner ces outils. Donc BG et téléphone clic droit et choisir mosquée avec la forme. Et maintenant, vous pouvez voir qu'il est situé à l'intérieur de cette mosquée, dans un désordre séparé de la foule . Ici, j'ai été mosquée, et je vais résoudre ce problème. Mais c'est ce que je disais. Certaines choses pourraient ne pas transférer si bien à X'd de quatre coups, parce que, parce que, comme ils l'ont dit, quatre boutique est juste un logiciel beaucoup plus ancien. Il a environ 30 ans, alors que X'd vient de commencer il y a quelques années, et naturellement il n'a pas les mêmes caractéristiques que pour le magasin, parce qu'il ne fait pas la même chose que quatre magasins. Certaines choses ont été transférées récemment de quatre Shop deux x D. Donc ces modes de fusion, si jamais vous utilisez pour la boutique, vous êtes familier avec eux, sorte que vous pouvez utiliser ces modes de fusion comme vous le faites dans quatre boutique ici dans X'd. Mais certaines fonctionnalités sont manquantes, comme les filtres de souffleur et l'application de correctifs afin que vous puissiez corriger vos images. Donc toutes ces choses sont toujours à l'intérieur de quatre magasins, mais ils ne seront tout simplement pas transférés aussi bien. Pourquoi sont Photoshopped fichier si vous les ouvrez en utilisant Adobe X'd, vous pouvez ouvrir les oeufs les fichiers dans la boutique photo juste pour que vous puissiez réparer certaines de ces images, même frapper enregistrer. Et il va revenir dans Adobe X'd avec cette modification enregistrée appliquée. Mais c'est cuit dedans. Tu ne peux plus le changer. Vous devez ouvrir le fichier une fois de plus dans quatre magasins, donc éditer une fois de plus et donc enregistrer et revenir dans Adobe XY afin que vous puissiez utiliser à nouveau dans X T afin que vous puissiez ouvrir pour afficher les fichiers. Mais ce sont des limites si importantes et vous devez être conscient de cela. Et dans la prochaine vidéo, nous allons parler des fichiers illustrateurs. Alors je te verrai là-bas. 33. Cours de base Adobe XD: la même chose est avec les quatre fichiers de boutique que vous pouvez ouvrir illustrent des fichiers dans Adobe X'd. Mais assurez-vous juste que vous comprenez qu'il y a quelques limitations ici aussi. même histoire est avec la boutique de photos Illustrator est sur le marché depuis le plus longtemps, et dans ce temps quelques mises à jour importantes ont eu lieu. Toe Illustrator, So Ill servi a juste que beaucoup plus à faire et à offrir, et il a tellement d'outils orteil offrent aux créateurs. Par conséquent, Exit ne peut tout simplement pas suivre certains effets majeurs comme, par exemple, certaines ombres avancées. Un peu d'arrière-plan avance floue. Peut-être qu'un contrôle de ligne ne sera pas aussi bon dans les oeufs D que dans Illustrator, juste parce qu'Adobe Illustrator est conçu comme un outil d'illustration dès le premier jour et Adobe eggs est destiné à l' U. Y. le premier jour. Sinon, tout devrait fonctionner normalement et vous pouvez l'ajouter du texte. Vous pouvez éditer des images ici. J' ai mes os IOS fil produit kit de cadre, et si je double-clique ici, vous pouvez voir qu'il ouvre tout. Vous pouvez changer les couleurs de sorte que vous pouvez changer la couleur ici. par exemple, vous pouvez double-cliquer sur le texte pour changer lui-même. Par exemple, en tapant ici. Peut-être en Grèce comme ça. Et quand je saute, vous pouvez voir que vous pouvez changer le dossier. Ainsi, par exemple, peut être une photo contributive. Vous pouvez voir que cela change ce front et vous pouvez changer tout ce que vous voyez ici. Donc, par exemple, je pourrais vouloir changer la couleur de cette image. Peut-être que je peux le changer pour quelque chose comme ça Rouge, par exemple. Dans quelque chose comme ça, vous pouvez créer différents composants en utilisant les composants que vous voyez ici. Vous pouvez donc vraiment jouer avec ce fichier illustrateur. Il peut vraiment vous être extrêmement utile, et vous pouvez l'utiliser au quotidien dans vos projets. Mais assurez-vous juste de comprendre que si la personne à partir de laquelle vous utilisez ce fichier a appliqué des filtres avancés et des fonctionnalités avancées que X'd ne prend pas en charge, alors assurez-vous simplement de contourner ces problèmes et vous créez ce même look à l'intérieur d'Adobe X'd ou simplement utiliser la version la plus simplifiée de cet effet pour obtenir la même chose à l'intérieur d'Adobe X'd 34. Cours de base Adobe Xd Basics: est génial car il peut facilement ouvrir des fichiers d'esquisse et ils sont totalement utilisables et vous pouvez les utiliser sur une base quotidienne. Et Adobe Steam travaille dur pour apporter des fonctionnalités encore plus avancées lorsque vous utilisez des fichiers d'esquisse à l'intérieur d'Adobe X'd afin que vous puissiez voir ici que j'utilise ce fichier d'InVision appelé Atlas Dark et vous pouvez Donald et l'utiliser si vous voulez. Là, c'est gratuit et ici nous avons les versions mobiles, les versions tablettes. Nous avons des versions Web juste ici. Et enfin nous vous avons. Pourquoi les couleurs et les composants principaux. Et c'est ce qui est vraiment important parce que tous ces composants ont été transférés à partir du fichier d'esquisse d'origine. Et si vous avez déjà utilisé esquisse, vous devez créer essentiellement les pages séparées pour vos composants. Donc, fondamentalement, une page sera pour la conception. Une page sera pour ce mobile conçu une pour le Web, une pour les tablettes et ainsi de suite. Et l'autre page sera pour les composants, par exemple, tandis que dans Adobe X'd les choses sont un peu différentes, donc tous vos composants sont situés juste ici, vous pouvez voir que nous avons ces commutateurs et petits boutons et ainsi de suite, et saluer à propos de X'd c'est que vous pouvez voir qu'il est situé à deux endroits. Donc, il a deux instances et je peux cliquer avec le bouton droit de la souris modifier le composant maître. Et il va créer ce composant maître pour moi, et je peux ensuite simplement l'éditer et ensuite apporter ces modifications. Donc, si je zoom ici, vous pouvez voir que nous avons cet écran de bienvenue, par exemple, et ces Mobil et ainsi de suite. Donc, quand je clique ici, je peux maintenir ma touche de contrôle et cliquer à droite en vue. Ceci et vous voyez que nous avons cet int Grady je peux sauter à l'intérieur juste ici et cliquer sur les couleurs, et ça va sauver ce radiant. Donc, si je fais un clic droit ici, cliquez sur Modifier, et je peux simplement faire des changements à ce Grady int et il va s'appliquer orteil. Comme vous pouvez le voir, partout où nous avons ce même radiant ici va aux pieds. Appliquez ces mêmes modifications, sorte que vous pouvez utiliser des essais d'effraction à l'intérieur d'Adobe 60. Mais assurez-vous juste que vous êtes conscient des limites qu'ils ressortent parce que adobe et sketch sont des entreprises complètement différentes, des philosophies complètement différentes. Et la chose la plus importante est les croquis Mac Onley. Alors que la sortie fonctionne à la fois sur PC et Mac et une dernière chose, je veux juste mentionner que vous ne pouvez pas exporter des fichiers d'esquisse à partir d'Adobe X'd pendant que vous pouvez les importer. Vous ne pouvez pas les exporter car Adobe souhaite que vous continuiez à utiliser son produit. Donc, fondamentalement, vous pouvez ouvrir des fichiers d'esquisse et ils vont continuer à travailler dur sur une meilleure intégration. Et ils vont vous permettre d'ouvrir ces fichiers de capture en beaucoup plus de détails. Et ils vont enregistrer, par exemple, ces composants et styles de caractères, etc. Mais la chose principale et importante ici est que vous ne pouvez pas les exporter en arrière un fichier d'esquisse. si Par exemple, quelqu'un vous a envoyé des fichiers d'esquisse pour travailler avec eux dans Adobe X'd, vous pouvez le faire. Mais vous ne pouvez pas les envoyer. C' est un fichier de capture. Tout ce que vous pouvez faire est fondamentalement exporter SPG, ou soit l'enregistrer en tant que fichier X'd natif, puis les envoyer 35. Utiliser des polices libres dans Adobe Xd Basics: lorsque vous venez de commencer dans votre carrière de design, il est important d'économiser autant d'argent que possible parce qu'au fil du temps, vous obtiendrez orteil ont ce céleri et que les gains qui va vous permettre d'acheter des ressources Premium est donc soit images premium, polices premium,icônes premium, icônes premium, plus de tasses et ainsi de suite. Mais quand vous venez de commencer, il est important pour vous d'être en mesure de trouver la ressource gratuite est juste pour que vous puissiez pratiquer et que vous puissiez apprendre un peu mieux sur la façon dont les pros font certaines choses. Donc, dans cette prochaine section du cours, je vais vous montrer que des ressources sont là où vous allez obtenir des fonds gratuits. Des images gratuites, des icônes gratuites, plus de tasses dans quelqu'un. Donc, dans cette vidéo, nous allons parler de polices gratuites, que vous pouvez utiliser pour des projets personnels et commerciaux. Donc, la première ressource est Google fonds, et c'est un off. ressource la plus utilisée est sur le Web parce que ceux-ci sont optimisés sur le Web dans des fonds basés, ce qui signifie que vous pouvez les utiliser à la fois pour l'impression et le travail de conception Web, et il fonctionnera correctement parce que leur essayé et testé à partir du goof sur vapeur. Donc, comment vous pouvez utiliser ces fonds est que vous pouvez simplement taper quelque chose ici. Vous pouvez rechercher des fonds si vous savez lequel vous voulez télécharger. J' ai donc ce front en tête appelé Playfair Display. Ici, c'est. Et vous pouvez simplement cliquer ici et vous contestez ce front et vous pouvez taper ici quelque chose de sorte que vous pouvez taper dans l'affichage Playfair juste pour que vous puissiez voir comment différents ressemble comme Vous pouvez augmenter la taille du téléphone juste ici pour que vous puissiez voir à quoi ça ressemble. Par exemple, sur le plus petit écran sur le plus grand écran, juste ici et tout le chemin vers le bas. Donc, si vous avez une phrase en tête et que vous voulez la tester en mer, par exemple comment elle ressemblera sur le plus petit écran de l'appareil mobile, vous pouvez la voir par vous-même juste ici. Ci-dessous, nous avons les appariements afin que vous puissiez voir avec quels autres téléphones ce front est épargné. Eh bien, à partir des polices Google off, évidemment. Ainsi, vous pouvez installer ces deux fonds et vous pouvez les utiliser afin que vous puissiez voir ici. C' est le jeu pour l'affichage. Il est utilisé dans le titre et Roboto est utilisé ici pour ce paragraphe afin que vous puissiez voir à quoi cela ressemble et vous pouvez les changer ici. Donc maintenant vous pouvez voir que le Roboto est celui pour le titre et le jeu pour l'affichage est celui utilisé pour le paragraphe et vous comparez certains d'entre eux ici aussi et vous pouvez voir l'utilisation. Alors, quels sont les pays qui utilisent le plus ce téléphone ? Vous pouvez faire défiler le chemin vers le bas pour voir combien de fois cette Fontes années plus d'informations afin que vous puissiez en savoir plus sur la licence si vous voulez sur le fonds. Alors qui a conçu l'avant et ainsi de suite ? Ici, vous pouvez voir quelques caractères spéciaux qui sont inclus à l'intérieur des fonds et à quoi ressemble Glitch. Ainsi, vous pouvez, par exemple, si vous concevez pour vos clients qui sont quelque part à l'extérieur. Ainsi, par exemple, la Russie ou mon pays, la Serbie, ou quelque chose comme ça, vous pouvez avoir ce front en série et vous pouvez voir à quoi cela ressemble si vous voulez l'utiliser pour ces projets. Enfin, lorsque vous voulez télécharger le front n'importe quel front de fonds Google, vous pouvez simplement cliquer sur sélectionner ce front et il va l'ajouter ici et a dit une famille sélectionnée Y von famille. Eh bien, parce que vous avez des styles et des poids majeurs sur ce devant inclus à l'intérieur. Donc, vous avez, par exemple, nuit régulière Alec audacieux, semi-gras et ainsi de suite. Donc, selon le front, vous aurez plus, tous moins sur ces options lorsque vous téléchargez un fonds particulier afin que vous puissiez voir ici. Si vous voulez l'utiliser pour le Web droit où vous pouvez l'incorporer en utilisant ce code, par exemple, vous pouvez le spécifier dans See valuer, sorte que vous pouvez voir ici comment ces tribunaux devraient ressembler. Et vous pouvez utiliser ce guide de démarrage pour des exemples de la façon dont les téléphones peuvent être ajoutés aux pages Web. Si vous concevez pour le Web et que vous commencez à faire des devis et que vous voulez utiliser celui-ci, par exemple, vous pouvez utiliser ce guide pour en savoir plus sur la façon dont vous pouvez mettre en œuvre ce fonds particulier dans votre site Web. Vous pouvez même aller de l'avant et personnaliser davantage le personnaliser afin que vous puissiez voir combien ces façons sont ici. Vous pouvez donc les sélectionner tous. Par exemple, si vous voulez toe, téléchargez-les tous que vous pouvez voir dans les langues. Donc, quelles langues sont prises en charge et vous pouvez voir quels types de texte hors, ce dont je parlais sur le cyrillique sont supportés ici afin que vous puissiez les sélectionner tous ou même simplement les décocher tous. Et, par exemple, voulez juste utiliser un régulier, et vous pouvez simplement pleuré ici pour télécharger ce front. Vous pouvez même utiliser sky iPhones, qui est une sorte d'extension, et vous pouvez utiliser cette extension pour installer et utiliser les fonds de la bibliothèque de polices Google plus facilement sur votre machine. Ensuite, vous pouvez simplement installer cette façade comme vous le faites régulièrement sur votre machine et vous serez prêt à partir. Il apparaîtra dans Adobe X'd, tout comme dans tous les autres logiciels. Et une autre ressource que je veux mentionner est la création de marché afin qu'ils vendent la ressource Premium est , et vous pouvez cliquer ici. Mais il dit obtenir des marchandises gratuites, et chaque semaine ils envoient six marchandises gratuites, donc parfois ils incluent des fonds intéressants ici. Vous pouvez simplement partager ceux-ci et ci-dessous si vous voulez les déverrouiller. Et tout cela est différent chaque semaine. , Par exemple, nous n'avons pas de fonds inclus. Mais attendez une autre semaine et peut-être que vous pouvez obtenir télécharger le front gratuit. Tout ce que vous avez à faire ici est de créer un compte gratuit. Vous pouvez utiliser votre Facebook, vous pouvez utiliser votre email, il suffit de créer un compte gratuit et vous pouvez simplement télécharger et utiliser tous ces éléments. La ressource est à l'intérieur de celui-ci obéit à la si c'est quelque chose que vous voulez. Enfin, nous avons des fonds Adobe et vous pouvez utiliser ces téléphones ici et vous pouvez les parcourir tous. Mais la différence entre les téléphones Google et les téléphones mobiles est copines sont tous libres tandis qu' avec les polices adobe, vous avez certains qui sont gratuits, et vous avez d'autres qui sont premium de sorte que vous pouvez explorer un peu plus et vous avez orteil sélectionner lequel de ces téléphones que vous souhaitez utiliser. Vous pouvez voir ces packs, par exemple, et vous pouvez voir ici comment cela fonctionne. Vous devez parcourir les fonds que vous avez remorqué, les activer afin que vous puissiez simplement utiliser le bascule lorsque vous voulez commencer à utiliser un front ou un groupe de fonds. Donc, si vous vous souvenez de l'installation des oeufs de la vidéo, je vous ai dit que vous devez créer un compte Adobe gratuit pour que vous puissiez télécharger X'd et l'installer sur votre machine . Vous pouvez alors utiliser ce compte gratuit, activer ces fonds et vous ne pouvez pas simplement les utiliser dans votre adobe X'd. Vous pouvez voir certains d'entre eux et à quoi ils ressemblent, et vous pouvez les parcourir tous ici, et vous pouvez simplement cliquer sur les fonds et cela vous mènera à la liste des polices. Et vous pouvez simplement la vraie famille, puis simplement activer ceux que vous voulez utiliser sur votre machine. Mais juste un Si vous allez commencer et que vous n'avez pas le package Adobe premium, vous pouvez utiliser des téléphones gratuits ici afin que vous puissiez cliquer ici avec le nom et le plus récent. Vous pouvez le trier comme pour que vous puissiez choisir un échantillon. Alors quel texte vous voulez ? La bière d'orteil juste ici pour que vous puissiez voir à quoi ça ressemble vous pouvez les trier et ainsi de suite et ainsi de suite. Donc c'est fondamentalement tout pour le plaisir. Voir la vidéo suivante. Nous allons parler des images gratuites, pourquoi elles sont importantes, et surtout où vous pouvez les trouver sur le Web afin que vous puissiez les utiliser sur vos projets, donc je vous y vois. 36. Utiliser des images gratuites dans Adobe XD Basics: Peu importe ce que vous concevez, vous avez besoin d'images pour représenter ce que vous essayez de représenter dans vos conceptions, et surtout si l'état du budget du client. Et si vous venez de commencer, vous voulez utiliser des images gratuites autant que possible, mais vous ne voulez pas utiliser n'importe quelle image libre. Vous voulez utiliser des images de haute qualité, qui sont créées avec un but, et elles auront l'air bien dans vos conceptions. Et, le plus important de tous, ils vont pieds représentent ce que vous essayez de montrer dans votre conception mieux que ces actions gratuites que vous trouvez sur Google. Et tu ne sais même pas si la licence le couvre. S' ils n'ont pas le permis, quelqu'un va vous poursuivre plus tard et ainsi de suite. Dans cette vidéo, je vais vous montrer quelques ressources différentes est ou images gratuites que vous pouvez utiliser dans vos designs. Ils sont tous de très haute qualité, et je vous recommande vraiment de les utiliser car cela rendra vos designs plus polis et plus professionnels lorsque vous utilisez ces images gratuites. Donc, pour commencer, peut-être la ressource la plus connue est sur Splash dot com. Maintenant, toutes ces images sont gratuites pour vous d'utiliser à la fois dans le travail personnel et commercial. Vous pouvez redonner une licence au photographe si vous le souhaitez, mais c'est quelque chose qui est une option pour vous, pas une exigence. Vous pouvez en savoir plus sur leurs licences, mais fondamentalement vous pouvez les utiliser gratuitement sans aucune reconnaissance au photographe original , et vous pouvez les utiliser à la fois dans le travail personnel et commercial. Donc, si vous faites défiler vers le bas, vous pouvez voir à quoi ils ressemblent, donc ils sont vraiment de haute qualité. Vous pouvez les trier par catégories, et vous pouvez même taper ici. Donc, si j'ai pris voiture, par exemple, il me montrera différentes voitures différentes et ces étiquettes étendues juste ici. Donc, pour les cerveaux hors voitures, si vous voulez télécharger l'une de ces images à partir d'une éclaboussure, vous pouvez simplement cliquer ici et vous pouvez le collecter et vous pouvez l'ajouter à votre collection, ce qui est vraiment important, surtout si vous envoyez ces images. Toe n'a pas développeurs, donc vous pouvez créer votre compte gratuit ici sur une splash, et vous pouvez collecter ces images, les ajouter à vos collections et puis simplement quand vous avez terminé avec eux, vous pouvez envoyer le lien à la collection aux développeurs, et ils peuvent les utiliser en haute résolution si c'est quelque chose qu'ils veulent, ou vous pouvez simplement revenir à la collection Donald, toutes ces images dans la plus grande taille possible, puis envoyer ce fichier ZIP retour aux développeurs si c'est quelque chose qu'ils avaient besoin. Si vous voulez télécharger ces images, vous pouvez le faire à partir d'ici. Donc, si vous utilisez Google comme je le fais, vous pouvez simplement cliquer avec le bouton droit de la souris sur copier l'image et ensuite la baste directement dans votre ex D. Ou vous pouvez simplement télécharger gratuitement ici, et il vous montrera cette invite en bas afin de créer n'est pas nécessaire, mais il est apprécié et permet aux photographes de gagner une exposition. Vous pouvez copier le texte ci-dessous ou incorporer un badge de crédit à votre site Web. Donc encore une fois, appuyez simplement sur la copie juste ici, et il copiera ce texte et vous pouvez le renvoyer à votre client. Et s'ils le veulent, ils peuvent le montrer sur leur site Web ou si vous l'utilisez pour votre bloc,par exemple, par exemple, c'est bien si vous voulez le créditer, mais comme je l'ai dit, ce n'est pas nécessaire, mais c'est juste une bonne volonté si c'est quelque chose que vous voulez dio. La prochaine ressource est choisit un bébé, donc c'est fondamentalement le même que sur Splash. Mais sur les choix obéissent. Vous devez créer un compte pour que vous puissiez télécharger des images. Vous pouvez les télécharger à partir d'ici. Ainsi, par exemple, si je clique sur cette image, je peux simplement copier l'image. Mais il sera téléchargé en très petite taille. Si vous voulez orteil, obtenez la plus grande taille possible pour cette image particulière , par exemple, vous devez vous connecter et vous devez vous inscrire. Désolé pour le compte gratuit, puis vous pourrez le télécharger dans la plus grande taille possible. Vous pouvez également créer des collections ici peut aimer les images. Vous pouvez suivre les gens si vous aimez leurs images, et chaque fois qu'ils téléchargent, vous recevrez une notification et vous condenserez le saut en arrière et explorerez leurs images. Vous pouvez même laisser des commentaires ici si vous le souhaitez. Et tous ces sites font de l'argent. Vous pouvez voir que le courrier Chimp sponsorise l'ONU Splish et Adobe est sponsoring choix obéir ou ceci est simplement un lien d'affiliation de leur côté, et quand vous cliquez ici, ils obtiendront la commission. C' est ainsi que ces sites font de l'argent. Mais les images sont gratuites, et vous pouvez simplement télécharger vos propres images si vous voulez les partager avec le monde entier. Et c'est ainsi que ces communautés de photographie naissent sur ces sites Web. Ensuite, nous avons des pixels, qui est fondamentalement le même parle Obey et Becks. ALS est un peu différent parce qu'ils collectent des images de différents sites Web et les leurs . Donc, si je fais défiler un peu vers le bas, vous pouvez voir que ce sont les utilisateurs qui ont téléchargé ces images par le premier défilement encore plus vers le bas. Nous allons trouver certains, comme vous pouvez le voir, qui sont téléchargés par ces autres marques afin que vous puissiez voir des images d'une splash juste ici ou de choix obéissent, en particulier des vidéos, parce que parfois ils télécharger ces très belles vidéos, et vous pouvez les utiliser dans votre travail, évidemment, gratuitement. Mais dans ces vidéos, vous pouvez voir qu'ils sont téléchargés par, par exemple, des choix obéissent ou un splash, ou certains de ces autres sites Web, et ils essaient. En faisant cela, ils essaient de vous attirer en tant que visiteur, par exemple, retour aux photos, abate ou dos orteil sur Splash. Donc, tous ces différents sites Web partagent le trafic entre eux. La ressource suivante est éclater que Shopify point com et ce nom devrait vraiment apporter une cloche parce que Shopify est cette plate-forme en ligne où vous pouvez acheter un site Web similaire Toe War wordpress si vous avez une entreprise et vous pouvez mettre en place cette entreprise. Ainsi, par exemple, si vous vendez quelque chose en ligne, vous pouvez aller sur Shopify et sur le site Web essentiellement, et vous pouvez le créer et le réorganiser pour répondre à vos besoins, et vous pouvez ajouter autant de à ce que vous voulez. Fondamentalement, vous les payez une fois par mois ou une fois par an, et vous pouvez vendre et avoir votre propre entreprise de filer votre propre site Web en utilisant Shopify. Mais ils ont cette explosion de la collection d'images de point com Shopify, et ils sont plus orientés vers les petites entreprises et les entrepreneurs. Ainsi, par exemple, si vous voulez utiliser certaines de ces images dans votre entreprise, vous pouvez voir Donc, si vous dirigez une entreprise de café, par exemple, vous pouvez cliquer sur cette collection et vous pouvez utiliser certaines de ces images là vraiment de haute qualité, et vous pouvez voir qu'il ya beaucoup de gens dans ces images parce que cela apportera un site humain à votre entreprise plutôt que simplement utiliser des tasses et des tasses et juste debout café comme ceci. Vous pouvez voir que, Par exemple, si vous vendez des bijoux en ligne, vous pouvez cliquer ici, et vous pouvez voir à quoi ressemblent toutes ces images, et ils sont même vous donner quelques conseils et astuces. Donc, ce n'est pas seulement un site Web de partage d'images, mais ils essaient de vous aider à faire avancer votre entreprise, et ce faisant, ils veulent vous vendre Shopify. Mais ils sont vraiment utiles dans ces étapes. Et vous pouvez vraiment appliquer certaines de ces étapes, surtout si vous prenez vos propres photos pour votre propre entreprise. Ainsi, vous pouvez voir à quoi ressemblent certaines de ces photos en ligne, et vous pouvez voir quelques conseils et astuces plus loin. Et enfin, je veux vous montrer cette ressource, qui est le point des stocks que je suis, et cette ressource est vraiment énorme parce que vous pouvez voir ici tout le, euh, prime ainsi que la ressource gratuite est sur la gauche, et sur celle de ces options sur laquelle vous cliquez. Il vous mènera à ce site et nous venons de voir éclater par Shopify et quand je clique ici , il l'ouvrira dans un nouvel onglet. Donc, il vous donne toutes ces ressources différentes est dont nous avons parlé sur splashed. Lorsque vous cliquez ici, il vous mènera à une éclaboussure et vous pouvez explorer certains d'entre eux directement à travers ce site Web afin que vous puissiez voir ce site Web que vous pouvez sans quitter les stocks. Je pensais que je le suis. Vous pouvez télécharger dans ces images et vidéos. Enfin, vous pouvez voir ici que nous avons sélectionné des photos. Vous pouvez sélectionner des couleurs et il va charger sur la table afin que vous puissiez sélectionner quelques couleurs différentes . Vous pouvez voir quelques icônes, mais sa loi charge le stock de l'obturateur. Donc ce n'est pas gratuit. Tu dois payer pour ça. Si vous cliquez sur des vidéos va charger des éléments de mouvement. Et si vous voulez utiliser ces marques, vous pouvez voir que vous pouvez les utiliser aussi bien et son loup intact de charge afin que vous puissiez voir quelques appariements amusants . Et donc c'est vraiment une belle ressource. Si vous voulez utiliser les images gratuites et vous pouvez trouver des couleurs libres, téléphones gratuits, icônes gratuites et ainsi de suite. Tous attendent ce site Web pour ne pas avoir à naviguer à travers tous. Mais si vous voulez notre si vous aimez un certain style de l'un de ces sites Web. Ainsi, par exemple, vous aimez cela et le style de splash d'images que vous pouvez utiliser juste sur splash si vous le souhaitez. Dans la prochaine vidéo, nous allons parler d'icônes et d'où vous pouvez obtenir des icônes gratuites, donc je vous y retrouverai. 37. Utiliser des icônes libres dans Adobe XD Basics: Je considère vraiment important dans votre travail de conception, surtout si vous travaillez pour le Web ou, pour le moment, ABS, parce que quelles icônes vous pouvez représenter plus qu'avec le texte de base. Et c'est pourquoi les concepteurs les utilisent de plus en plus ces dernières années. Donc, pour obtenir ces icônes gratuites, vous pouvez aller au matériel que je dois, qui est le propre Googles. Donc même, comme les fonds de goule dans la vidéo précédente. Ils ont cette conception matérielle point io, qui est Ils sont fondamentalement style de conception matérielle hors conception de leur APS et hors de leur système d'exploitation Android. Vous pouvez donc télécharger et utiliser ces icônes gratuitement. Et vous pouvez les utiliser à la fois pour un usage personnel et commercial parce qu'ils sont open source, comme vous pouvez le voir ici. N' essayez pas de les vendre parce que vous ne voulez pas que Google le fasse, alors vous pensez que c'est vraiment la dernière chose que vous voulez faire. Donc, en gros, comment vous pouvez les utiliser ? Vous pouvez simplement cliquer sur l'une de ces icônes, et vous pouvez le télécharger. Vous pouvez les trier par champ, décrit autour d'elle pour tonifier et tranchant, et vous pouvez utiliser n'importe lequel d'entre eux Donc, par exemple, ce rempli je pourrais simplement cliquer, et il va me montrer ici. Je peux ah, charger comme un SVG et je peux étendre cet orteil, en savoir plus et je peux inclure pour être blanc ou Toby noir. Vous pouvez changer cela comme vous le souhaitez. Vous pouvez le sélectionner pour IOS ou Android ou utiliser ces fonctions DP et vous pouvez voir cela comme un fonds d' icône comment vous pouvez l'utiliser dans votre manteau et vous pouvez choisir si vous voulez Donald comme un SVG ou comme un PNG sont plus bas, il est recommandé. Vous les téléchargez et les utilisez comme SVG parce que SPG est le format de fichier d'électeur, tandis que PNG va perdre de la qualité lorsque vous téléchargez sur le Web ou si vous l'utilisez dans votre travail de conception mobile. Donc, fondamentalement, vous pouvez dollar que comme un SPG, il ne perdra pas de qualité, et vous pouvez le mettre à l'échelle vers le haut ou vers le bas autant que vous le souhaitez. Et vous pouvez même aller à l'intérieur et affaiblir un peu cette icône afin que vous puissiez voir ces flèches. Par exemple, si vous ne voulez pas ces flèches pour quelque raison que ce soit, vous pouvez les supprimer et vous resterez juste avec ce texte en trois D. La ressource suivante est des icônes de boîte, et vous pouvez voir que c'est fondamentalement la même chose. Vous pouvez cliquer sur l'une de ces icônes, vous pouvez poupée lui due comme un PNG que vous pouvez utiliser sur citation HTML , et vous pouvez poupée SPG une fois de plus sur le recommandé Utilisez-les comme un SPG, et vous pouvez le voir comme un composant parce que les icônes de boîte sont créés à utiliser pour le Web et vous pouvez télécharger ces icônes séparément. Vous pouvez télécharger cette version et vous l'aurez comme un fonds d'armes, et vous pouvez ensuite l'utiliser comme une arme avec toutes ces icônes incluses à l'intérieur. Mais comme toujours, je ne le recommanderai pas, surtout avec ces grandes collections d'icônes, car, comme vous pouvez le voir, il vous faudra un certain temps pour trouver ce que je peux vous souhaiter si vous n'avez pas chargé. Mais ici, vous pouvez cliquer sur la recherche et vous pouvez taper, par exemple, profil. Vous pouvez frapper, entrer ou revenir, et il vous montrera toutes ces icônes pour le profil, et vous pouvez les utiliser à partir d'ici ou très éthiquement crié ici. J' ai été profil ou personne et vous pouvez voir ici ces icônes. Ensuite, nous sommes de retour sur le marché créatif et vous pouvez cliquer sur ce obtenir des marchandises gratuites. Comme je t'ai montré pour les besoins. Et parfois, vous pouvez trouver quelques icônes sans froid juste ici, et vous pouvez les utiliser dans votre travail. Et enfin, nous avons conçu gratuitement par des freebies de votre part. J' ai mangé point net et vous pouvez visiter ce site Web. Ils sont fondamentalement la même chose que le marché créatif qu'ils vendent ressource Premium est pour les concepteurs, mais ils ont cette section freebie que vous pouvez voir au moment où ils ont 344 cadeaux de conception . Vous pouvez voir tous ces différents enfants, plus de flics et quelqu'un. Mais parce que dans cette vidéo, nous parlons d'icônes, vous pouvez voir ces icônes collection ici. Par exemple. Vous pouvez utiliser ces icônes d'Halloween et vous pouvez faire défiler vers le bas et voir toutes les différentes icônes qu'ils ont. Le même ont quelques illustrations et quelque chose ainsi de suite et ainsi de suite. Ainsi, vous pouvez utiliser toutes ces ressources différentes est dans votre travail. Dans la prochaine vidéo, nous allons parler d'illustrations où vous pouvez les trouver et comment vous pouvez les utiliser dans Adobe X'd. Donc, je te verrai là-bas 38. Travailler avec des illustrations Adobe XD Basics Basics: parfois, lorsque vous voulez utiliser l'illustration dans votre travail, c'est vraiment difficile, parce que si vous n'êtes pas un illustrateur vous-même, il est vraiment difficile de répliquer le même style à l'aide d'illustrations différentes, car les illustrations sont souvent créé différemment. Donc, vous pouvez vraiment voir que le concepteur a utilisé différentes illustrations de différents styles de différentes personnes, et cela peut vraiment se traduire en design non professionnel. Et c'est pourquoi il est vraiment difficile de créer des illustrations quand vous n'êtes pas illustrateur, la façon de le contourner est de payer et d'illustrateur professionnel qui créera ces illustrations pour vous si vous ne savez pas comment vous illustrer vous-même. Mais si vous venez de commencer, il est vraiment difficile de gérer le financement pour cela. Et lorsque vous travaillez avec des clients, souvent, ils n'ont pas le budget pour l'illustration, sorte que vous finissez souvent par utiliser des images ou simplement des icônes. Heureusement pour nous, Eggs D a ce super plug in. Donc, quand vous cliquez ici sur le bouchon de la colonne vertébrale, il s'appelle andro, et quand je clique dessus, vous pouvez voir qu'il est créé par cette personne. Katarina boite. C' est seulement de l'aide. Je l'ai prononcé correctement, et vous pouvez voir qu'il ya une illustration gratuite pour les clients projets de design personnel dans n'importe quelle couleur que vous préférez. Ce que cela signifie, c'est que vous pouvez entrer les couleurs des clients ici, et cela accélérera l'illustration en utilisant ces couleurs, et vous pouvez également changer les illustrations nocturnes de sorte qu'il remplacera fondamentalement ces couleurs du blanc au presque sombre. Alors, comment peut-on utiliser ces illustrations ? Vous pouvez simplement cliquer ici, mais c'est une recherche. Et, par exemple, si je tape voiture et centre de presse, vous pouvez voir que toutes les différentes illustrations qui ont une voiture dedans apparaîtront. Et, par exemple, si je veux utiliser certaines de ces illustrations, disons celle-ci. Tout ce que vous avez à faire est simplement de cliquer dessus, et il sera prêt à coller maintenant. Ces illustrations sont créées dans SPG, ce qui signifie qu'elles ne perdront pas de qualité lorsque vous travaillez avec eux, et tout ce que vous avez à faire est simplement cliquer dessus car il est déjà copié dans le presse-papiers et vous pouvez la baser n'importe où ici sur votre conception. Donc, en un clic juste ici et appuyez sur le contrôle ou la commande V, il va orteil. Basé sur cette illustration. A l'intérieur de mon port et mon clic sur mon port et sauter aux couches. Vous pouvez voir qu'il est ici maintenant. Un inconvénient de ces frustrations est que si je les ouvre, vous pouvez voir que toutes ces parties sont différentes, et vous n'avez aucune de ces couches nommée, ce qui rend vraiment difficile de travailler avec parfois. Mais vous devez faire ce que vous devez faire car ces illustrations sont créées avec le même style. Alors ils te font travailler. C' est vraiment professionnel. Donc, ce que vous devez faire si vous voulez enlever ce gars de l'avant, par exemple, ou vous voulez juste enlever tout et avoir juste une voiture en focus, tout ce que vous avez à faire est que vous pouvez sur le groupe. C' est si juste. Cliquez ici, appuyez sur le groupe, et il regroupera toutes ces différentes couches pour vous, et vous pouvez simplement sauter à l'intérieur. Cliquez sur l'un de ces calques et vous pouvez maintenir la touche Maj et sélectionner simplement plusieurs calques. Et lorsque vous avez sélectionné autant de calques que vous voulez, vous pouvez simplement cliquer sur Supprimer sur votre clavier et, et, comme vous pouvez le voir, il sera tard. La majorité de ces couches. Maintenant, vous devez le faire si vous voulez supprimer des pièces des illustrations. Et disons que nous voulons juste enlever ce type de l'illustration et que vous devez le faire quelques fois pour que je puisse appuyer sur supprimer sur votre clavier. Comme vous pouvez le voir, nous faisons de très bons progrès. Mais parce qu'ils sont créés si délicatement et qu'ils incluent toutes ces ombres différentes, il faut parfois passer quelques fois pour en supprimer certaines. Maintenant, avec ces éléments, qui sont situés à l'extérieur des illustrations. Ainsi, par exemple, toutes ces fleurs en bas, vous pouvez simplement les sélectionner comme ainsi, en utilisant votre gauche, en utilisant votre gauche, plupart des clics et vous pouvez simplement appuyer, supprimer et les supprimer de la scène. Mais si vous avez vu trop comme vous pouvez le voir dans ce cas, je veux juste sélectionner le rocher jusqu'ici. Mais quand je suis légèrement monté, il va sélectionner la route aussi, donc vous devez faire ces deux techniques, donc vous devez utiliser votre touche Maj pour la majorité d'entre eux. Et si elles sont situées à l'extérieur du regroupement, vous pouvez simplement les sélectionner à l'aide de votre souris gauche Cliquez maintenant, par exemple, Si je dis OK, J'ai terminé. Peut-être que je veux juste enlever ces Leafs de l'arrière-plan, et je peux simplement le sélectionner comme ça. Et peut-être que je veux juste les supprimer tous et avoir cette juste une ligne et peut-être que je voudrais supprimer cet arrière-plan et voilà. Il nous reste maintenant avec l'illustration de la voiture recommandée Vous pouvez cliquer sur ce calque, par exemple. Vous pouvez voir que c'est cette lettre juste ici. Double-cliquez sur le nom de la couche est simplement taper la route parce que c'est notre route. Et de cette façon, nous pouvons savoir que toutes ces autres couches sont des couches pour la voiture de sorte que vous pouvez frapper le contrôle G pour les regrouper tous et simplement appeler cette voiture de groupe. Et maintenant vous pouvez savoir que c'est une voiture. Maintenant, si vous voulez changer l'une des couleurs de ces illustrations et que vous voulez les faire vôtres, vous pouvez le faire parce que, comme je l'ai dit, c'est un SVG. Si je zoome ah, beaucoup plus près comme si vous pouvez voir qu'il ne perd aucune qualité. Donc, disons que je veux juste changer les orteils certaines de ces couleurs pour les roues afin que je puisse tenir ma touche de contrôle et cliquer directement à l'intérieur. Et si je cache ma couche, vous pouvez voir ce que c'est. Et peut-être que je veux juste changer la couleur foncée. Donc, par exemple, celui-ci et moi pouvons faire la même chose pour cet autre testament et je peux simplement couvrir ici et cliquer ou peut simplement aller tout le chemin vers le bas et vous pouvez voir qu'il a changé de couleur American sauter à l'intérieur et changer tous. Mais vous avez l'idée de comment c'est fait, et c'est vraiment simple. Comme vous pouvez le voir, tout ce que vous avez à faire est simplement de sélectionner tous ces calques Vous pouvez les nommer, surtout si l'illustration est plus claire avec certains éléments à l'intérieur. Donc, si nous sautons à l'intérieur non tiré une fois de plus, vous pouvez cliquer ici et taper téléphone, par exemple, et vous pouvez voir que nous avons quelques très agréable simple pour les illustrations, et nous avons aussi quelques plus avancés. Imaginez, on utilise celui-ci et je peux cliquer quelque part dehors. Laisse-moi juste déplacer ma voiture vers la gauche et il contrôlerait. On l'a fait en. Comme vous pouvez le voir, tout ce que nous avons ici, c'est le téléphone et ce contexte. C' est donc beaucoup plus facile de travailler avec. Mais dans certains cas, comme dans le cas de cette voiture, nous avons beaucoup plus de couches à jouer et nous pouvons les ajouter à volonté. Maintenant, enfin, comment pouvez-vous faire brancher cette Andhra ? Vous pouvez simplement cliquer ici et vous pouvez cliquer sur la recherche et taper sur dro, puis appuyez sur Entrée. Et ici, il est juste ici, raison de l'avoir installé, il vous montrera en bas, il suffit de cliquer dessus et vous aurez ce plug in et vous pouvez ensuite rechercher l' illustration que vous voulez maintenant parce que ils n'ont pas autant d'illustrations que vous pourriez le penser . Et ils ne couvriront pas toutes les entreprises et les créneaux. Vous devez parfois travailler avec des illustrations proches de votre niche, mais elles ressemblent à ce que vous recherchez. Dans la vidéo suivante. Je vais vous montrer comment vous pouvez travailler avec plus de flics directement à l'intérieur d'Adobe X'd. Alors je te verrai là-bas. 39. Travailler avec des maquettes Adobe Xd Basics Basics: Lorsque vous avez terminé, votre conception fonctionne et que vous voulez le présenter à votre communauté ou à vos clients. Parfois, vous devez utiliser plus de majuscules parce que plus de flics montrent à quoi cet écran pourrait ressembler dans un scénario réel. Qu' il s'agisse d'une application mobile ou d'une conception de site web en sortie, l'UE peut utiliser plus de flics directement et les meilleurs plus de tasses. J' ai trouvé notre angle plus de tasses. Donc si je vous montre à quoi ils ressemblent ici, ils sont et vous pouvez les acheter pour 50$ moment, créant cette vidéo. Ou vous pouvez simplement télécharger un échantillon de quantité de test gratuit maintenant. Pour le moment, parce que X'd est fondamentalement si nouveau et les gens ont généralement marqué leurs trucs dans soit boutique de photos ou croquis pour les oeufs, le j'ai trouvé que c'est la meilleure solution Il ya jusqu'à présent donc fondamentalement ce qu'ils ont. A 600 appareils et plus de flics pour l'existence. Attraper parce que c'est un pacte qui fonctionne à la fois pour le croquis et les œufs D. Maintenant, c'est un oeufs particulier à l'arrière, et vous pouvez voir qu'il est 100% électeur. Vous pouvez simplement placer votre écran avec une prise d'angle est conçu pour fonctionner avec Adobe X'd, et vous obtenez tous les fonds d'écran scolaires dans la solution Vicari appareils android de 600 appareils au total. Vous pouvez voir certains de ces témoignages ici, et vous pouvez comme un ensemble par eux si vous voulez, ou tout simplement télécharger un échantillon gratuit, vous pouvez poupée Oh, l'échantillon gratuit Et tout ce qu'ils ont à faire est simplement installer cette fiche dans appelé angle. Et encore une fois, vous pouvez cliquer ici et cliquer sur la recherche et simplement l'angle de frappe pour un centre. Et vous pouvez voir que c'est ce 1er 1 ici. Assurez-vous juste qu'il est mis à jour. Donc, s'ils ont une mise à jour, lancez simplement mis à jour à partir de là. Et ce que vous pouvez faire est simplement que j'ai mon bavard que vous aimez, que j'ai créé ici ouvert. Et peut-être que je veux utiliser ce premier notre port pour le présenter dans un appareil mobile. Comment puis-je faire ça ? Donc, lorsque vous achetez et l'angle, voici à quoi il ressemble lorsque vous avez téléchargé. Donc, vous avez tous ces différents appareils s'ouvrent. Vous avez cette fiche d'angle dans laquelle vous pouvez installer à partir d'ici aussi. Et vous avez cet angle plus de tasses, X défile couteau juste sautant rapidement à travers cela. Peut-être que je peux ouvrir ce tennis iPhone et vous pouvez voir en face de la position d'argile avant pour l'argile, blanc, noir et ainsi de suite. C' est à quoi ils ressemblent fondamentalement, pour tous ces différents appareils. Et si vous voulez, vous pouvez simplement ouvrir le X souiller avec tous les appareils à l'intérieur juste ici, et vous pouvez utiliser n'importe lequel de ces orteils présenter votre travail. Alors peut-être que je veux utiliser un de ceux-ci. Peut-être. Peut-être, je ne sais pas. On peut en utiliser un ici. Peut-être que je peux utiliser celui-ci pour que vous puissiez simplement cliquer dessus. Devrait contrôler voir pour le copier. Et je veux le coller ici au port spatial. Ici, c'est. Et je veux juste utiliser ce 1er 1 qui s'appelle Splash. Et ce que vous devez faire est simplement de localiser l'écran pour la couche. Donc, si je saute au panneau des couches, vous pouvez frapper le contrôle et cliquer directement à l'intérieur et vous pouvez voir sa mosquée, verre et l'écran. Vous pouvez cliquer sur la couche d'écran a sauté votre panneau plug ins. Cliquez sur l'angle. Appliquer simuler, et ce que vous avez à faire ici est situé le premier écran, que vous voulez inclure, et je veux inclure cet écran de démarrage tous ont à faire est simplement de cliquer sur Appliquer, et cela fonctionnera sa magie dans le pour appliquer cet écran à votre maquette, et vous pouvez voir si je zoom un peu plus près. Vous pouvez voir que c'est vraiment de haute qualité. Il y a quelques problèmes, donc, par exemple, l'écran est épuisé ici. Vous pouvez résoudre ces problèmes si vous le souhaitez, mais lorsque vous créez une présentation, vous ne pouvez vraiment pas dire si elle est là ou non, surtout si elle est vue sous cet angle. Par exemple, quand vous avez plusieurs hors de ces écrans ici, comme je l'ai dit, vous pouvez utiliser plusieurs sur ceux-ci. Ainsi, par exemple, vous pouvez mettre beaucoup d'entre eux comme vous le souhaitez et vous pouvez utiliser. Et ce sont des ports juste ici, qu'ils ont déjà créés pour ces simulations. Ou vous pouvez utiliser le vôtre comme je vous l'ai déjà montré. Donc encore une fois, angez plus de flics à mon avis. Les meilleures maquettes actuellement pour Adobe X'd, et vous pouvez télécharger notre simple gratuit, comme je l'ai dit, ou vous pouvez simplement les acheter si vous le souhaitez. Et, comme vous l'avez vu, venir avec beaucoup de différents Marcus, que vous pouvez utiliser dans vos projets. Et ici, vous pouvez voir à quoi ils ressemblent sur la page Web, par exemple, et vous pouvez voir tous ces différents INT Grady et fonds d'écran à l'arrière. Maintenant, je peux te le montrer aussi, aussi, si je saute à l'intérieur. Ils sont des jambes angulaires D plus tasses, qui sont montrés vous et fonds d'écran ainsi. Donc, si un double clic et sauter à l'intérieur, vous pouvez voir tous ces différents papiers de bol. Et si je survolais l'un d'eux, par exemple, vous pouvez voir que c'est 5120 avec 2880 pixels, donc c'est vraiment énorme. Mais il est optimisé et seulement 117 kilo-octets en taille, ce qui est fantastique parce qu'ils sont assez optimisés. Cette image pour vous. Et quiconque a déjà fait de conception de site Web sait qu'ils ont orteil optimiser leurs images quand ils les envoient pour développer la poursuite peut voir que cette image de cinq K est juste 189 pixels. Désolé. Kilo-octets en taille. Et si j'ouvre l'un d'eux pour que vous puissiez simplement le vérifier. Donc, c'est à ça que ça ressemble. Et peut-être que je veux les changer et simplement vous montrer quelques-uns d'entre eux. Vous pouvez voir qu'ils sont vraiment énormes. De toute façon, zoom à l'intérieur. Vous pouvez voir sont beaucoup de détails dans ces images, et vous pouvez vraiment créer des variations différentes avec eux. Donc, vous pouvez peut-être utiliser juste cette partie de l'image et créer une attraction différente pour votre design. Donc, en gros, ce sont plus de tasses dans Adobe X'd. Et dans la prochaine vidéo, nous allons parler de vous. Je les enfants plus en profondeur et je vais vous montrer dans la prochaine série de vidéos comment vous pouvez créer la conception d'application mobile en utilisant certains de ces enfants blancs gratuits que vous pouvez trouver sur le site Adobes. Donc, je te verrai là-bas 40. Conception avec le cours de base Adobe XD Basics d'utilisation Adobe XD: lorsque vous commencez tout juste dans votre carrière de design, vous aimez que c'est un excellent orteil de ressources parce que vous pouvez explorer dur les concepteurs plus expérimentés , ils structurent leurs fichiers comment certaines conceptions sont créées et vous pouvez vraiment explorer la techniques. Les concepteurs plus expérimentés ont utilisé pour créer des designs, et vous pouvez simplement copier ces techniques, puis simplement plus tard, lorsque vous travaillez et travaillez et avez une certaine expérience dans le design, vous pouvez simplement adapter ces techniques et créer les vôtres. Donc, pour commencer, vous pouvez aller à Adobe dot com slash produits slash oeufs d slash ressource est et obtenir les, um, enfants que vous voulez. Vous pouvez voir que vos enfants sont sélectionnés ici. Et comme ils l'ont expliqué à New York, c'est une vidéo que vous pouvez choisir parmi le matériel de conception Apple conçu pour Google et Microsoft. Vous signez WPT. Mais vous pouvez aussi descendre et explorer tous ces différents vous I enfants que vous pouvez utiliser où les projets personnels et commerciaux et dans la vidéo d'aujourd'hui, nous allons utiliser ce knave il y a. Vous l'aimez et vous pouvez simplement aller à cette page et appuyez sur télécharger, et si vous voulez raccourcir cette page, vous pouvez simplement aller à la maison dans votre ex deep. Vous pouvez cliquer sur adultes, puis cliquer sur vous comme c'est et cela vous mènera à cette page. Donc, quand vous ne chargez pas maintenant, vous allez vous comme si c'était tout ça. Vos enfants vont être un peu différents parce que hors de leur structure, combien d'écrans sont inclus à l'intérieur, ainsi que quels composants et actifs sont inclus dans le téléchargement, et vous pouvez les utiliser sur cette page particulière. Ou vous pouvez aller orteil ici et puis cliquez simplement. Par exemple. C' est pour iPhone. Vous pouvez cliquer sur l'iPhone, et il ouvrira que notre port dans le nouveau document, et vous pouvez simplement copier et coller les éléments à ce particulier notre port. Alors, explorons-le rapidement. Vous pouvez voir dans le panneau acide juste ici parce que son panel est sélectionné que nous avons quelques fonds manquants. Mais allons-y par le haut. Vous avez les couleurs de sorte que vous pouvez faire un clic droit sur ces couleurs, les modifier et simplement ajuster. Cependant, vous voulez qu'il ressemble, et vous pouvez les voir mettre à jour en temps réel. Ceci est également utile si vous avez une couleur dédiée au client. Donc, c'est la couleur principale. Et par exemple, si je choisis ce beau centre de presse bleu trois e c six f f, vous pouvez voir qu'il va au bleu et tout change en bleu. Maintenant, c'est sur la fonctionnalité génial d'avoir à l'intérieur d'Adobe X'd, surtout si le client change d'avis. Ils veulent explorer, par exemple, foncées ou des couleurs plus claires ou différentes couleurs complètement. Et vous pouvez simplement sauter ici et changer toutes ces couleurs à la fois. Vous pouvez le faire pour toutes ces différentes couleurs ci-dessous que nous avons des fonds, et certains de ces fonds sont manquants. Mais ce n'est vraiment pas un problème. Vous pouvez télécharger et installer ces fonds, mais vous pouvez également utiliser vos propres fonds ci-dessous que nous avons les composants, et tous ces différents composants à partir d'icônes, cartes, cartes, messages et ainsi de suite sont sélectionnés par ces concepteurs et créé. Et vous pouvez cliquer ici pour développer la vue. Et vous pouvez également étendre cela si vous le souhaitez, comme vous le souhaitez. Oh, et vous pouvez obtenir une image plus large et plus claire juste ici de certains de ces composants afin que vous puissiez vraiment vous adapter à vos besoins. Vous pouvez le rendre aussi blanc ou aussi grand que vous le souhaitez, et vous pouvez aussi le ramener comme ça. Alors explorons ça que tu aimes. C' est et il dit qu'ils sont tous un peu différents. Mais avec ça ne va jamais. Tu aimes ça ? Vous avez ce tutoriel essentiellement ici, et vous pouvez appuyer sur le bouton de lecture juste ici pour prévisualiser ce prototype. Et, par exemple, si un clic quelque part ici, voyons ce que oui, vous pouvez voir ici, et vous pouvez taper, par exemple, vous pouvez revenir en arrière, et vous pourriez vraiment explorer ce prototype dans plus de détails. Mais commençons. Vous pouvez le voir dans le panneau des actifs juste ici. Vous pouvez changer les téléphones, les couleurs, tout, comme je l'ai expliqué, et vous avez confiné ce front sur les téléphones de type kit. Gibson, si vous voulez utiliser exactement le même fonds que ce concepteur l'a fait, et nous avons le guide juste ci-dessous, donc nous avons les éléments de base. On a les intrants de Heather. On a la carte. Donc, tous ces différents actifs et composants qui sont créés ici, nous avons aussi ici, sorte que vous pouvez les sélectionner, les copier à partir d'ici, puis les baste à votre propre design. Et je vais vous montrer dans un instant comment vous pouvez le faire facilement. Ensuite, nous avons principal pour que vous puissiez voir quelques explorations. Vous pouvez voir des cartes, des cartes et ainsi de suite. Nous avons l'écran de démarrage, qui est l'écran principal que l'utilisateur ouvre l'APP. Ensuite, nous avons le guide, qui va guider les utilisateurs à travers les écrans d'accueil et commencer les écrans et ainsi de suite . Et nous avons peu de variations à ce sujet. Nous avons des écrans de signature et d'inscription juste ici. Ensuite, nous avons des activités et des profils tous ceux créés à l'aide de ces différents composants. Et vous pouvez vraiment les explorer et les changer comme vous le ferez à côté d'avoir des statistiques et des informations. Donc, nous avons fondamentalement toutes ces statistiques d'activité, histoire, musique et certains ci-dessous que nous avons des menus et des extras. Donc, tous ces extras air essentiellement pop-up écrans et menus que vous pouvez voir et vous pouvez les changer à volonté. Maintenant, quand il s'agit de vos enfants, vous pouvez travailler dans ce document afin que je puisse simplement cliquer ici. parce que je sais que ce sont des écrans iPhone et je peux simplement cliquer, par exemple, sur certains d'entre eux. Cliquez sur celui-ci, par exemple, et il va créer qui font partie pour moi ici. Et je considère sauter à l'intérieur et j'ai bean écran d'accueil, par exemple centre de presse. Et ça va être mon écran d'accueil pour que je puisse simplement sauter à l'intérieur. Comme je l'ai dit, vous pouvez utiliser ces éléments et composants de base ou vous pouvez utiliser différents éléments de ces écrans. Et aussi une autre façon est, comme je l'ai dit, vous pouvez sauter ici, puis cliquez ici sur l'iPhone, nos ports, et il ouvrira que notre port dans un nouveau document. Vous pouvez double-cliquer ici, changer son nom et faire fondamentalement la même chose. Mais pour l'amour du temps, nous allons juste utiliser ce même document pour que vous puissiez revenir en arrière. Et, par exemple, utilisons ces éléments de base. Vous pouvez sauter dans le panneau des calques juste ici, et vous pouvez voir le dossier de base juste ici pour ne pas sauter plus profondément à l'intérieur. Certains d'entre eux, vous pouvez frapper contrôle ou commande, et vous pouvez cliquer à l'intérieur, et il vous prendra directement orteil que plus tard et vous pouvez voir. Mais utilisons-nous celui-ci pour entendre le contrôle, voir, et vous pouvez sauter jusqu'à notre port. C' est pourquoi j'ai dit, Peut-être que c'est une meilleure solution d'utiliser un document séparé et faisons cela juste pour que vous puissiez voir quelques fonctionnalités plus. Donc, nous allons utiliser ceci et je vais simplement nommer à l'écran d'accueil d'ici, et je vais frapper contrôle V base orteil, cet élément en place. Je peux cliquer ici pour le positionner en haut, et je peux l'agrandir. Toronto, vous pouvez frapper le contrôle zéro pour enclencher en position pourrait minimiser cela. Et maintenant, revenons en arrière et, par exemple, peut-être que je veux l'utiliser pour que vous puissiez voir Heather est juste ici. Et encore une fois, vous pouvez frapper le contrôle. Cliquez à l'intérieur. Trouve cette Heather. C' est celui-ci est Vous pouvez voir que c'est celui qui est sélectionné. Vous pourriez frapper le contrôle C et ensuite sauter dans un autre ex. Les documents ont frappé Control V et maintenant parce que nous n'avons plus besoin de cette barre d'état parce que nous l'avons juste ici, je vais juste le supprimer parce que nous l'avons bien placé à l'intérieur de cette bruyère pour que je puisse revenir en arrière. Ce dont j'ai besoin maintenant, ce sont des cartes. Peut-être que je peux choisir cette carte et je peux l'ouvrir et voir laquelle. C' est ça. C' est ce 1er 1 que vous pouvez entendre contrôler chercher. Et comme vous pouvez le voir, il est créé en tant que composant. Vous pouvez revenir à votre autre contrôle de frappe V, puis simplement positionner comme vous le souhaitez. Je vais les aligner et puis appuyez simplement sur Maj et flèche inférieure. 1234 ou peut-être même à positionner en 20 pixels avant. Et cette Heather, je peux aussi le déplacer juste en dessous, parce que c'est tout l'en-tête et je condense simplement sauter en arrière et peut-être que je peux utiliser d'autres éléments d'ici. Peut-être que je peux utiliser cette carte. J' aime ça. Hit contrôle C sauter dans son autre fichier frappé Control V et simplement déplacer à la même distance que celui en haut afin que vous puissiez l'aligner comme ça. Comme vous pouvez le voir, il montre 20 pixels et disons que c'est notre écran et peut-être que nous voulons utiliser quelque chose pour le bas de notre écran. Peut-être qu'on peut le trouver. Donc, par exemple, soit le bouton ou nous pouvons créer un onglet sont donc nous pouvons créer un onglet sont en allant simplement à l'indicateur de la maison parce que nous voulons utilisateurs orteil être en mesure de sortir de ce haut. Vous pouvez le positionner en bas, et maintenant j'ai juste besoin de quelques icônes juste ici. Je peux simplement revenir en arrière, situé leurs icônes, et je vous encourage vraiment à utiliser vos propres icônes. Ou peut-être qu'on peut voir s'ils ont créé une barre de pression pour ça, ils ne l'ont pas fait. Mais ça n'a pas d'importance. Nous allons simplement créer les nôtres afin que vous puissiez sauter à l'intérieur des icônes et vous pouvez simplement sélectionner les icônes que vous voulez. Donc peut-être que je veux utiliser ce cycle, qui est pour le partage de recherche de filtre. Et utilisons celui-ci pour les paramètres. Par exemple, il a frappé le contrôle C sauter dans un autre fichier frappé le contrôle V puis le contrôle de frappe simple G et appelé Cette étape sont déplacer tout le chemin vers le bas, et l'indicateur de la maison va aller tout le chemin vers le bas Donc localisez la barre fichue et vous peut maintenir le décalage dans la flèche du bas pour le pousser tout le long vers le bas. Et ce que je vais faire, c'est simplement repositionner certains d'entre eux. Donc, par exemple, je vais déplacer cette recherche vers le bas va être une deuxième application. Ce sera notre premier pas. Et peut-être que nous pouvons changer de paramètres et partager afin que vous puissiez appuyer sur Maj et les flèches pour déplacer toutes ces icônes vers la gauche et la droite. Et ce que je vais simplement faire, c'est les repositionner. Donc, shift 1234 par exemple, puis simplement sélectionné ces deux en maintenant Shift et je peux le positionner ici, par exemple, shift 1234 et ensuite faire la même chose pour celui-ci. 1234 Mais peut-être même six. Ensuite, sélectionnez ceci et sélectionnez ceci et plus encore avec 20 pixels orteil droit vers la gauche. Désolé. Et puis cliquez simplement ici pour vous positionner au centre. Et vous pouvez également les pousser par exemple, 20 pixels vers le haut de cet indicateur d'accueil. Donc, c'est fondamentalement comment vous utilisez ces que vous aimez, C'est Et maintenant, nous allons juste rapidement changé cet écran d'accueil Toby. Et maintenant, si vous voulez changer l'un de ces, vous pouvez simplement double-cliquer à l'intérieur. Vous pouvez voir que le fonds est manquant. Quoi ? Vous pouvez changer ce téléphone pour autre chose. Ainsi, par exemple, petit centre photo et vous pourriez voir à quoi cela ressemble. Et si je saute pour entendre le panneau d'actifs orteils, vous pouvez voir qu'il a transféré tous ces différents actifs du fichier d'origine. Mais si vous voulez les faire fichier local, vous pouvez le faire et simplement vous pouvez les sélectionner tous, clic droit, et vous pouvez supprimer. Et il va supprimer tous ces différents actifs. Et quand vous sautez à la couche, sortez et ouvrez un autre, vous pouvez voir qu'il n'y a plus d'actifs inclus ici pour ne pas créer vos propres actifs personnels. Vous pouvez simplement les changer. Donc, par exemple, je veux juste que cela s'appelle Filtre. Je veux juste que cela s'appelle Search, et vous pouvez sélectionner ce texte et laisser la recherche dans. Je veux juste faire ce ST Ng pour la part et enfin la même chose pour les paramètres, donc je veux juste créer le mien. Et comme vous pouvez le voir, ils auront ces antécédents. Donc, si je les ouvre tous, vous pouvez voir tous ces calques BG, qui sont pour les arrière-plans. Je n'en ai pas besoin afin que vous puissiez les ouvrir tous, maintenez le contrôle, cliquez sur 1er 1 et puis cliquez simplement sur tous, appuyez sur l'élite et va supprimer tous ces calques d'arrière-plan. Maintenant, si vous voulez créer des actifs à partir d'eux, vous pouvez simplement cliquer sur 1ère touche contrôle ou commande K et faire la même chose pour tous. Et maintenant, si nous revenons à ma s un spécial, vous pouvez voir que maintenant nous avons notre APS ici. Maintenant, si vous voulez sélectionner certaines de ces couleurs Donc, par exemple, j'aime cette couleur blanche. Vous pouvez simplement cliquer ici. Et comme vous pouvez le voir, il montre ces fonds manquants et vous pouvez les réparer en installant ce fonds. Ou vous pouvez simplement changer l'avant juste ici. Maintenant, par exemple, si je veux changer l'un de ces, peut-être que je veux créer cette image pour être plus grande. Je peux revenir à mon contrôle de contrôle du panneau de couches. Cliquez à l'intérieur. Vous pouvez voir l'image et vous pouvez voir qu'il a un assez grand rayon de coin. Mais peut-être que je veux le rendre plus petit. Peut-être 5%. Er vous pouvez voir à quoi cela ressemble, et si vous voulez l'étendre, vous pouvez faire la même chose. Peut-être que je veux placer ces icônes sur le dessus de l'image comme ça. Et peut-être que je veux que cette image couvre tout jusqu'ici, par exemple. Et tout ce que j'ai à faire, c'est simplement le déplacer ici. Donc, tout ces différents éléments viendront sur le dessus. Et peut-être que si je veux même changer cette image, tout ce que vous avez à faire est d'avoir votre dossier avec vos images ouvertes comme moi. Et par exemple, vous pouvez simplement sélectionner une image glisser-déposer à l'intérieur, et il remplira ce calque d'arrière-plan avec votre image, et vous pouvez également jouer avec encore plus de paramètres pour elle et laisser rapidement créer un image plus foncée que l'arrière-plan. Comme si et ce que je veux faire à partir d'ici, il suffit de les sélectionner tous, et peut-être que je veux les rendre blancs. Donc, comme ceci et vous pouvez localiser le contenu de ceci est de l'eau et juste assurez-vous que vous comprenez que certains d'entre eux ne sont pas vraiment tout ce que bien positionné. Donc, comme vous pouvez le voir, nous avons trop de dossiers différents à mon goût, au moins. Mais vous pouvez vraiment jouer avec elle, et vous pouvez créer votre propre structure. Ainsi, par exemple, vous pouvez voir que tout sur cette carte est situé dans ce dossier de contenu. Si vous trouvez cela déroutant, vous pouvez faire un clic droit sur le groupe, puis regrouper le vôtre, suffit de le laisser comme ça à l'extérieur. Maintenant, nous allons rapidement les changer afin que je puisse les sélectionner tous en utilisant shift. Et je peux simplement cliquer et choisir la couleur blanche pour ici. Et c'est essentiellement comme ça que vous modifiez ceux-ci que vous aimez. C' est comme je l'ai dit, tu pourrais changer ces fonds. Donc, ce que nous avons utilisé ici, c'est Roberta, je peux peut-être les sélectionner et je peux sélectionner ces deux textes et peut-être même tous, comme ça, puis choisir simplement un bateau à rames ici. Appuyez sur Entrée et il va appliquer cette sélection à tous ces fonds différents, et évidemment vous pouvez faire la même chose pour tous. Maintenant, imaginez juste que nous voulons changer la couleur de cette carte pour y accéder plus facilement, peut frapper le contrôle, cliquer sur l'aperçu et puis simplement changer la couleur de cette voiture à la couleur que vous voulez. Peut-être que je veux le rendre beaucoup plus sombre, peut-être comme ça. Peut-être que je veux aller dans cette direction. Et peut-être que je veux changer la couleur de ce texte orteil blanc donc il est typiquement pleuré. Ici, appliquez cela, ou si vous avez la couleur sélectionnée, vous pouvez simplement cliquer ici, et il appliquera cette couleur orteil ce texte. C' est donc à quel point il est facile de créer en vous utilisant. Je les enfants, Comme vous pouvez le voir, tout ce que vous avez à faire est vraiment copier et coller certains de ces éléments, puis vous pouvez sauter à l'intérieur et les éditer tous. Vous pouvez les repositionner. Vous pouvez inclure différentes ombres portées. Donc, si nous touchons le contrôle et cliquez à l'intérieur de cette abeille, Gee, si je l'ouvre à l'intérieur de mon panneau de calques et que je fais défiler vers le bas, vous pouvez voir qu'il a cette ombre d'arrière-plan ainsi que le flou d'arrière-plan. Si tu n'aimes pas comment ça ressemble à Dennis. Il suffit de l'éteindre, ou si vous voulez utiliser le même effet sur certains d'entre eux, vous pouvez simplement cliquer dessus, n' est-ce pas ? Cliquez sur Copier, puis simplement, par exemple, dans ce clic droit et l'apparence basée. Mais juste pour que vous sachiez, ça va se baser exactement sur la même apparence de celui-ci à celui-ci. Donc, comme vous pouvez le voir, il est passé de cette couleur sombre à cette couleur blanche. Mais vous pouvez sauter à l'intérieur et simplement le sélectionner d'ici encore une fois. Ou vous pouvez simplement situé ici dans votre livre de cul si vous l'avez, et ensuite vous pouvez appliquer cette couleur. Donc, c'est là. Et puis vous pouvez simplement appliquer la même couleur que vous pouvez voir, car tous ces bords sont droits. Il a déplacé tous ces bords pour être droit sur celui-ci aussi. Mais vous pouvez revenir en arrière et vous vous tenez, par exemple et voir à quoi cela ressemble. Donc obtenir vraiment ajouté de plus en plus. C' est à quel point il est facile d'utiliser vos enfants. Encouragez vraiment. Si vous commencez tout juste à télécharger, jouez avec eux, vous n'avez pas besoin d'en utiliser un. Tu l'aimes pour ton projet. Vous pouvez utiliser plusieurs différents vous j'enfants, mais assurez-vous juste que vous avez une certaine cohérence. Donc, par exemple, si vos téléphones ici sont 16 par exemple, ne faites pas que celui-ci soit 30. Ça veut être 15 ans et ainsi de suite. N' utilisez généralement pas plus de deux styles de téléphone différents, peut-être même trois, mais ne passez pas sur cela. Si vous utilisez des couleurs, assurez-vous de rester cohérent avec votre palette de couleurs. Vous n'utilisez pas beaucoup de couleurs différentes, donc vous n'avez pas. Par exemple, 50 couleurs différentes ont juste, comme 567 couleurs, quelque chose comme ça. Et faites juste votre chemin autour de ça. Voyez ce qui fonctionne le mieux pour votre design, puis simplement exploré. Jouez avec sortie. Jouez avec ça que vous aimez. C' est parce qu'une fois de plus, leur libre et vous pouvez utiliser n'importe lequel d'entre eux comme vous le souhaitez, et vous pouvez vraiment jouer avec eux. Et je vous encourage vraiment à réfléchir à votre propre projet et ensuite simplement travailler votre chemin autour de ces enfants pour créer ce projet. Il suffit de penser écrans riches ai-je besoin et ensuite simplement appliqué ces techniques pour que vous l'aimez et que la conception finale de la vôtre que vous voulez créer 41. Conclusion dans Adobe XD Basics: concevoir avec Adobe X'd est vraiment amusant parce que c'est gratuit. Constamment mis à jour, il a une grande communauté dans de nouvelles fonctionnalités sont ajoutées Tout le temps, vous pouvez passer de conçu au prototype pour partager et obtenir des commentaires tout au sein d'une seule application. Et parce que ce sont les fichiers basés sur le recteur sont vraiment petits, donc vous n'avez pas besoin d'une machine coûteuse pour l'exécuter. Je vous encourage à prendre des mesures, entraîner en utilisant deux conseils de ce cours et juste commencer. Ne vous inquiétez pas que vos designs ne soient pas superbes au début. Ils auront l'air incroyable au fil du temps, mais vous avez juste besoin de commencer, travailler sur vos compétences et de continuer à évoluer au fil du temps. Si vous aimez ce cours, jetez un oeil à mes autres cours sur Adobe X'd, où aller dans beaucoup plus de détails sur les projets, lescadres métalliques, cadres métalliques prototypes, animation et plus encore. Et si vous regardez ceci et YouTube, envisagez de vous abonner à d'autres vidéos sur le design. Merci de regarder et de passer une journée créative. Prenez soin 42. Mise à jour du cours et chaîne YouTube: que designer Alex ici. Et je voulais juste te remercier d'avoir suivi ce cours. J' espère vraiment que vous en tirez une certaine valeur et que vous comprenez comment utiliser Adobe X'd dans vos projets et comment cela peut profiter à votre flux de travail dans votre utilisation quotidienne ? Beaucoup d'entre vous m'ont demandé de mettre à jour le discours et d'ajouter plus comme des étapes ou des techniques, mais je ne vais pas le faire parce que c'est un cours de base Toby X'd et toute l'idée. Ce cours est de le rendre gratuit et disponible orteil n'importe qui dans le monde juste pour apprendre Adobe X'd et ce qu'il peut faire et ce qui s'échappe. Et puis j'ai mes cours premium si vous voulez payer plus en techniques de profondeur. Mais j'ai aussi créé une chaîne YouTube juste parce que ce but et vous pouvez aller visiter la chaîne YouTube, Je crois que le lien vers le bas dans les médias et vous pouvez y accéder. Il suffit de cliquer dessus, et il vous emmènera à votre général où je prends cela en profondeur vidéos et je vais vous montrer comment vous pouvez faire encadrer fil comment vous pouvez faire des conceptions Apple comment vous pouvez faire des conceptions Web étaient également parler de freelance et ce que vous pouvez réaliser en tant que pigiste. Nous parlons aussi des techniques de revenu passif. Donc, si toutes ces choses vous intéressent et que vous voulez obtenir autant de valeur gratuite, il est possible que la tête sur le général YouTube et une promesse que vous obtiendrez plus de valeur possible gratuitement. Bien sûr, mes cours premium sont toujours là. Et si vous voulez y accéder, vous pouvez. Peu importe ce que vous regardez ce cours et vous pouvez toujours aller sur mon site, qui est Alex sur le design point c o. et vous pouvez vérifier les anciens cours. Ils sont gratuits et premium aussi. Donc ici, pas de travail à la chaîne YouTube. Et je vous promets que vous allez obtenir autant de libre que possible pendant que vous et vous allez orteil apprendre Adobe dépasser encore mieux qu'en suivant ce cours gratuit. Merci encore une fois d'avoir suivi ce cours, et j'espère vraiment que vous allez voir ma chaîne YouTube. Ils se préoccupent 43. Rejoignez mon groupe Facebook gratuit: Hey, designer, j'espère vraiment que tu as apprécié le cours, et que tu en as autant de valeur que possible. Si vous voulez recevoir encore plus de valeur de ma part et de la communauté du design, j'ai créé un groupe Facebook. Où vous pouvez rejoindre est juste un groupe Facebook pour mes étudiants seuls afin que vous puissiez rejoindre en cliquant sur le lien ci-dessous ordre. Nate off course est un compte Facebook, et c'est un groupe gratuit à rejoindre. Le groupe est formé afin de vous fournir des commentaires supplémentaires afin que vous puissiez joindre vos dessins en suivant ce cours et en utilisant des exemples de ce cours ou tout autre autre hors de mes cours. Ou si vous avez vos propres exemples. Off design travaille du passé du présent. Vous pouvez télécharger ces œuvres sur Facebook Group, puis recevoir des commentaires soit pour moi, soit d'autres membres du design. Je vous encourage également si vous disposez d'un poste pour les partager dans ce groupe afin que tout le monde puisse bénéficier de ce groupe. Encore une fois, le groupe est libre. C' est facile à rejoindre. Il suffit de cliquer sur le lien dans le pdf, et je m'attends vraiment à voir autant d'entre vous que possible dans ce groupe juste pour partager nos expériences en tant que designers, et je vais essayer de poster quelques vidéos supplémentaires, quelques conseils supplémentaires et techniques dans ce groupe Facebook. Mais pour l'instant, on commence tout juste. Nous allons juste en former, et je vous encourage vraiment à vous joindre et à partager votre meilleur travail là-bas. Pour inspirer d'autres concepteurs ou orteils, demandez des commentaires supplémentaires. Assurez-vous simplement, s'il vous plaît, lorsque vous demandez des commentaires, demander des choses spécifiques. Ne demandez pas. Que pensez-vous de cette conception ? Parce que personne ne va répondre à ça. Ou s'ils le font, ils sont sur Lee. Ils vont te dire si ça a l'air sympa ou ça n'a pas l'air sympa. Assurez-vous de demander des commentaires spécifiques sur vos conceptions. Par exemple, faites comme cette combinaison de couleurs. Tu crois que je devrais utiliser un autre front ? Pensez-vous que ces images correspondent bien à la couleur de fond, par exemple, choses comme ça, Alors assurez-vous de demander des commentaires spécifiques lorsque vos conceptions, parce que cela va être beaucoup plus facile pour moi et pour d'autres concepteurs de ce groupe pour vous donner sont des commentaires précis que vous pouvez améliorer beaucoup plus rapidement, puis en demandant simplement quoi ? Tout ce qui sort de ce design. Merci encore une fois d'avoir suivi mon cours, et j'espère vraiment vous voir en vue sur mon groupe Facebook Digger.