Adobe XD de débutant à expert - Conception, prototypage et collaboration | Muhammad Ahsan Pervaiz | Skillshare
Menu
Recherche

Vitesse de lecture


  • 0.5x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 2x

Adobe XD de débutant à expert - Conception, prototypage et collaboration

teacher avatar Muhammad Ahsan Pervaiz, UI UX Visual Designer 15+ Years

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction au cours Adobe XD

      2:27

    • 2.

      What Xd ?

      7:28

    • 3.

      Téléchargez et installez Adobe Xd

      2:31

    • 4.

      Pourquoi Adobe Xd Est tellement génial

      3:33

    • 5.

      Mise à jour de l'écran de bienvenue

      2:56

    • 6.

      Introduction à l'interface adobe XD NEW 2020

      6:13

    • 7.

      Panneau de propriétés Adoe Xd Interface

      2:53

    • 8.

      Adobe Xd Mac et des différences de gaines

      4:40

    • 9.

      Mises à jour et fonctionnalités à venir Xd

      2:33

    • 10.

      Exercice - Première de l'affectation

      6:47

    • 11.

      Planches de art dans XD

      7:48

    • 12.

      8 outils dans XD

      4:44

    • 13.

      Outil de rectangle pour créer des boutons

      5:46

    • 14.

      arrière-plan et flou d'objets

      3:20

    • 15.

      Outil Ellipse

      1:49

    • 16.

      Les bases de l'outil du stylo dans XD

      2:43

    • 17.

      Outil du Pen pour créer des icônes

      5:34

    • 18.

      Outil de ligne

      1:16

    • 19.

      Outil de texte dans Adobe XD

      3:25

    • 20.

      Outil polygon - UPDATE

      1:54

    • 21.

      Couleurs et palettes

      3:50

    • 22.

      Gradients de couleurs dans Xd

      5:58

    • 23.

      Utiliser coolors.io pour créer des schemes couleurs

      3:44

    • 24.

      Masques dans Xd

      5:41

    • 25.

      Styles de personnages dans XD

      4:48

    • 26.

      Utiliser des guides dans Adobe XD- MISE à jour en

      2:54

    • 27.

      Référencer la grille

      8:47

    • 28.

      Composants dans Adobe XD - MISE à jour de

      5:28

    • 29.

      Les actifs liés dans XD - mise à jour

      9:35

    • 30.

      Raccourcis communs

      5:47

    • 31.

      Plus de touches de raccourcis

      8:25

    • 32.

      What conception de niveau de bloc ?

      12:15

    • 33.

      Ébaucher des idées de première conception de niveaux de niveau

      8:14

    • 34.

      Premier prototype de papier - Ajouter des détails

      4:06

    • 35.

      Prototypes T horizontaux verticaux

      8:58

    • 36.

      Niveau de fidélité et de prototypes

      4:06

    • 37.

      Ajouter des détails à votre conception de bloc dans XD

      7:36

    • 38.

      Utiliser des motifs d'Ui pour le design de vitesse

      6:04

    • 39.

      Créer un exercice d'écran Ios

      14:04

    • 40.

      Démarrage de préparations de conception

      5:11

    • 41.

      Réglement des couleurs

      5:27

    • 42.

      Résoudre les problèmes de l'ancienne application

      4:10

    • 43.

      Conception d'écran de bienvenue

      9:42

    • 44.

      Concevoir l'écran de connexion

      14:28

    • 45.

      Design d'un écran activé

      11:39

    • 46.

      Conception d'écran dans XD

      7:04

    • 47.

      Conception de tableau Partie 1

      12:24

    • 48.

      Conception de tableau Partie 2

      11:08

    • 49.

      Conception de navigation de série

      9:03

    • 50.

      Conception d'écran d'actifs

      10:35

    • 51.

      Conception d'écran Sync

      8:13

    • 52.

      Mise à jour de l'état de synchronie

      4:25

    • 53.

      Utiliser des grilles pour améliorer les conceptions

      5:11

    • 54.

      Affiner les guides de style dans XD

      8:22

    • 55.

      Lignes de conception IOS

      8:58

    • 56.

      Fixer des limites de cibles de clavier de clavier

      6:14

    • 57.

      Entrée et d'écrans de prototype

      10:11

    • 58.

      Prototyping et d'autres écrans dans XD

      11:14

    • 59.

      Partage du prototype avec les autres

      3:51

    • 60.

      Prototype sur Mac

      2:15

    • 61.

      Outil d'inspection du design

      3:57

    • 62.

      Pourquoi exporter en 1x 2x 3x ?

      9:10

    • 63.

      Exemple parfait de 1x 2x 3x

      2:45

    • 64.

      Exporter des planches pour créer des maquettes

      7:31

    • 65.

      Complicité de exportation dans Adobe XD

      6:23

    • 66.

      Prévisualisation de votre application sur Iphone

      2:11

    • 67.

      Dépend de développeurs avec Zeplin

      12:57

    • 68.

      Handoff Developer

      13:47

    • 69.

      Fichiers de clichés de photohsop et Illustrator dans XD

      7:38

    • 70.

      Adobe XD en avril 2018

      4:10

    • 71.

      Le mois de juin 2018 Adobe XD Overlays fixe

      10:11

    • 72.

      Révisions de masse de juin 2018

      3:02

    • 73.

      06 d'ordres d'empilage 2020

      4:37

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

2 066

apprenants

3

projets

À propos de ce cours

Conception et prototype d'une application d'iPhone médicale en utilisant Adobe XD de Scratch. Collaborer avec des développeurs à l'aide des outils Zeplin et Avocode

Chaque design est une solution à un de et les conceptions sont inutiles si vous ne pouvez les convertir en applications codes. Ainsi, dans ce cours Adobe XD, vous apprendrez de zde comment concevoir en utilisant Adobe XD. Ensuite, comment créer et partager vos prototypes avec vos utilisateurs instantanément et le plus important comment collaborer et transmettre vos conceptions à vos développeurs de manière à leur de lancer

Même si vous en êtes un novice ou un débutant, vous aurez aucune difficulté à apprendre l'outil Adobe XD de l'outil de l'Adobe XD car il couvre toutes les éléments de l'étape et d'étape à étape

Ce cours les sujets clés sont

  • Toutes les raccourcis de clavier d'Adobe XD (de zéro)
  • Concevoir une application d'iPhone dans XD
  • Créer des guides de style pour votre application iPhone
  • Prototypage papier (types et comment les dessiner sur papier)
  • Interactive en utilisant Adobe XD
  • Exporter tous vos actifs et planches d'art dans 1X 2X et 3X
  • Collaborer avec des développeurs en utilisant Zeplin & Avocode
  • Ouvrage de plans, Photoshop et Illustrator avec Adobe XD
  • Toutes les dernières mises et fonctionnalités d'Adobe XD dans Adobe XD
  • Apprendre les spécifications de conception IOS / lignes de conduite d'Apple IOS

Si vous êtes le concepteur ou vous êtes un concepteur UI qui utilise Photoshop et veut apprendre à concevoir et à prototype d'Adobe XD, ce cours est pour vous. Son plus simple et de lumière parmi tous les outils de conception où vous pouvez en faire un expert en un rien en un temps. Croyez-moi

La meilleure en Adobe XD, il est à la plupart des systèmes d'exploitation Windows et MAC et je les montrerai dans ce cours, alors n'hésitez pas et et maintenant en s'en apprendre maintenant à connaître sur Prototyping et Adobe XD

Même si vous n'avez jamais utilisé d'outil de design, vous pouvez apprendre Adobe XD

Rencontrez votre enseignant·e

Teacher Profile Image

Muhammad Ahsan Pervaiz

UI UX Visual Designer 15+ Years

Enseignant·e

I started my Freelancing Career 10+ years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca-Cola.

In just 2 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca-Cola and Project Managers from the UK, I learned a lot in short period of time.

Worked from App Icon Design to App UI Design, from wireframes, prototypes and Mockups Design. I have a hunger of perfecting User Interface from all aspects

What my students are saying about my Classes?

 

AWARDS & WINS

I am a multi-talented person who has won One Gold Medal, won a nationwide Poster Design competition from PANASONIC and won many Landing ... Voir le profil complet

Compétences associées

Adobe XD Design Design UI/UX Prototypage
Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction au cours Adobe XD: bienvenue à mon cours à ce sujet. Plus de 60 ans et dans les écoles, vous allez apprendre toutes les choses de base et tout ce qui offert plus de 60 ans que nous allons concevoir, nous allons créer des prototypes, nous allons aller aux pieds, tout apprendre sur le prototypage papier et tous les différents prototypes interactifs, prototypes en direct. Et nous allons collaborer avec vos développeurs. Donc, ce que signifie la collaboration, c'est que nous allons remettre notre conception à plus de développeurs utilisant Zeppelin et Advil cold. Alors ne vous inquiétez pas si vous ne savez pas ce truc avancé parce que vous allez apprendre que dans ce cours je vais couvrir toutes les bases. Des raccourcis ? Quels sont les différents outils que vous pouvez utiliser pour construire votre design ? Et puis nous allons passer à la phase de prototypage où nous allons générer l'application grippe off et différentes peaux. Nous allons connecter les différents écrans les uns avec les autres. Et puis, à la fin, nous allons utiliser notre conception pour collaborer avec d'autres développeurs. Nous allons concevoir, nous allons orteils, leur donner des spécifications de conception et différentes distances entre les différents éléments et les guides de style cités, que vos développeurs peuvent utiliser instantanément il ya conception d'application ou Conception de l'application iPhone Maintenant, nous allons couvrir beaucoup de choses sur le typage des bordures. Vous me verrez créer différents prototypes papier allaient couvrir la partie esquissée ou la conception au niveau du bloc, qui est la première face de toute conception. Donc, ce cours est un mélange de techniques d'expérience utilisateur, peu d'entre eux. J' ai discuté dans beaucoup de TD comme le prototypage et aussi sur Adobe X T. Comment vous pouvez utiliser et créer des prototypes instantanés proviennent des prototypes instantanés en utilisant Adobe X'd . Maintenant beaucoup de concepteurs, J'ai vu qu'ils ne parlent jamais de lignes directrices de conception, I US lignes directrices de conception ou les lignes directrices. Chaque concepteur et développeur doit savoir que la barre de navigation ou qu'ils sont mais hors l' application U. S. S.devrait être de 49 points ou le fardeau devrait être de 44 points. Toutes ces spécifications que je vais couvrir dans ce cours. Et si vous avez un problème ou si vous rencontrez un problème, vous pouvez facilement me contacter. si vous avez un problème ou si vous rencontrez un problème, Pourquoi sont des réponses aux questions et vous pouvez également me demander directement en me envoyant un message. Nous allons faire beaucoup de choses ensemble, donc à bientôt dans ce cours, et je serai votre instructeur 2. What Xd ?: Bonjour, tout le monde. Aujourd'hui, nous allons rencontrer le nouvel outil sur Adobe, qui est un travail x d et je lisais depuis longtemps pour quelques fonctionnalités l'introduit juste maintenant dans X t. Et maintenant, je vais vous montrer certaines des grandes fonctionnalités hors de lui. Et ils sont ah, l' équipe Robur. Ils travaillent un mois sur ces fonctionnalités et publient chaque mois sur la base de l' attribution de différents concepteurs et concepteurs d'expérience utilisateur de partout dans le monde. Ok, donc c'est à plus de 60 ans. Je suis en ce moment sur Windows. Il y a peu de différences mineures dans la version macro et la version Windows, mais elles sont presque similaires. OK, maintenant je vais vous montrer quelques fonctionnalités super et cool de X'd et pourquoi vous devriez utiliser comme, ah conception via cadre et outil prototype dans votre expérience utilisateur, conception, conception, flux de travail ou votre vous un travail de conception. Ok, maintenant pourquoi ces trois outils pour esquisse boutique et il ya dos D Ils sont parfaits pour votre conception ou conception l'expérience utilisateur parce que Apple sont U S leader version, ils produisent leurs graphiques dans ces trois pour Max Okay, donc en ce moment, ils sont sportifs pour la boutique esquisse et aérobic T. Et si vous regardez les tailles de fichier le fichier adobe X t tailles les plus petites quatre-vingt, 18.9 MB donc vous pouvez voir qu'il est très proche de la taille du fichier de croquis, il est donc cinq taille est très petite. Ok, donc c'est un très gros point positif parce que vous pouvez créer, genre, des centaines de tableaux d'art différents dedans. Ok, Donc différents écrans, peut-être que des centaines sont 20 ou 30 écrans différents, et votre taille de fichier sera toujours petite. Ok, donc il est plus facile de partager une fonction hors de la grille sur un travail X t est. C' est la répétition. Bien. Savoir quoi ? Répéter la cupidité est que vous créez votre élément de conception une fois, et vous allez le répéter en faisant un grand Royaume-Uni Vous pouvez voir dans cet exemple de conception que nous allons créer une fin sur les scores. Vous pouvez voir ceci est notre répétition crée. Donc, si j'essaie les orteils courts, vous pouvez voir qu'il supprime tous les autres, euh, ces, um, modèles de contenu ici. Ok, donc ça bouge ça. Ok, Donc vous pouvez étendre votre grille dans la destruction et dans la direction verticale, à la fois hors de ces directions et il va multiplier votre contenu unique et vous pouvez changer. Tu peux. Je l'ai fait. Et tu peux faire ce que tu veux. Et ah, ça veut dire un groupe. Ok, donc c'est une très grande fonctionnalité pour créer l'origine. Lisez le contenu instantanément. D' accord. Donc, vous n'avez pas besoin de tout générer encore et encore. Vous pouvez voir par ici. Ce sont des doublons. D' accord. Ma protection de l'enfance. Production d'enfants, formation à la protection de l'enfance. Ensuite, nous avons une autre fonctionnalité qui est appelée prototypage. Vous pouvez lier tout l'écran que vous pouvez voir ou entendre. Voici un prototype de section, et vous pouvez voir le prototype sur votre bureau. Tu peux voir tes cheveux. Voici un prototype. C' est une excellente fonctionnalité car dans la conception de l'expérience utilisateur, vous devez tester vos prototypes avec vos utilisateurs. Vous devez voir comment les utilisateurs vont vraiment utiliser cela. Que ce bouton soit suffisant pour leur Tom ou s'il manque là, Tom. OK, donc toutes sortes de choses, si l'espacement entre ces deux éléments est assez bon pour que l'utilisateur ne tape pas sur celui-ci et ouvre celui-ci. Ok, donc ce sont d'excellentes fonctionnalités d'Adobe X'd, et ah, nous allons couvrir beaucoup de choses dedans. D' accord ? Aussi, vous pouvez bouger. Je vais prévisualiser vos, euh, ces prototypes. Vous pouvez les voir directement sur votre mobile. Le mobile de votre utilisateur. En outre, vous pouvez partager les spécifications de conception. Ok, laissez-moi vous montrer les spécifications du design. Ici, nous avons les spécifications de conception du même projet, et vous pouvez voir si je vais à l'un de ceux-ci. Cela me montre que ce vert est lié à celui-ci. Donc si je vais à celui-ci, Ok, donc il montre toutes les couleurs utilisées sur ce tableau d'art avec tous les styles corrects . Donc, si je clique sur un de l'article, il va montrer les détails de ce qui est le village en hauteur de cet article ? Quelle est la distance entre ces deux éléments d'eso ? 16 points. Donc toutes ces choses couleurs, rondeur. C' est la rondeur de ce bouton. Ok, coins arrondis. Et il montre aussi d'autres faits, comme l'ombre et tout ça. Ok, donc c'est très pratique. C' est en ce moment dans les spécifications amères du design, Peter. Ils tentent de l'améliorer et j'espère que ce sera une grande caractéristique dans avenir proche. D' accord. D' accord. Maintenant, les pieds arrière, Adobe X'd quelques fonctionnalités plus, que j'aime vraiment est cette bibliothèque de symboles. Vous pouvez voir les actifs. Je peux ajouter toutes les couleurs que j'ai utilisées tous les différents textiles, et, et, euh, les styles que j'ai utilisés dans les symboles sont en fait l'élément réutilisable. Vous pouvez créer un symbole et vous pouvez le multiplier ou l'utiliser sur n'importe quel écran. Et si j'ai fait quelque chose en dehors des symboles, vous pouvez voir les frais généraux. Je sais qu'on est plus en prototype. Ici, nous avons un symbole. Ok, donc c'est un symbole. Et si j'essaie de changer la couleur du symbole, vous pouvez voir qu'il a changé partout. Différents ennuis d'art dans l'ensemble du design. Partout où j'ai utilisé ce symbole, il va être changé. C' est donc une grande fonctionnalité. Vous pouvez instantanément modifier n'importe quoi sur votre tableau d'art. Si c'est un symbole, il sera mis à jour sur tous les tableaux d'art. Donc, ce côté est fondamentalement dans les guides de style que nous utilisions normalement pour créer dans un autre logiciel ou n'importe quoi dans Zeppelin. Ou si vous avez lavé mes autres cours, vous savez ce que sont les guides de style ? Ils sont essentiellement les guides de style, de coloration et de typographie pour utiliser différentes quatre tailles, différentes couleurs et comment ils vont être utilisés dans notre conception. Ok, donc ce sont toutes les grandes fonctionnalités de X t, et je vais vous montrer beaucoup hors affaire et comment nous pouvons rapidement générer ces conceptions en X t. Dans le monde réel, situations créant des conceptions avec beaucoup de vitesse est vraiment nécessaire. Vous voulez montrer votre prototype ou vous travaillez en ab démo. Faites votre client ou votre utilisateur et vous vouliez le faire instantanément dans les deux heures ou deux mètres ou peut-être quatre heures. Je pense que ce genre de dessins avec ces nombreux écrans, comme une porte neuf écrans. Je pense que vous pouvez le faire dans le nôtre. Et aussi vous pouvez partager vos prototypes. Vous pouvez voir ses cheveux publier prototype. Ok, vous pouvez partager votre prototype link toe n'importe quel client ou client en l'instant, et ils peuvent le faire sur leurs appareils. Ok, Maintenant, dans la prochaine leçon, je vais vous montrer comment le télécharger et comment acheter ce logiciel si vous voulez vraiment l'acheter. Mais en ce moment, si vous apprenez, vous suffit de télécharger la version d'essai. Ok , passons à la leçon suivante. 3. Téléchargez et installez Adobe Xd: Ok, maintenant, je passe à autre chose. Nous allons télécharger à Obey X'd version d'essai. Donc, vous allez aller à ce bijou adobe dot com produits slash x acte artiste TML ou je vais partager ce monde avec vous. Ok, donc c'est l'essai gratuit. Vous pouvez télécharger l'essai pendant un mois, et vous pouvez également l'acheter. Donc, si vous cliquez sur ce maintenant, il est la saleté pas cher en ce moment, et il est disponible pour $10 appartement. Ok, donc c'est tout récemment, je pense qu'il y a d'autres APS là pour 20$ par mois, mais est en fait disponible pour 10$ appartement. Ok, si tu veux vraiment l'acheter. D' accord. Maintenant à la configuration requise du système. D' accord. Donc, avant de l'installer sur votre PC sont Mac, c'est très cool chose à propos de cette application qu'il est disponible pour les deux systèmes d'exploitation . Ok, Donc si votre utilisateur ou votre client travaille sur un PC ou un Mac, ils peuvent voir leur design, et ils peuvent jouer avec. Ok, donc ici nous avons la configuration système requise pour Mac OS, qui est Mac OS 10.11 et versions ultérieures. Ok, voici la mémoire pour G B, 1,4 gigahertz connu. Prêt ? Ne pas afficher. Retina recommandé. D' accord. Et puis nous avons Windows 10. Quelqu' un ? Trois mises à jour. OK, donc si vous avez des fenêtres simples, puis et le nord et miséricorde mise à jour ou quoi que ce soit en dessous de cette version 16 07 il va orteil. Ça te donne un problème. Vous ne pouvez pas l'installer beaucoup sur les étudiants. Ils m'ont demandé que comment l'installer sur Windows 10. Assurez-vous que vous avez une mise à jour de miséricorde ou la dernière version de Windows 10. D' accord. Et ce sont les exigences CPU, deux gigahertz mémoire pour G B A, G B, hors espace d'installation et d'affichage. Et descends là. D' accord. Je préfère vraiment que tu aies une bonne carte graphique à Leeds. Au moins avoir Koji bi ou un Go de RAM sur votre carte graphique. D' accord ? Parce qu'il est nécessaire pour la plupart d'entre eux concevoir des applications intensives. Ok, maintenant, ce sont les exigences, alors assurez-vous d'y aller. Si vous n'avez pas encore installé Baxter. Essayez d'installer la version d'essai gratuite et téléchargez-la et installez-la, et je vous verrai dans la prochaine leçon. 4. Pourquoi Adobe Xd Est tellement génial: trois et va vous présenter. Filaire sera éteint est si populaire parmi les concepteurs d'interface utilisateur. Vous êtes des concepteurs et des concepteurs d'expérience utilisateur. Il y a plusieurs choses ou vous pouvez dire, fonctionnalités qui devraient être présentes dans n'importe quel outil de conception hors type pour le rendre parfait pour l' expérience utilisateur . Les concepteurs aiment les designers. Maintenant. La première caractéristique est qu'il devrait générer prototype Êtes-vous ? Je conçois ou désactive n'importe quelle application rapidement afin que nous puissions y construire rapidement. On peut concevoir. Certainement. Il ne devrait pas prendre comme une journée entière pour créer cinq ou six choses, souvent application. Ok, donc c'est une chose. La deuxième chose est que nous pouvons facilement le partager et nous pouvons est un fantastique avec les utilisateurs, qui est également vous pouvez construire un dammit prototype rapide, Prototype de votre produit X Test avec vos utilisateurs rapidement. Donc, si vous testez avec l'utilisateur et lui montrer ou cœur votre première idée hors de votre application et hey n'aime pas quelque chose ou il dit que ce n'est pas ce que je veux. Vous pouvez instantanément changer instantanément dans adobe X T et générer un autre tour prototype loin et a montré que vous voulez vraiment celui-ci. Ok, donc c'est une autre caractéristique. Troisièmes fonctionnalités, qu'ils ont vraiment introduit en ce moment, est pour les développeurs. Ce dont les développeurs ont besoin, c'est qu'ils ont réellement besoin de spécifications, couleurs les cordons hors couleurs dans des valeurs accessibles ou des valeurs RVB ou parfois une autre valeur rgl pour la valeur. Ok, donc ils sont plus intéressés par les spécifications que les couleurs que nous avons besoin d'utiliser dans notre équipe sur cette application ou site Web. Et quelles sont les différentes spécifications qui se réjouissaient avec ? Ok, donc ceux-ci sont récemment introduits dans Adobe, En fait, qui est que vous pouvez extraire votre générer vos éléments, vos spécifications de conception, que cet élément est si loin de ce bouton. Ok, vous pouvez générer en elle dans l'élément inspecter, qui est, je pense qu'ils sont la fonctionnalité d'Adobe dans la division B en ce moment. En outre, ils ont récemment introduit que vous pouvez exporter vos conceptions supplémentaires adobe dans Tow Zeppelin , qui est un autre outil pour créer sur les spécifications de conception et enregistré toute mention de votre conception. Et puis aussi ils ont introduit que vous pouvez exporter vos couches dans toujours cool. D' accord. Et il y en a aussi un de plus. Je pense que proto by pour créer des missions à partir de votre prototype. Plus de détails et les émissions sont micro animations. Ok, donc tout est à propos de cette leçon. J' espère que vous avez apprécié mon introduction txt opérationnelle et ce que vous pouvez faire avec elle et pourquoi il devient populaire parmi d'autres outils. Parce qu'il y a une autre raison pour laquelle sa taille de fichier est vraiment petite. Je pense que c'est encore plus petit que le croquis. Si vous connaissez une carte d'esquisse, elle est plus petite que schématique. Donc, il se développe à un rapide et la paix et beaucoup de fonctionnalités sont ajoutées chaque mois en elle. Donc, je conseille vraiment que si vous aimez concepteur sont dans un design UX sentir que vous devriez vraiment apprendre à, vous savez, se mêler avec cette offre excédentaire de main loin. D' accord. C' est vraiment cool. Léger, et j'espère que vous allez adorer. Ok, bientôt. Dans un autre moindre 5. Mise à jour de l'écran de bienvenue: J' espère que jusqu'à présent, vous avez déjà installé Adobe XD sur votre machine. Maintenant, nous allons voir ce que cet écran de bienvenue ici. Ainsi, chaque fois que vous exécutez Adobe X D, il s' agit du premier écran que vous allez voir. Donc, ici en bas, vous pouvez voir ce sont mes fichiers récents. Ce sont donc mes projets ou fichiers récents que j'ai ouverts. Je peux les rouvrir en cliquant sur l'un de ces éléments. Sur la gauche, nous avons différents domaines comme l'apprentissage à la maison. Découvrez si vous voulez voir certaines des vidéos de la société Adobe sur la façon d'utiliser cet Adobe XD. Ensuite, nous avons des documents cloud. Adobe XD a récemment été déplacé vers le cloud. Ainsi, chaque fois que vous ouvrez ou enregistrez un fichier, il est également enregistré sur le cloud. Il vous apporte donc les modifications et l'historique modifié de votre document. Donc, peu importe ce que vous concevez, par exemple, comme une heure pour aller à la nôtre, si vous l'avez sauvegardée, cela reflétera tous les changements que vous avez apportés avec le temps. Il va donc le mettre à jour automatiquement sur le cloud. Ce sont donc des documents cloud. Si je clique ici, vous pouvez voir ce sont tous les documents que j'ai téléchargés sur mon cloud. Vous pouvez voir ici, ce sont quelques documents. Si vous voulez les supprimer, vous pouvez cliquer ici. Vous pouvez les supprimer comme ceci. En outre, vous pouvez les trier. Ce sont des options différentes. Et puis nous avons partagé Dab avec vous. Ce sont donc les fichiers si quelqu'un d'autre a partagé ses projets avec moi et que je travaille avec eux sur les documents cloud. Ça va être par ici. Ce sont tous les fichiers supprimés. Donc, je le supprime récemment, j'ai levé ce fichier. Donc c'est tout ici. Maintenant, si vous cliquez sur Gérer les liens, il va aller à votre cloud ici vous pouvez voir ce Macleod et une fois que vous cliquez sur la gestion, mais ce sont les prototypes publiés ou les spécifications de conception ou les projets I ont partagé avec eux. Donc, vous pouvez voir si vous regardez de près ici en bas il est dit prototype, prototype, spécifications de conception prototype, spécifications de conception prototype. Ce sont donc des fichiers différents que j'ai partagés avec d'autres. Vous pouvez voir ici, ce sont des liens publiés, donc ce sont tous ceux que j'ai partagés avec d'autres. Vous pouvez les gérer ici. Vous pouvez cliquer ici, vous pouvez copier ce lien et le partager avec d'autres personnes. Vous pouvez supprimer définitivement ces liens partagés ou publiés. Maintenant, revenons à notre écran Adobe XD et vous pouvez voir si nous retournons à la maison, c'est tout ce que nous avons ici, nos documents cloud partagés avec moi, les fichiers supprimés, les LINCS gérés, les liens gérés pour les fichiers que j'ai partagés avec d'autres. C' est donc tout au sujet de cet écran de bienvenue. J' espère que vous avez apprécié cette leçon. Allons plus loin et discutons de l'interface dans la prochaine leçon. 6. Introduction à l'interface adobe XD NEW 2020: Maintenant, nous allons ouvrir un nouveau fichier pour ça. Nous avons différents modèles ici. Ici, nous avons iPhone, différents quelques-uns veulent concevoir une application iPhone ou Google App ou application Android, vous allez aller et ici, si vous voulez aller pour le web design, vous allez utiliser certains des modèles ici. Si vous voulez concevoir quelque chose pour les médias sociaux, les messages Instagram, les messages Twitter, en-tête Twitter fondu, les messages Facebook, filmez votre vidéo. Tu vas aller par ici. ce moment. Je vais choisir quelque chose d'ici. Comme, sélectionnons ce Google Pixel pour, pour Excel. Maintenant, c'est notre tableau d'art par ici. Donc, maximisons celui-ci. Et vous pouvez voir en haut il dit sans titre et voici un petit login cloud et il me montre le temps ici. Donc, nous allons cliquer ici et changer le nom de notre, disons première visite à XD enregistrer. Donc maintenant vous pouvez voir que j'ai déjà quelques plug-ins et star, donc il me montre qu'un plug-in a besoin de mise à jour que nous avons ce moment je vais fermer celui-ci. Et c'est notre interface simple ou Adobe X sur la droite, vous pouvez voir que nous avons peu d'options ici comme ceci est le niveau de zoom. On peut zoomer à 100%. C' est un 100% de ce design. Voici notre aperçu de bureau pour le prototype. Voici notre aperçu mobile. Si nous avons installé l'application mobile et que nous voulons voir cet écran sur notre mobile. Ça va être o ici. Si je veux inviter quelqu'un d'autre, quelqu'un d'autre, un autre designer, je peux cliquer ici. C' est toujours dans la bêta, donc je peux activer l'édition. Donc un autre concepteur peut éditer mon design deux. Sur la gauche, ici, nous avons trois onglets, design, prototype et cisaillement. Le design est l'endroit où nous allons concevoir se vanter de nos écrans, nous allons mettre différent. Mais comme nous allons faire des choses différentes ici. Par exemple, ce bouton ici. Et dans la section prototype, nous relierons deux ou trois écrans. Par exemple, si j'ai un autre écran où nous apprenons chaque raccourci et tout, j'essaie juste d'expliquer. Maintenant, vous pouvez voir que nous avons deux écrans. La première est cette 11 est la seconde. Je peux les relier ensemble comme ça. Et ça va être dans notre prototype. Nos prototypes interactifs seront donc des frais généraux. Nos fichiers de dessins seront des frais généraux. Le partage se fera lorsque nous voulons partager nos designs avec quelqu'un. Donc, vous pouvez voir que nous avons différentes options où examen de conception pour obtenir des commentaires sur votre conception ou prototype. Ensuite, nous avons un développement où nous partagerons notre document avec développeurs pour leur montrer le code que nous avons pour tous ces éléments ici. Alors pour la présentation, peut-être voulons-nous le montrer à nos clients. Et puis pour les tests utilisateur, puis pour les paramètres personnalisés. Il s'agit donc de paramètres différents pour partager votre document. Non, je retourne à la maison. Et si je clique sur Accueil, vous pouvez voir que nous pouvons retourner à cet écran d'accueil où nous pouvons ouvrir n'importe quel autre document récent. Encore une fois, nous avons quelques menus ici, vous pouvez voir sur la gauche dans Adobe XD est la version Mac, nous avons le même menu en haut de MAC ici. Donc je peux cliquer ici, vous pouvez voir que nous avons un nouveau document ouvert. Ensuite, nous avons différentes portes d'interface utilisateur. Ensuite, nous avons un document récent, renommer ce document, enregistrer comme document local. Vous pouvez donc également enregistrer celui-ci en tant que document local. Maintenant, le problème sera que si vous essayez de l'enregistrer comme votre document local, vos modifications sont l'historique ne sera pas enregistré ici. Donc, vous pouvez voir ce sont les deux changements que j'ai faits à 302 PM et 15h04 PM. Trois notre 15h et la quatrième minute, j'ai ajouté ce deuxième écran. Donc, il est en fait enregistrer toutes mes modifications dans le cloud. Donc, chaque fois que je veux y accéder, je peux revenir, par exemple, à celui-ci. Je peux revenir en arrière. Vous pouvez voir ouvert dans une nouvelle fenêtre. Donc, si j'essaie d'ouvrir cela dans une nouvelle fenêtre, vous pouvez voir qu'il n'aura qu'un seul écran. Donc vous pouvez voir que nous avons ce temps emprunteur ici. Et c'est le premier écran avec lequel je pense avoir commencé. C'est le plaisir. Nous avons commencé avec un écran vide. Donc, il va sauver tout l'historique de tous les changements que vous allez apporter ou peut-être économiser après quatre ou cinq minutes. Je ne suis pas sûr de toute façon. Donc, à gauche, nous avons tous les outils. Ce sont les outils que nous allons utiliser dans les prochaines leçons. Je vais vous expliquer chacun d'eux. Ensuite, en bas ici, nous avons des actifs, nous avons le panneau des couches, nous avons nos plug-ins ici. Donc, quels que soient les plugins que vous allez installer, ce sont des plugins gratuits. Certains d'entre eux sont payés. Vous pouvez les installer ici et vous pouvez les utiliser comme ceci. Donc, si vous cliquez ici, vous pouvez voir qu'il dit une erreur. Échelle de couleur trop large. Nous allons créer, vous pouvez voir que c'est une échelle de couleurs ici. Ce sont donc les plug-ins qu'ils vont automatiser et améliorer vos capacités Adobe XD. Donc, ce sont les outils. Ce sont les trois que nous allons surtout regarder ce tableau d'art ici à bord d'Arbor, Pelham. Ce sont des tableaux d'art, en fait, ce sont des tableaux d'art. Et c'est tout au sujet de l'interface d'Adobe XD. Nous avons trois onglets principaux ici, conception, prototype et partage. Et c'est le niveau de zoom. Nous l'utiliserons beaucoup. C' est le bouton de lecture pour prévisualiser notre séjour parfait. Vous pouvez voir dans cette fenêtre, cela va également être utilisé beaucoup. C' est donc toute l'introduction de l'interface. Nous allons approfondir les textos Adobe dans la prochaine leçon. Allons au prochain S Et maintenant. 7. Panneau de propriétés Adoe Xd Interface: Donc, si je vais à nouveau à cette conception, vous pouvez voir ici nous avons un autre panneau, qui est notre panneau de propriétés. Ok, donc si je clique sur ce tableau d'art donc ce tableau d'art est sélectionné, et cette ligne bleue montre que ce tableau d'art est actif, je vais montrer un voir toutes les options alléguées. Faites cette planche d'art, comme sur la position de cette planche d'art hauteur sur tribord. Quel sera le défilement et la hauteur du panneau de vue. Combien de hauteur est visible, alors nous avons l'apparence, la couleur de remplissage. Je peux aussi changer la couleur si je veux. Oh, et je veux dire, je dois cliquer dessus. Ok, donc je peux aussi créer des grilles et Leo est dessus. On va parler des mises en page de Gretchen plus tard. Je vous montre juste que c'est le panneau des propriétés. Ok, Donc si je clique sur ce rectangle arrondi, ok, donc si je clique sur cet angle de rejet rond, vous pouvez voir toutes les options plus tard, comme l'alignement. Une note de répétition. Cet ajustement et ces colère relation Tout va bien, donc tout est ici. D' accord. Sur la barre supérieure seront alignements. que nous ne l'avons fait. La répétition a créé notre union. Ce sont ces options ? Je ne veux pas t'expliquer maintenant. Juste vous devez savoir que cette zone est pour contrôler vos objets de conception. Ok, donc si vous avez une planche d'art, vous pouvez contrôler sa hauteur et d'autres caractéristiques. Si vous avez ah, rectangles, vous pouvez créer différents effets et différentes tailles et différentes rondeur et capacité différente en utilisant les panneaux de propriétés de la. Ok, donc tout, la plupart des choses sur n'importe quel objet sera de ce côté. Vous pouvez voir quoi ici. Maintenant, j'ai sélectionné ce texte et le texte. Les options sont par ici. Vous pouvez voir. Et si vous sélectionnez l'art embarqué, propriétés liées au tableau d'art seront ici. Donc c'est comme ça que nous utilisons un travail. A x t. OK, Maintenant, Maintenant, il y a deux autres icônes sur la gauche. En bas, vous pouvez voir ou entendre des couches et des ressources. Ok, maintenant, ces atouts vont y avoir toutes les couleurs. Les styles de personnages sont des symboles que je vais utiliser tout au long de ma conception ou de tous les tableaux d'art. Ok, Donc si j'essaie d'ajouter ceci comme le style de tante Corrector, vous pouvez voir, il a ajouté un style de tracteur R dans ces actifs. OK, donc ne confondez pas ce design et ce prototype avec ces deux-là. D' accord ? Ceux-ci vont vous montrer toutes les couches et cela va vous montrer toutes les ressources que vous avez utilisées dans votre conception. Ok, donc c'est l'introduction à l'interface d'Adobe X'd. J' espère que vous avez apprécié cette leçon. Passons à l'exercice suivant. 8. Adobe Xd Mac et des différences de gaines: Ok, maintenant dans cette écoute, nous allons voir quelles sont les différences entre la version Max off. Non, B, x d et B. version B, x d et B. C est éteinte, alors soyez extra. Ok, Donc la première chose que vous allez remarquer est cette barre d'arrêt, qui est la barre de raccourcis ici, qui n'est pas présente dans les fenêtres. Et bien que les raccourcis sont très faciles à retenir, mais il va quand même aider beaucoup. Ok, donc vous pouvez voir que vous savez ce que vous pouvez faire avec ces objets. Vous pouvez les ajouter. Tu peux. Il y a des options de texte que nous avons une plage et tout le reste cap sur. Ensuite, nous avons ceci une date et un dossier. Ok, donc c'est la première différence majeure. Ensuite, nous avons encore quelques différences. Comme vous pouvez le voir récemment adobe X t. Ils ont au moins certains, um, um, plug-ins qui sont pris en charge, ou les outils tiers qui sont pris en charge par Adobe X'd sur. Et si je vais à cette exportation, vous pouvez voir ici il y a Zeppelin. Maintenant, Zeppelin est un outil, et un autre outil est jamais appelé et deux, ou voir ces outils de type off qui sont utilisés pour générer le cordon et générer des spécifications et des documents spécifications. Si vous ne connaissez pas Zeppelin, vous devriez retirer mon flux de travail plus que représenter cours où nous générons tous les guides de style , couleurs, équipes, équipes, tout au sein de Zeppelins en utilisant pour la boutique. D' accord. Non, nous sommes tous prêts. J' en ai créé un, un paragraphe un en-tête dans un seul bouton, et nous allons l'exporter. Zeppelin d'orteil. Voyons ce que ça va se passer ici. Ok, alors sélectionnons ce tableau d'art, et on va l'exporter à Siplin. Ok, donc c'est important. Donc je l'ai créé dans un X. Donc, je vais l'importer dans un suivant, et il est en train de télécharger le design en ce moment. Ok, donc tout est fait. Voyons voir ça. Ok, donc c'est très cool. J' aime vraiment ça. Ok, Donc c'est notre cap, et c'est toutes les tailles sont que vous pouvez voir dans les points qui sont pour le développement mobile. Vous pouvez voir par ici. Ensuite, nous avons cela aussi, la couleur vient également en RGB. Je pense que c'est pour nous. Donc vous pouvez voir ici comment nous pouvons l'exporter dans ah Zeppelin. Ok, donc on verra ça plus tard. On va aller aux pieds. Voyez cela en détail plus tard. Dans les dernières leçons en ce moment, je voulais juste vous montrer que vous pouvez faire beaucoup de choses avec Adobe XY. Donc, ce qu'Adobe Extra fait c'est qu'ils ont normalement publié leurs nouvelles fonctionnalités en premier pour ma question, et après un ou deux mois, vont être inclus dans le remorquage. La question des fenêtres. Ok, alors ne vous inquiétez pas si vous avez des fenêtres qui vous manquent derrière. Ok, donc ce n'est pas une grande différence. Ok, donc il y a une autre différence que j'ai oublié de vous dire si vous créez un prototype ici , donc je vais dupliquer cette touche d'option d'art. Et je vais aux orteils. Il suffit de créer un prototype simple. Je lierais ces deux écrans, apparaissais si dissous, et juste changer la couleur de ce bouton. Donc nous savons que nous sommes à l'intérieur. Un autre est allé par ici. Ok, alors tout est fait. Maintenant, nous allons jouer ça et vous pouvez voir par ici. Euh, donc ce que vous pouvez voir ici, c'est un petit bouton, qui est l'enregistrement. D' accord. Pour que je puisse appuyer dessus et que je puisse enregistrer une vidéo de mon aperçu. D' accord ? Et puis je peux l'exporter comme ça. Ce sera une vidéo. Il va sauver un renouvellement vidéo, type brutal. Et vous pouvez partager cette vidéo avec n'importe qui. Bon, instant, cet officiel n'est pas disponible sous Windows. J' espère qu'il viendra bientôt en eux. Les prochaines mises à niveau, peut-être le mois prochain ou peut-être de Mars ou d'Apple. Je ne sais pas. C' est aussi une fonctionnalité soignée qui n'est présente que dans la version Adobe X'd Mex. Et j'espère que vous avez apprécié cette leçon pour les utilisateurs de Mac. Je pense que c'est un créateur, Will et vous pouvez faire beaucoup de choses avec. J' espère que vous avez apprécié cette leçon. Si vous avez des questions à me poser à moins de passer à la prochaine leçon. 9. Mises à jour et fonctionnalités à venir Xd: l' une des meilleures choses à propos de l'aérobic T est qu'il est mis à jour régulièrement. Donc, adobe une entreprise et ils travaillent sur elle un jour par jour et nuit par nuit et le presque vous donner une mise à jour tous les mois. Ok, donc vous pouvez voir la dernière mise à jour. WAAS 11 décembre 2017 et le dernier est généralement 22 2018. OK, donc ils ont de meilleures performances de zone. Prévisualisation Dropbox pour basculer de fichier supplémentaire entre la couleur morse trois différentes couleurs morse qu'ils offrent en ce moment et de nouveaux INT gourmandes. Really Ingrédients améliorer les spécifications de conception mentale affichage sont bordé 100% et nouvelle fonctionnalité, qui est appelé exportation par lots. En outre, ils commencent à travailler par des tiers à travers des intégrations comme Zeppelin. Jamais la cour. Il suffit de mettre une tarte et un guide composées. Ok, donc ah, vous pouvez voir ici qu'ils ont montré que disponible pour Mac sur Lee. Il y a donc peu de fonctionnalités que je vais vous montrer dans la prochaine leçon. Quelques-uns des différences que vous allez voir sur ma question. La version Mac est comme, euh, 10%. Ou peut-être que je peux dire 5% tête hors fenêtre vision. Ok, donc ils ont plus de fonctionnalités sur Mac. D' abord, ils les ont lancés sur Mac, puis ils se lancent sur Windows. Ok, donc c'est à propos des mises à jour. Permettez-moi de vous montrer encore une chose qu'ils travaillent sur un grand nombre de demandes de fonctionnalités. Ok, donc c'est Adobe Extra formulaire de demande de fonctionnalité, et vous pouvez voir ici les gens votent pour différentes nouvelles fonctionnalités, comme le texte pour l'accouplement. Et puis nous avons l'objet fixe statique entre les traditions. Donc, vous pouvez voir que c'est l'examen d'un débat ? Ils disent fonctionnalité en cours de révision. Ok, donc ils sont en train de revoir cette fonctionnalité qu'ils ont besoin de plus d'informations que ce qu'ils ont présenté dans l'arriéré. Ok, donc il y a peu de fonctionnalités sur lesquelles ils ont déjà fonctionné, commencé , commencé à travailler, comme vous pouvez voir ou entendre parler des fonctionnalités sportives des réfugiés ont commencé, alors j'espère qu'ils vont perdre dans le mois prochain, ou peut-être deux mois après ça. Commencez à travailler dessus. Donc, vous pouvez dire que c'est très cool Feature. Vous pouvez rester au courant de ce qui se passe ensuite dans une porte. X'd. Ok, passons à la leçon suivante où nous allons voir comment commencer à utiliser X d. Ok, donc nous allons réellement commencer à l'utiliser 10. Exercice - Première de l'affectation: Non. Nous allons obtenir des trucs pratiques avec Adobe Extra. Ok, on en a beaucoup parlé, et maintenant je vais vous montrer comment vous pouvez créer des trucs simples dedans. OK, donc nous allons faire cette première mission. Ça va être votre mission. Je vais créer un écran simple. Laisse-moi te montrer. Donc, j'ai ouvert ce tableau d'art, qui est l'iPhone 678 et je vais appuyer sur le contrôle zéro commande zéro, zoom avant. Ou vous pouvez aussi aller ici et zoomer 200%. D' accord. Maintenant, ce que je veux que vous fassiez, c'est juste cliquer sur ce tabouret ellipse et simplement glisser et maintenez votre touche Maj pour que vous puissiez faire une circulaire proportionnelle. Nous sommes là, et maintenant nous allons appuyer sur ça, sélectionner nous et nous allons le faire au milieu. Ok, donc une fois qu'il est au milieu, vous pouvez voir qu'il y a ah, ligne rose ou guide intelligent, ce qui nous montre que c'est au milieu. Ensuite, nous allons aller ici dans cette zone et c'est notre taille de frontière. On peut augmenter la taille de la bordure à quatre comme ça. Et je vais prendre mon image Jewel devant, et je vais la traîner et la déposer dans ce cercle comme ça. Ok, donc je veux que tu fasses quelque chose comme ça. Vous pouvez utiliser votre propre image. Vous pouvez également modifier la couleur de la bordure. Cliquez ici et je peux changer l'orteil de la frontière à 7 à 7 à 7. Quelque chose comme ça. Et puis je veux que vous écriviez du texte ici. Par exemple, c'est mon titre. Um, comme Mohammed s et le CES. Quelque chose comme ça. Et je veux que vous écriviez votre cour préférée ici. Ok, donc peut-être d'accord, donc si ton texto est un peu plus long alors je vais orteil, c'est la taille de l'attaque ici. Ne t'inquiète pas pour ce que je suis ça. Je vais aller dans beaucoup de détails dans la section suivante, donc ne fais pas très maintenant. Juste en voyant la taille du texte à quelque chose comme ça, vous pouvez voir Non, quand j'essaie de bouger, il me montre les distances entre les différents éléments. Aussi, je peux sélectionner celui-ci et je peux aller d'ici orteil quelque chose planche, ok ? Et je peux aussi les aligner au milieu comme ça. C' est déjà au milieu. D' accord ? Et puis je veux que tu sois orteil. Avoir un bouton par ici. Nous allons donc créer un bouton avec l'outil d'angle de district. Cliquez sur l'angle de secte. C' est un exercice très simple. Ne vous inquiétez pas que vous êtes non. Vous allez avoir des problèmes. Retirez la bordure et pour le champ. Je veux la couleur. Et je vais utiliser mon outil fiscal pour créer quelque chose dessus. Comme m'embaucher. Ok, donc j'ai l'évasion mammaire ou V2 sélectionné. Et puis je vais choisir ailleurs. Oui. Déplace-le au milieu comme ça. Et je vais changer d'impression. La couleur est là-bas sur la droite. Je vais le rendre nul. D' accord ? Vous pouvez également sélectionner les deux comme ce mou de dragon, et vous pouvez les aligner au milieu comme ceci. Mais normalement, j'aime ça. Je devrais le déplacer vers le haut. Et j'ai choisi de les acheter à nouveau comme ça et de les déplacer comme ça. C' est très simple Outils, conception des orteils et travail ici. K Aussi, si vous voulez, vous pouvez également taper quelque chose ici comme ça. Donc si je veux un paragraphe hors texte sont beaucoup de texte, je vais cliquer et faire glisser comme ça et bla bla, bla, bla, bla, bla, bla, bla, bla, bla , bla, bla bla, bla, bla. Ok, c'est une belle poésie. Et je vais changer la couleur de remplissage. Ok, donc d'abord je dois sélectionner ce texte et regarder la couleur du film à quelque chose comme ça. Ok, donc je ne veux pas que tu écrives bla, bla. Hey, donc je vais y aller avec normal et je vais aller orteil. avoir ? 18 sorties hors de la taille. Ok, alors écrivons quelque chose par ici. Je vais l'ignorer. Ok, donc j'ai écrit quelque chose sur moi. OK, donc je vais supprimer celui-ci, et je vais utiliser ça ici comme ça. Et vous pouvez l'utiliser au milieu. Quelque chose comme ça ? Oui, parce que c'est un très mensonge au milieu, et je peux utiliser quelque chose comme ça. Et maintenant vous pouvez voir ici nous avons Changer la couleur de remplissage orteil couleur plus foncée comme ceci. Ok, donc ça va être votre première mission. Juste votre nom, ce que vous aimez, ce que vous faites et ce que vous aimez et ce que vous avez regardé en deux lignes et Abberton. Ok, donc si vous voulez changer le rayon de la charge veulent orteil, faites les coins arrondis que vous pouvez faire ici comme je voulais l'être. Huit pixels arrondis. Vous pouvez voir vos cheveux Si je veux ajouter un peu d'ombre, vous pouvez cliquer sur cette ombre ne change rien, Ne pas jouer beaucoup avec ces valeurs allaient couvrir Ah, beaucoup dans les détails. Donc, ce sera votre première affectation que vous voulez créer quelque chose comme cela. Il suffit de créer une ellipse. Faites glisser votre image dedans votre nom, ce que vous aimez. Vous pouvez également changer orteil un peu de couleur grâce. Il y a donc un contraste entre ces deux-là et un joli fardeau et une ombre autour. Vous pouvez également arrondir les coins si vous le souhaitez, et vous pouvez également utiliser quelque chose de spooks. Donc je vais utiliser quatre pour les coins arrondis. Faisons de la capacité à 100%. D' accord. Donc tu peux faire quelque chose comme ça. Laisse-moi changer cette couleur pour quelque chose comme ça. Donc c'est plus professionnel. Ok, donc je veux que tu crées quelque chose comme ça et ah, posté dans la prochaine mission. Et je vous verrai bientôt dans la prochaine section. 11. Planches de art dans XD: , La première chose dont je vais parler,c'est les tableaux d'art, parce que c'est la première chose que vous allez rencontrer dans Adobe X'd. Ok, donc je suis pour cet exemple. Je vais orteil sélectionner ce web, et je vais sélectionner ce 12 80 yard board et nous allons zoomer commande ou contrôle plus ou simplement appuyer sur commande ou contrôle zéro orteils. Umit orteil l'ajustement et à l'intérieur de cette toile. Donc nous avons ici sur notre conseil. C' est le nom du tableau d'art. Si vous voulez faire, vous pouvez double-cliquer, et vous pouvez modifier comme la conception de site Web ou quelque chose comme ça. Ok, Maintenant, chaque fois que vous voulez sélectionner un tableau d'art, vous devez cliquer sur son nom, alors cliquez une fois et il va être sélectionné et vous pouvez voir différentes options et plus tard orteil ce tableau d'art sur ici. C' est la largeur et la hauteur. Si vous voulez médaillon, vous pouvez si vous voulez. Regarde, ça va verrouiller le rapport d'aspect. Et une fois que vous augmentez cela, la deuxième valeur va également être augmentée, ce que nous ne voulons normalement pas. Ok, Ensuite, nous avons ce portrait et paysage plus, qui n'est pas euh, sens dans la conception Web, mais dans l'application mobile, donc il est logique. Ok, alors nous avons ce défilement. Ok, Donc, le défilement est que lorsque vous créez un prototype à partir de cette conception, si vous voulez une barre de défilement ici pour faire défiler leur conception et ok, donc quelque chose comme ça. Donc Vieux Port Height va décider où le corps du défilement. Donc si j'ai ce, euh, euh, Vieux Port Heights a dit à 600, tu peux voir que c'est mon truc d'école. Ok, donc c'est mon vous pouvez dire la page pleine gesso en design web. pli temporel est la zone qui va orteil visible la première fois, et quelqu'un visite. D' accord, donc jusqu'à ce que cette zone, le site sera visible ensuite, nous allons fouetter le rollerball. Ok, maintenant passer à cette apparence. L' apparence est fondamentalement la couleur de fond de votre conception entière. Vous pouvez le régler à ce que vous voulez, mais je pense que garder les orteils blancs est la meilleure option. Ou ici. OK, on recommence à cliquer. Ok, maintenant nous avons les grilles. Ce sont des concepts très importants, et ceci est principalement utilisé dans la conception web. Beaucoup. Ok, Donc, même dans la conception graphique, il y a deux types de mise en page hors grille. L' un est cette mise en page, qui est basée sur la colonne, et le 2ème 1 est le meilleur carré. Ok, donc la taille carrée est normalement destinée aux abdos mobiles. Ce n'est pas bon pour je pense que la conception Web, mais il peut rapidement placer des objets si vous le souhaitez. Oh, comme ça. Ok, donc c'est très, tu sais, ça va s'écrouler chaque boîte. Ok, donc c'est plus facile à vous d'orteil comme ça. Ok, Mais il est plus logique dans la conception mobile est venu et vous êtes en train de concevoir pour les laboratoires mobiles. C' est plus logique. Supprimons à nouveau. Allez sur le carré et c'est la taille de la tuile. Tu le veux si tu veux, comme 24 cochons, analphabètes, effrayants, taille carrée. Vous pouvez le définir sur 24. Vous pouvez le définir sur 64. Tout dépend de votre propre choix. Alors, nous allons aux pieds. Discutez de cette autre mise en page, qui est basée sur des colonnes. Nous utilisons normalement dans la conception Web. Une disposition de 12 co