UI / UX d'application Web Adobe XD : concevoir un site Web de portefeuille à partir de zéro

1. Introduction: Bienvenue dans ce cours. Je m'appelle hier, Chelsea, et je serai l'instructeur de ce cours. Dans ce cours, vous allez apprendre à concevoir une interface utilisateur complète de l'application Web de portefeuille, à l'aide d'Adobe XD. Vous allez concevoir cette interface utilisateur de l'application Web de ce portefeuille. Vous, nous allons apprendre toutes les fonctionnalités d'Adobe XD. Par exemple, vous apprendrez comment créer une couleur de style de caractère de composant de groupe. Il est dit prototypage, animer plugins affichés et bien d'autres choses. À la fin, vous allez apprendre à exporter votre conception et vos différentes performances. Dans ce cours, vous aurez un projet complet dans le monde réel que vous pourrez ajouter à votre portefeuille et vous aidera à trouver l'emploi de vos rêves. Il s'agit d'une application de portefeuille complète que vous allez concevoir dans ce cours. Vous pouvez voir que nous avons une jolie barre de coussin avec un en-tête et une photo ici. Et écrivez que nous avons nos objets porteurs où je montre les e-mails du parson et Dan apparaissent des objets. Une icône ici aussi dix plus haut que nous avons notre section éducation. Et vous pouvez voir ce beau design et partagé avec les options dégradé et box-shadow et boîte en fer blanc ici. Ensuite, nous avons ces sections de projets. Dans la section projet, nous avons maintenant des bols à copeaux. Et maintenant, si je clique sur ces quelques détests et qu'il se déplacera vers l' espace de détail où nous avons nos différentes bières pour montrer nos détails, poster des informations ici, nous avons peur, notre barre de navigation, puis vous pouvez voir les courriels, puis nous avons cette inflammation. Et au bas de la page, nous avons également ces autres projets. Ici, vous pouvez voir quelques autres projets dans différents modèles. Et en bas, nous avons notre pied de page. Et maintenant, si je voulais revenir à la page d'accueil, il suffit de cliquer sur la page d'accueil. Cela signifie que la tuyauterie dans notre application. Vous y voilà. Vous pouvez voir que nous sommes maintenant informés du rythme. Et après la présentation de ce projet six, nous avons une autre section pour les compétences de Kathy. Et ici, vous pouvez voir différents types de design ici que vous allez apprendre, donner à la couleur du style. Il indique le dégradé de couleur lorsque vous concevez le sexe, puis nous avons une autre section qui sera la section outil. Et après cela, nous avons cette section de commentaires dans notre portefeuille où nous pouvons voir des informations, des commentaires dans une carte Sean. Et puis nous avons ce parchemin facultatif, si doux. Ensuite, vous pouvez simplement le faire défiler de manière horizontale. Vous voudrez également apprendre à faire défiler et à réaliser différents types de parchemins. Ici, vous pouvez voir que nous avons une douceur totale. Ensuite, nous avons nos options de formulaire de contact ici. Nous avons ici un bon formulaire de contact ou un contact avec une personne. Et puis nous avons ce bas, qui est notre pied de page dans l'application Web. C'est donc l'application complète que vous allez concevoir dans ce cours. Et après avoir terminé ce cours, vous aurez un projet complet dans le monde réel. encouragerai donc vivement vous encouragerai donc vivement à profiter de ce cours. On se voit dans le cours. 2. Créer un tableau d'art et une conception de navigation: Bienvenue dans cette conférence. Dans cette partie, nous allons commencer à travailler sur notre projet Adobe XD. J'ai donc ouvert mon logiciel Adobe XD. Ainsi, lorsque vous ouvrez votre logiciel Adobe, vous pourrez probablement voir ce type d'interface utilisateur. Et ici, nous avons une option pour iPhone, qui sera pour la conception de l'interface utilisateur d'applications mobiles. Ensuite, nous avons l'histoire Instagram vague et la taille personnalisée. Pour moi, je vais utiliser ce fouet 19201880 pixel. Vous pouvez également ajouter cet hydrogène en blanc ici, une partie supérieure sélectionnant cette taille personnalisée. Je vais cliquer sur cette largeur, 1920 et N1 et deux pixels. Et il va nous donner un plan de travail. Il s'agit de notre tableau d'art pour la conception d'une application Web. Très bien, nous devrons donc concevoir notre application ici. Dans la barre latérale gauche, dans le coin gauche que nous avons, laissez-moi l'augmenter. Dans le coin gauche, nous avons tous les outils. Il s'agit de notre outil de glissement, de notre outil rectangle, notre outil Ellipse, de l'outil de ligne d'outil polygone, outil de prise de stylo, et c'est notre tableau d'art. Et ici, nous avons deux autres icônes. L'un est pour notre tableau d'art et l'autre est pour notre atout. Donc, si nous pouvons créer notre couleur, est-ce des composants caractéristiques et tant de choses ? Et le plus bas est pour notre plug-in. Si vous l'avez déjà installé. Si vous n' avez pas encore de branchement, je vais vous dire que j' utiliserai cette icône pour le plugin de conception. Et ils ne nous ont pas donné quelques icônes que nous aurions peut-être besoin d'utiliser. Vous pouvez simplement l'installer. Alors, comment pouvez-vous le faire ? Si vous ne le savez pas, alors vous pouvez simplement cliquer sur le plugin et ensuite cliquer sur Discover plugin va vous donner l'interface utilisateur ici. Et à partir de là, vous pouvez cliquer sur ce navigateur , puis vous pouvez simplement rechercher l'icône pour le design. Laissez-moi vous montrer si j'ai commencé ici l'icône. Nous pouvons donc rechercher leur icône pour le design. Donc, très probablement, vous serez en mesure de le voir. Notre plug-in. Rien de fait dans cette partie n'est pas assez rapide. Il y a des études à ce sujet qui ne montrent aucun moyen de le montrer ici. Je vais vous montrer. À partir de là, vous pouvez installer votre plug-in n dans la barre latérale droite, nous avons d'autres dépendances de propriété. Ainsi, lorsque nous sélectionnons l'un des outils, nous pouvons le personnaliser dans le coin droit. Quelque chose que nous apprécions. Très bien, c'est sombre, je vais vous montrer. Il devrait apparaître ici. Je pense qu'en raison de l' intensité, la vitesse ne s'affiche pas. Vous devez installer des icônes pour la conception. Je vous montrerai plus tard. Laissez-moi vous le dire d'abord. Nous avons donc ici notre outil décent, puis notre outil prototype. C'est notre part à l'heure actuelle, nous allons commencer à travailler sur notre projet de portefeuille. Dans cette partie, nous commencerons concevoir en ajoutant la barre de navigation. En plus d'une réplication, nous aurons notre barre de navigation. Donc, pour ajouter une barre de navigation, nous pouvons simplement prendre la moitié de cet outil rectangle et je vais faire glisser, je vais le déposer. Je vais trop vite. Vous devez glisser l'outil rectangle. Ensuite, vous pouvez faire glisser cette chose de cette façon. Et dans le coin droit, vous pouvez voir la hauteur et le blanc qu'il montre ici et je vais l'ajuster à celle-ci. Ici, nous avons le blanc, qui est 1920, et la hauteur est de 75. De là, vous pouvez également augmenter la hauteur. Disons que je vais sélectionner AT, puis ça va augmenter la hauteur. Allez larmer. Nous pouvons maintenant ajouter notre couleur d'arrière-plan à nos barres de navigation. Donc, pour ajouter une couleur d' arrière-plan, il existe une palette de couleurs ici. Vous pouvez voir le champ par défaut, il est blanc. Et si vous cliquez ici, nous pourrons voir une palette de couleurs. À partir de là, nous pouvons sélectionner notre couleur, quelle que soit la couleur souhaitée. Vous pouvez également utiliser vos codes couleur, sorte que vous pouvez simplement copier votre code couleur de n'importe où et ensuite vous pouvez simplement le coller là. C'est comme ça que ça va fonctionner ici, mais pour moi, je vais juste sélectionner n'importe quelle couleur d'ici. Peut-être. Cette couleur. Parfait. C' est notre couleur de navigation. Dans la navigation, nous allons avoir quelques choses. Nous aurons notre barre de navigation, élément de navigation. Ici. Nous aurons des textes, peut-être un portfolio, peut-être local. On peut dire que vous pouvez simplement donner un nom. Donc, pour ajouter un texte ici, je dois utiliser cet outil de texte. Je vais cliquer sur cet outil de texte et je peux dire M blanc. Par exemple, une fois que vous aurez écrit votre texte, vous devrez le modifier à partir d'ici. Vous pouvez voir ici que c'est 20 ans de la taille de la police de notre texte. Rapidement, laissez-moi changer la couleur. Une fois encore. Nous devons glisser le texte et nous pouvons changer la couleur à partir d'ici. Nous allons choisir le blanc. Et à partir de là, nous pouvons augmenter la taille de cette ferme contre le tardy. Voilà, il a augmenté. Et ici, vous pouvez également prendre quelques options. Donc ce d, d signifie majuscules, et ce d, d signifie plus petit que plus petit et plus bas. Vous pouvez l'ajuster de cette façon. Je vais donc prendre celui-ci et nous n'avons pas besoin de l'ajouter. Cela signifie qu'il va créer un peu plus petite. Et vous pouvez modifier cette famille de polices de texte ici. On peut dire n'importe quelle couleur, n'importe quel nom de famille amusant ici. Je vais choisir celui-là. Ici, nous allons avoir quelques tiques. Je vais donc ajouter D ici. Et disons ici. Nous pouvons l'avoir ici. Nous pouvons avoir notre DX, nous pouvons dire chez nous. Et nous aurons besoin de quelques autres articles ici. Pour que nous puissions le faire, je peux simplement répéter. Je peux prendre l'aide de cette grille de répétition. Cette prise stupide nous donne possibilité de dupliquer notre élément de données. Sinon, vous pouvez simplement sélectionner l'élément et appuyer sur la commande D, et je peux simplement ajouter des éléments ici. Et si j'ai besoin d' avoir un peu d' espace entre ces éléments, je peux simplement l'augmenter, puis je peux également réduire cet article ici. Maintenant, permettez-moi de dissocier celui-ci. Et ici, après cette maison, nous devrons peut-être avoir une option pour celle-ci, nous pouvons dire que vous pouvez dire irrigation. Ensuite, je peux enlever un par un. Je voulais juste vous montrer comment fonctionne cette grille de répétition. Un autre moyen est sélectionner l' élément et d'appuyer sur Commande G si vous utilisez un Mac et je pense que c'est Control D pour le dupliquer. Donc, l'élément a glissé rapidement, puis appuyez sur Commande D, puis il va dupliquer votre élément et ensuite vous pouvez le faire glisser. Et vous pouvez voir qu' à partir de là, vous pouvez également ajuster la distance entre ces deux éléments. On voit que c'est 46 par 46. Car ces deux éléments sont inversés et ici nous pouvons avoir un projet aurifère. Nous avons une autre option. Laissez-moi le dupliquer. Projet alors nous aurons un projet, puis nous aurons des compétences. peux dire qu'au lieu de East Keys, je vais ajouter des compétences. Ensuite, nous aurons, je vais dupliquer celle-ci. Ensuite, je peux ajouter des compétences et ensuite nous aurons une option d'outils ici. Et après cela, nous aurons besoin que l'état anhédonie ait mis fin à l'article de navigation, disons pour le contact entre chaque article que nous avons 46. Et puis je peux dire que le nom s'appelle contact. voilà. Nous avons donc conçu notre article de navigation. Nous allons y apporter quelques changements ici. Par exemple, nous devons avoir notre trait de soulignement au bas de cet élément. Cela signifie sélectionner un article, sélectionner celui-ci. Ensuite, nous allons montrer cette chose ici. Je vais donc ajouter sous cette ligne ici dont il sera possible de souligner. Et après avoir sélectionné celui-ci à partir d'ici, cette taille de ligne est importante. C'est donc le plus haut en augmentant la taille. Vous pouvez donc augmenter la hauteur de bordure évidente. Et puis pour changer la couleur, je peux simplement cliquer sur cette palette de couleurs. Et nous y voilà. Nous pouvons le voir, et si vous voulez avoir d'autres options comme le tiret et l'écart, mais nous n'avons pas besoin de celle-ci. Maintenant, laissez-moi diriger celui-ci. Et voilà. Nous pouvons voir notre projet, nos copains de navigation ressemblaient à cela, mais nous allons apporter de petits changements. Nous allons apporter de petits changements, mais le fait est que nous avons besoin, nous pouvons changer la taille de la police de celle-ci, je pense que tous les textes. Je vais donc choisir sauf ce N, Y, qui est notre logo. Nous ajouterons un logo ou le nom de l' entreprise ou l'UNM complet inversé . Le reste du texte ? Je vais changer ça. Je vais changer la taille. Je vais sélectionner le contrôle, puis sélectionner tous ces éléments. Après avoir sélectionné tout cet article, nous pouvons peut-être modifier la cible à 25. Encore une fois, il a l'air bien ou vous pouvez utiliser 25. Il y a tout pour cette partie et nous continuerons à partir de la prochaine conférence. voit lors de la prochaine conférence. Au revoir. 3. Conception de la section d'en-tête: Bienvenue encore une fois. Dans cette partie, nous allons apporter quelques modifications à notre barre de navigation et nous ajouterons quelques éléments supplémentaires. Alors, comment faire maintenant, c'est notre barre de navigation et nous avons défini la hauteur de notre AT. Maintenant, je vais augmenter celle-ci car nous allons avoir la même barre de navigation et la même section de chauffage ici. Il va donc être 500. Permettez-moi de lancer celui-ci afin que nous puissions voir exactement comment il faut se diviser, ne peux pas prendre, afin que nous puissions en ajouter un peu plus ici. Vous pouvez prendre un peu plus, un peu plus d'espace ici. On y va. Maintenant, je pense qu'il suffit d'avoir et d'augmenter la taille du plan de travail, je peux simplement sélectionner le plan de travail Double-cliquez et ensuite, à partir d'ici, vous pouvez l'augmenter. Après cette quantité de parcelle, cette ligne, nous aurons la possibilité de faire défiler. Il va automatiquement ajouter une option de défilement. Laissez-moi vous montrer que c' est notre écran d'accueil, et maintenant nous pouvons voir l'option de défilement ici. Pas de problème du tout. Nous avons maintenant cette option. Je vois que nous avons de petites options ici. Notez donc celui-ci que je pensais boire, pour sélectionner celui-ci seulement après avoir sélectionné celui-ci. Maintenant que vous pouvez l'avoir, vous aurez ceci. Vous pouvez voir ce point ici, notez et double-cliquez ici. Une fois que vous avez voulu double-cliquer ici, vous aurez la possibilité d'ajouter ce point, qui est une sorte d'outil de trajectoire. Je vais donc le choisir. Donc, si vous double-cliquez à nouveau après avoir sélectionné, vous aurez deux autres points là où vous le pouvez. Faites-moi savoir. Si vous double-cliquez dessus. Il n'arrive pas. Laissez-moi le sélectionner à nouveau. C'est notre pot et si nous double-cliquons ici , nous aurons ce genre d'options à faire à Jackie, pour apporter des modifications. Nous pouvons faire ça. Nous pouvons ajouter ce type d'option de conception ici car je vais l'annuler. Et puis je vais rechoisir celle-ci. Et à partir de là, nous pouvons ajouter ce genre de problème de design. Vous pouvez voir que nous pouvons simplement faire glisser celui-ci et nous pouvons avoir cette option ici. Mais nous n'avons pas besoin de ces deux-là, mais en même temps nous n'avons qu' une seule option ici. Par conséquent, je vais tout désélectionner. Et puis c'est le nouveau. Double-cliquez dessus et cliquez dessus, double-cliquez ici. Et puis, à partir de là, je peux simplement ajouter ce genre de design. Vous pouvez voir que c'est ce que je voulais avoir. Vous devez sélectionner une fois, puis double-cliquer sur le point, puis ces deux points vont apparaître. Ensuite, vous pouvez simplement le faire glisser et vous pouvez y apporter des modifications, que ce soit de ce côté ou de ce côté. Vous avez beaucoup d' options pour le faire. C'est à vous de le sélectionner. Je pense que c'est parfait. Ou on peut ajouter un peu de cela. Parfait. Maintenant, je le dirige, maintenant ça a l'air plutôt bien. Nous pouvons ajouter un peu plus de changements ici. Je vais donc ajouter un dégradé ici. Les couleurs pour sélectionner à nouveau la couleur, nous avons déjà cette couleur ici. Et puis une chose que vous pouvez faire ici, si vous avez besoin d'utiliser la même couleur encore et encore, il y a deux façons de cliquer dessus, et cette couleur apparaîtra ici. Ou bien, vous pouvez créer nos composants de couleur. Alors, comment créer un composant de couleur ? Cliquez donc dessus maintenant, il est sélectionné. Maintenant, si je clique avec le bouton droit de la souris, nous aurons cette option que vous pouvez voir à la couleur à l'actif. Nous allons donc ajouter cette couleur à notre dossier de ressources. Et voilà, c'est notre couleur. Et nous avons ces deux options car nous avons obtenu cette valeur par défaut. La frontière qui se produit. Je vais désélectionner celui-ci de celui-ci, il n'y a pas plus que maintenant qu' il y a une raison pour laquelle elle a été sélectionnée, mais ce n'est pas un gros problème ici. Ainsi, vous pouvez simplement le faire. Maintenant, je vais ajouter que je vais avoir notre cycle ici où nous ajouterons une photo de profil. Si vous êtes développeur, vous aimeriez peut-être ajouter votre photo de profil ici. Pour ce faire, nous pouvons simplement ajouter le cercle ici. Cliquez sur cet outil d'ellipse et faites-le cycles. Comment faire un cercle ? Comment pouvez-vous vous assurer que ce n'est pas Sokoloff ? Le moyen le plus simple est de définir la même hauteur et le même blanc. Vous pouvez voir pourquoi les deux W4 et le plus dur 337, cela signifie que ce n'est pas correctement le cercle. Je vais le changer en TI W4. Maintenant, il a la même taille, la même hauteur et le même blanc maintenant. Il est cerclé. Maintenant, je peux simplement ajouter les e-mails ici. J'ai donc téléchargé quelques images ici pour que vous puissiez ajouter n'importe quelle image. Je viens donc de télécharger notre EMS. Je vais ajouter ces images ici. Erica, nous avons dans ces images ici. Si vous le souhaitez, vous pouvez simplement ajouter une bordure ici. Nous avons déjà de l'eau si vous n'en avez pas besoin, nous pouvons l'enlever. Et si je glisse cette bordure et que vous pouvez modifier la hauteur, changer la taille de la bordure, puis changer la couleur. Celui-ci, changez la couleur de cette bordure blanc pour que nous puissions voir, maintenant elle a l'air assez belle et je peux augmenter un peu plus de taille. Vous pouvez en dire peut-être cinq, peut-être plus que ça. Sept. Ça a l'air bien. Maintenant, si je le dirige, nous pouvons voir ces choses ici. Nous pouvons voir ces choses ici. Parfait. Je ne fais qu' ajouter une image. Par exemple, si vous le souhaitez, vous pouvez modifier n'importe quel e-mail. Permettez-moi de vérifier si j'ai d'autres images. Non, je n'ai pas d'autre image jusqu'ici. Je vais garder ça ici pour l'instant. Et nous le changerons plus tard si c'est nécessaire. Je pense que c'est très bien. Pas de problème du tout. Et maintenant, ici, il va falloir ajouter le nom. Nous pouvons ajouter le nom et une petite description. Je vais donc cliquer sur cet outil Texte et je peux ajouter, on peut dire que le nom est, je peux ajouter. Que puis-je ajouter ? Je peux ajouter n'importe quel nom. Je peux dire John Doe, juste pour un exemple. Ici, je peux encore définir. Tout d'abord, permettez-moi de modifier la taille des coches de ce texte. C'est donc au lieu de 25, je vais choisir la fête cinq. Plus que ça, peut-être 45 ans. Et ici, nous pouvons ajouter un peu de défense de la taille de la ferme ici. Laissez-moi essayer quelque chose. Il y a donc de nombreuses tailles de données, plusieurs polices, nom de famille, vous pouvez choisir n'importe laquelle de ces données. Nous pouvons ajouter. Nous pouvons ajouter celui-ci, et après cela, nous aurons besoin d'un autre texte. Ici. Nous pouvons augmenter celui-ci, et nous pouvons ajouter ici. Et ici, nous pouvons ajouter notre petit peu d'informations, peut-être le parson, obtenir ce site web de portfolio sur son professionnel, vous pouvez dire UI, concepteurs UX. Alors peut-être qu'il a plus d'une profession. Ensuite, nous pouvons dire, je suis désolé, que nous devons ajouter du capital moins les actions. État. Pour cette taille de police, je peux ajouter une taille plus petite, peut-être 35. Maintenant, laissez-moi l'exécuter. John Doe, concepteur UX, UX et moins stock. Nous pouvons simplement, nous devons d'abord sélectionner ce 1. Nous pouvons l'ajuster ici un peu plus près de John Doe, le nom. Et au lieu de ce Cat5, je pense que je peux le faire 25, alors il sera plus beau. De cette façon. On y va. Ici, on peut encore avoir un peu de design ici. Et comment ajouter un peu de design ici ? Je vais donc cliquer là-dessus. Je vais ajouter que je vais prendre la moitié de ces outils Ellipse. Cliquez sur ces outils ellipse, puis je peux simplement dessiner quelques circuits. Disons 15 par 15 de hauteur et y est 1515. Et à quoi ça ressemble, ça a l'air bien. Maintenant, je peux changer la couleur, changer la couleur. On y va. Nous avons cette option. Ensuite, nous pouvons simplement minimiser l'espace entre ces deux-là et faire dupliquer. Nous pouvons faire cette équipe. Maintenant, si je clique dehors , nous avons ce 12. Bon, donc maintenant on peut faire une autre chose ici. Tout d'abord, nous devons dissocier celui-ci. Ensuite, je vais appuyer sur la commande D pour le regrouper. Pour le faire grandir. Nous venons de lier tout le truc et ensuite vous pouvez appuyer sur Commande G. Maintenant, il devrait être ici, nous pouvons voir que c'est le groupe et au lieu de cela, nous avons le salon et nous pouvons changer le nom. On peut dire ellipse design. À l'intérieur, nous avons ceci. Nous avons toutes ces ellipses. Vous pouvez voir que nous avons ce montant, ce numéro un. Et si vous souhaitez en invalider un, vous pouvez le faire en cliquant sur. Vous pouvez voir que vous pouvez verrouiller celui-ci en cliquant sur ce bouton de journal. Ensuite, il ne sera pas enlevé nulle part. Il va rester ici. Je suis désolé, il n'y a pas celui-là. Je dois appuyer sur la commande Z parce que l'anonyme, d'accord. Si vous le verrouillez, il ne s'effondrera pas. Vous ne pourrez pas l'enlever. Vous ne pourrez pas le déplacer d'ici. Je vais le déverrouiller ici. Et si vous vouliez l'utiliser un peu plus simplement, vous pouvez cliquer sur celui-ci. Et cet élément est désactivé null. Nous ne pouvons donc pas annuler, vous pouvez l'ajouter, puis vous l'avez ici. Je vais y arriver de cette façon. Et puis je peux faire du jogging ici. Ou peut-être ici. Nous avons cette option ici. Très bien, maintenant nous avons ce design. Maintenant, si je le dirige, je pense que ça a l'air plutôt bien. Pas de problème du tout. Tout va bien ici. Et laissez-moi ajouter un peu d'ombre. Donc, si je clique sur cette ellipse et que nous avons ici une option à ajouter, pour ajouter cette ombre parce qu'elle n'est pas ajoutée pour celle-ci. Je suis désolée, nous devons sélectionner, il suffit de sélectionner cette ellipse. Ici. Nous pouvons ajouter, je suis désolé, pour cela. Pour chaque article, nous pouvons ajouter une ombre ici. Je pense qu'il n'y a pas besoin d'ajouter de l'ombre ici parce qu'ils ne voulaient pas être visibles ici car la taille est très petite et nous avons ajouté tant d'outils ellipse. Je vais l'enlever ici. Quoi que nous ayons, c'est bon. Et c'est pour cette partie. Et dans la prochaine partie, nous commencerons à travailler pour notre prochaine partie qui apparaîtra ici. se voit donc lors de la prochaine conférence. Au revoir. 4. Objet de carrière en conception: Bienvenue encore une fois. Dans cette partie, nous allons commencer à ajouter notre section « objets de carrière » dans notre projet. Mais avant cela, je voulais juste faire quelques changements. Je veux donc changer la SP Donc, au lieu du semestre, je vais ajouter des images directement différentes ici. Vous pouvez simplement supprimer la précédente, puis l' ajouter, ou vous pouvez simplement la faire glisser ici. C'est juste un émus normal. Rien de nouveau. Je voulais juste le tenter. Maintenant, il semble que c'est le SME. Tout va bien ici. J'espère donc que ce n'est pas difficile pour vous. Ce que j'ai fait, j'ai simplement fait glisser une nouvelle mademoiselle sur ce cercle. Sinon, vous pouvez simplement supprimer le tout, toute cette image. Ensuite, vous pouvez l'ajouter. Il va remplacer cette façon. Et nous avons la hauteur et regardons exactement la même chose. Maintenant, si nous regardons cette couleur de fond de plan de travail, elle a l'air très blanche. Je voulais donc avoir une couleur un peu différente. Je vais changer ça en couleur de type grade. Peut-être dans cette couleur. Vous pouvez ajouter votre propre couleur de grille. Et maintenant, si nous l'exécutons, je peux voir cette couleur. Maintenant, ça a l'air plutôt bien, pas de problème. Maintenant, une autre chose est que je dois sélectionner rapidement ce tableau d'art, puis nous avons cette option de mise en page ici. Nous devons cliquer dessus. Si nous cliquons dessus, alors nous pourrons voir ce genre de monde nous avons cette colonne et nous avons ce système RO ici. Vous pouvez voir que ce système de disposition des disques va nous aider à ajouter notre article afin que nous ayons la même hauteur et la même largeur des deux côtés. Vous pouvez voir que nous avons la colonne numéro 12. Si vous le souhaitez, vous pouvez simplement le remplacer par 15. C'est votre choix. Vous pouvez également faire le blanc et cacher sur la gouttière et la colonne large, la hauteur de la colonne et tant de choses que vous pouvez simplement l'utiliser. Il était 12 ans, je vais le garder avec 12. Et maintenant, à partir de là, nous pouvons simplement ajuster celle-ci afin que nous puissions faire notre demande de celle-ci à celle-ci. Quel que soit l'objet que nous allons créer, nous commencerons d'ici à ici, que nous pouvons avoir la même distance de cette gauche sur le côté gauche et du côté droit. Il nous aidera également à concevoir notre article. Permettez-moi de vous montrer maintenant que nous devons ajouter notre objet de carrière à adéquatement ou à un objet. Nous pouvons jeûner. Je vais ajouter une image ici pour le faire, je vais sélectionner cette chose à partir d'ici, et peut-être d'ici à partir de ces quatre colonnes, puis faire ce montant. Maintenant, je peux ajouter ces images ici. C'est les demi-mythes que nous avons ici. Ici, nous aurons un peu d'espace, puis nous ajouterons notre section objets porteurs. Je vais donc reprendre la moitié de cet outil rectangulaire. Et de là, vous pouvez voir qu'il va nous donner beaucoup d' options à ajouter à cette colonne, à cette taille. Je vais y arriver. De cette façon, nous pouvons définir la peau et le blanc sans abri. Nous vivons des deux côtés, du côté gauche et de la grande taille. C'est donc la meilleure façon de faire, et nous avons cette option ici. Maintenant, je vais le hasard, d'accord, donc maintenant , si nous avons besoin d' avoir un peu de rayon frontalier ici, donc je peux le faire en ajoutant celui-ci ici de cette façon, un peu de celui-ci. Ensuite, nous pourrons ajouter ces ombres. Je vais cliquer sur cette ombre et peut-être pourrais-je ajouter Hardy d'ici 30 ans. On y va. Nous avons cette ombre, donc nous allons y remédier. Laissez-moi l'exécuter. À quoi ça ressemble maintenant. On peut voir que ça ressemble à ça. Une autre chose est que vous pouvez voir du côté droit que nous avons le même espace. De ce côté, nous avions le même espace si nous n'avions pas utilisé la mise en page et il nous sera très difficile de comprendre. itinérance part essentiellement des sans-abri du côté gauche, vivant du côté droit. Il y a une raison pour laquelle nous les utilisons, en sélectionnant cette mise en page, puis nous pouvons le faire. Nous n'avons pas besoin d'avoir cette vitalité tardive entre 20 et 20, c'est suffisant. Maintenant, nous n'avons pas besoin de le faire. Nous pouvons maintenant passer à l'option précédente. Je vais donc cliquer dessus. Je vais cliquer dessus. Ensuite, je vais désélectionner cette couche. Nous avons maintenant cette option. Quand nous en aurons encore besoin, nous le ferons. Et maintenant, nous devons ajouter, nous devons ajouter notre texte. Donc, ici rapidement, vous n'avez pas besoin d'écrire un objet porteur. Je vais cliquer dessus. Je peux ajouter ici. Je peux dire que c' est que c'est un look, on peut le voir parce que la couleur est blanche ici. Nous devons donc l'écrire en noir. Et puis je pense que nous pouvons me laisser taper quelque chose ici. Ensuite, je peux changer la couleur en noir. Besoin de changer la couleur en noir. Maintenant, nous pouvons voir, maintenant nous devons écrire ici. Quelque part ici où vous pouvez l' écrire. Objet Gettier. aurons donc ici ces options d'objet porteur. Et je pense que je peux changer la taille de la police à 30. Et nous pouvons ajouter un peu de famille de polices différentes. Peut-être ces options ou peut-être la meilleure. Je ne sais pas exactement ce qu'il y a de mieux, mais on peut faire du jus. Vous pouvez peut-être choisir celui-ci, pas un gros problème. Et une autre chose, c'est que j'ai enlevé la frontière. Non, je n'ai pas encore enlevé l'eau. Je vais donc vous demander d' ajouter l'outil de glissement. Sélectionnez donc cet objet porteur et retirez la bordure. Nous n'avons pas besoin d' avoir de planche ici. Très bien, après cela, nous pouvons ajouter un peu de texte pour modifier du texte. Ici, nous pouvons simplement ajouter Laura en texte intégral, un texte fictif de Loren Ipsum. Vous pouvez utiliser n'importe quel texte, comme vous le souhaitez. Mais pour moi, je vais juste utiliser un texte fictif. Je vais copier ce texte et je vais le coller ici. Lorsque vous le faites, vous devez d'abord sélectionner l'outil Texte , puis sélectionner la zone de texte. Quel est le texte ? Je suis désolée, nous devons sélectionner cette option. Le fait est que nous devons examiner ce domaine ici. Nous pouvons choisir ce petit peu, de cette façon. Nous pouvons glisser cette zone de texte dans cette taille. Au lieu de cela, nous devrons coller ce texte pour qu' il n'apparaisse que dans cette zone de texte. Et maintenant, nous allons définitivement changer la taille de la police à 20. Bon, nous allons le faire maintenant. Je pense que c'est mieux. Nous allons le régler de toute façon, sans problème. Maintenant, laissez-moi vous montrer. Ok, donc nous avons ces objets de requête, nous pouvons donc reprendre l'aide de cette mise en page pour ajuster ce thème. Nous pouvons cliquer sur celui-ci et nous avons cette option. Vous pouvez voir que maintenant, nous pouvons faire une chose. Oui, nous avons celui-là. Parfait. Et dans la même taille de cette ligne, nous pouvons ajouter notre objet porteur ici exactement de cette façon. Maintenant, si moi et nous pouvons simplement cette chose ici. Et si moi, Ryan mange, nous devrions pouvoir voir nos soins. Vous pouvez voir que nous avons maintenant qui prend l'étude de la même taille, de l'avant, du même espace. Nous avons celui-ci ici. On y va. Et maintenant, nous avons cette note ici. Nous ajouterons quelques autres choses. Nous n'avons plus besoin de cette option de mise en page. Je vais trancher ce truc. Une fois encore. Je vais supprimer cette disposition barrée d'ici. Nous ajouterons quelques chéquiers ici. Nous aurons une icône ici, puis nous aurons une icône de texte et un texte, cela signifie que quel type d'objet de soin utilise vos cheveux. Il va donc écrire un peu de description puis un point de repère ici. Nous allons donc le faire au prochain endroit. Et je vais arrêter cette vidéo ici. On dirait la prochaine conférence. Adieu. 5. Conception d'un objet de carrière et utilisations du plug-in: Bienvenue encore une fois. Dans cette partie, nous allons compléter notre section objet porteur. Pour ce faire, nous devons ajouter notre cercle ici. Ensuite, nous ajouterons du texte, du cercle et des textes. Comment pouvez-vous le faire pour cela ? Nous devons l'avoir fait. Nous pouvons ajouter des demi-objets Ditech rapides , des outils Ellipse. Vous pouvez voir cette ligne ici, je pense que nous pouvons commencer. Ensuite, je peux ajouter un cercle ici. Assurez-vous que le cycle n'avait pas déjà envoyé 5150. Je n'ai pas eu White. C'est une écriture plus grande, laissez-moi l'exécuter. C'est plutôt plus grand. Je peux à 40 ans par 40 ans. Donc, la chance de durcir le blanc 40 par 40 ici. Et puis nous aurons, nous devrons changer de style, de couleur de fond de celui-ci. Nous pouvons changer quelque chose comme ça. Il est évident que nous n'avons pas besoin d'avoir de frontière ici. rouge. Maintenant, nous pouvons ajouter notre icône ici. Donc, comme je vous ai dit que j'ai installé cette icône pour le plugin, vous pouvez simplement installer cette chose à partir de cette option de plug-in ici, nous pouvons dire dans ce branchement indigène Galileo non découvert cause du cerceau initial cette fois, nous pourrons le voir. Il vous suffit de cliquer sur cette option de plug-in et ensuite vous pouvez simplement parcourir ici, vous pourrez rechercher autant de plug-ins. Ici, vous avez la possibilité de gérer votre plugin. vois que j'ai installé quelques plug-ins pour que je puisse le transférer. Vous pouvez simplement l' installer ici. Et vous aurez également d'autres options ici. Maintenant, je vais chercher. Vous pouvez donc dire que le nom de l'icône est peut-être terminé. Vous pouvez voir si je clique sur Terminé, puis je peux voir cette icône vers le bas. Cette option est sélectionnée. Et si je clique ici, et qu'il devrait être là quelque part pour le déplacer et je suis désolé, ça ne devrait pas être là. Ok, nous devons donc ajouter cette icône ici et nous pouvons sélectionner ce peu difficile à découper lorsque nous sélectionnons une icône à partir d'ici. Parce que je sélectionne cette icône, je vais la mettre ici. Maintenant, si nous l' exécutons, voyons ce que nous pouvons dire. Nous pouvons voir que cela semble bon, pas mal. D'accord ? Donc, maintenant, nous avons celui-là. Nous pouvons simplement, que pouvons-nous faire ? Nous pouvons créer des composants afin que nous puissions les utiliser encore et encore chaque fois qu'il doit cesser de fumer. Pour ce faire, nous avons cette icône et nous avons cette ellipse. Cette ellipse pour cette icône. Et l'illustration est celle des boucles en C de discontinuité des élites. Nous pouvons donc les avoir trop vite. Nous pouvons en faire un groupe. On peut, on peut le nommer. Nous pouvons le nommer est fait icône emblématique, intime et vers le bas. Il suffit de donner un exemple , puis c'est un groupe maintenant. Et faisons-en un composant. Si nous avions besoin d'une lettre, nous pouvons la réutiliser. Cliquez avec le bouton droit de la souris et cliquez sur Créer un composant. Et ça devrait apparaître. Il devrait apparaître ici, vous pouvez voir que c'est le composant. Si je le veux, je peux simplement ajouter celui-ci ici. C'est donc la beauté des composants. Nous n'avons donc pas besoin de le faire glisser à partir de là. Maintenant, nous devons ajouter un texte ici pour pouvoir modifier le texte ici. Nous pouvons dire quel type d'objet nous avons. Nous pouvons dire que nous pouvons simplement copier du texte ici à partir de cet ipsum Loren comme un texte fictif. Parce qu'ils n'ont aucune idée de ce qui est ici. Donc évidemment, lorsque vous concevez votre propre projet réel, vous écrirez votre véritable objet et nous devons l'ajuster dans cette taille, 5959. Il a l'air parfait. Laissez-moi vous dire le conteneur et l'icône vers le bas. Et maintenant, nous pouvons choisir les deux. Ensuite, faites-en un groupe. Et nous pouvons aider cette création répétée. Ensuite, nous pourrons le dupliquer plusieurs fois. K, parfait. On y va. Maintenant, laissez-moi voir à quoi ça ressemble. Cela a l'air plutôt bien, mais nous pouvons ajouter un texte différent ici. Pour ce faire. Nous pouvons copier différents textes à partir d'ici, ce texte, puis nous pourrons ajouter d'autres textes. À partir d'ici. Nous pouvons ajouter ce texte ici. J'ai copié le même texte, je pense, parce que nous l'avons déjà utilisé. Permettez-moi de vérifier les différents. Nous avons cette option ici. Donc, dans le reste de la partie, nous pouvons partir de cette façon. Il suffit de sélectionner celui-ci et nous pouvons le coller à un truc complet ici. Et nous avons ce truc. Nous devons en changer quelques autres, car cela aura fière allure si nous avons un texte différent ici. Cette chose et deux autres, nous pouvons simplement ajouter cette chose à partir d'ici. C'était populaire. Nous pouvons sélectionner celui-ci. Il y a d'autres textes. Je vais enlever ce truc ici. Maintenant, ça a l'air plutôt bien. Tout va bien jusqu'ici. Nous avons donc cette option ici, et il s'agit de nos objets porteurs. Nous avons exécuté la même hauteur et la même largeur des deux côtés. Dans la partie suivante, nous commencerons à travailler sur notre section éducation. Très bien, maintenant je vais arrêter cette vidéo ici. Nous continuerons à partir de la prochaine conférence. voit lors de la prochaine conférence. Adieu. 6. Section d'éducation au design: Bienvenue encore une fois. Dans notre partie précédente, nous avons terminé notre objectif de carrière six présenté dans cette partie, nous allons commencer à travailler pour ajouter une autre section, qui sera notre section d'irrigation. Pour ce faire, je vais tout d'abord activer la vue de mise en page. Je vais donc sélectionner celui-ci, puis cliquer sur cette mise en page pour que nous puissions voir cette vue de mise en page. De ce côté à ce côté-ci. Je vais ajouter un autre plan de travail, un autre rectangle ici. Cliquez donc sur cet outil rectangle. Et ici, je pense que je peux dessiner ici notre nouveau rectangle, celui-ci. OK ? Donc, cette colonne de cette colonne, nous avons besoin d'avoir une taille un peu plus grande. Je vais cliquer sur l'outil Sélectionner pour pouvoir augmenter cette hauteur de ce plan de travail principal. Je vais augmenter la hauteur de ce plan de travail moyen. On y va. Je pense que je peux l'augmenter un peu plus ici. Très bien, nous avons donc cette option ici. Et nous pouvons, maintenant, nous pouvons également utiliser la vision normale. Et voyons maintenant nous pouvons déplacer cette vue de mise en page. Maintenant, nous avons celui-là. Nous devons ajouter une bordure ici, disons ajouter le mortier 20. Ensuite, je vais enlever cette eau. Nous n'avons pas besoin d' avoir cette frontière. Nous avons donc ajouté 20 idées d'eau, mais nous n'avons pas besoin d'avoir de frontières. Si je clique ici, vous pouvez voir que le tableau d' idées que nous avons utilisé pour cet article est de 26. Je vais donc ajouter un à six pour celui-là aussi. Maintenant, nous devons avoir une ombre ici. Je vais donc vérifier quel type d' oreiller d'ombre nous avons donné pour celui-ci. Et il y en a 20 sur 20. Ensuite, je vais l'ajouter, 2020. C'est tout pour que ça ressemble à la simulation pour toute la partie. Très bien, jusqu'à présent ça a l'air bien et c'est toujours, je vais ajouter un peu de hauteur et ensuite je vais cliquer deux fois pour que je puisse prendre, cliquer, double-cliquer sur ce point pour que nous puissions ajouter un peu de raison ici. Je peux simplement faire cette chose de cette façon, ou de cette façon. Je vais le prendre de cette façon. Lorsque vous double-cliquez dessus, vous pouvez obtenir ce genre de chef. Il suffit de faire un double-clic. Ensuite, ces deux choses vont apparaître ici , puis maintenez-en une puis simplement la faire glisser. Et selon votre souhait, vous pouvez le faire. Et ici, vous pouvez aussi voir que c' est l'hallux qui va changer ici. Le x au carré lorsque la valeur y, vous pouvez également le plonger, mais il est beaucoup plus facile de l'utiliser ici. Ici, nous devons ajouter un titre ici. Le titre sera donc l'éducation. Je vais donc revoir la vue de la mise en page. Ensuite, je peux ajouter le texte, un texte ici. Je peux commencer à partir d'ici. Je peux tout simplement commencer à partir d'ici. Je pense que ce sera le centre ici. Et je peux dire ici que je peux ajouter de l'éducation. Et il est évident que nous devons changer la taille de celle-ci pour que je puisse la changer à 50. Nous avons besoin d'une taille plus grande ici, et je peux le faire ici. Je pense un peu. Ok, laissez-moi l'exécuter pour que je puisse voir à quoi ça ressemble exactement. C'est notre site Web et je pense que c'est correct, ça a l'air bien, mais c'est quand même, on peut changer un peu notre famille de police dans une autre famille de police. Pas ici. Nous pouvons choisir celle-ci et je vais ajouter une ligne sous cette allocation. Je vais donc tracer une ligne ici et ici. Ensuite, nous devons modifier la taille de la bordure car la ligne est une bordure. Je vais donc le changer à trois. Je pense que ça va être bon si j'en ajoute cinq ici. Et c'est bon, maintenant, au centre. Et maintenant, je vais changer la couleur de cette bordure. C'est ce que je peux choisir. Donc c'est bon, et maintenant je vais changer cette vue de mise en page. Celui-là. Vous y voilà. Nous avons cette éducation et nous pouvons voir cela souligné ici. Tout va bien ici. Maintenant, nous devons ajouter deux choses. L'un est peut-être notre diplôme universitaire et l'autre est notre diplôme collégial. Nous pouvons ajouter ici. Pour ce faire, je vais ajouter ici immédiatement que nous devons ajouter une ligne. Pour cela, nous pouvons à nouveau prendre l'aide de cette mise en page afin de voir le milieu. Nous avons donc ceci. Quatre, et ici nous en avons 12, nous en avons quatre, puis 4810. Nous pouvons donc le prendre de ces quatre et de ces deux-là et de cette force. Nous pouvons donc donner notre ligne au milieu. Nous en avons cinq par cinq. Ainsi, dans le médial, nous pouvons ajouter cette ligne. Vous pouvez donc voir d'ici, au milieu, vous pouvez voir c'est le milieu de celui-ci. Nous pouvons tracer une ligne ici au milieu. Bon, maintenant je peux ajuster celle-ci. Maintenant, je pense que c'est au milieu. Maintenant, je vais changer la taille de cette eau à deux. Et ici, vous pouvez voir cette déjection d'option de tiret signifie qu'elle va nous donner une bordure de bureau. Vous pouvez voir que nous avons ce tableau de bord inconnu. Et puis je vais changer la couleur de celle-ci. Je peux changer n'importe quelle couleur. Disons cette couleur. heure actuelle, nous pouvons ajouter un titre de ces deux éléments ici dans l'éducation. le côté gauche, nous allons avoir notre diplôme universitaire. Et on peut dire ici qu'on appelle ça notre diplôme scolaire. Je vais donc sélectionner cet outil de texte ici, et je vais l'écrire ici. On peut dire « diplôme universitaire ». Une chose est remarquable ici, c'est que si vous ne changez pas le côté de la forme, cela prendra toujours la taille des attaques précédentes. Nous en avons donc utilisé 50 pour cette éducation. Prendre leur site, c' est toujours la même taille, il faut donc le tenter. Donc, au lieu de 50, je vais dire 3030. Et ici, au centre, je pense que je peux ajouter ce diplôme universitaire et je vais faire un double exemplaire. Appuyez donc sur la commande D et je vais y arriver. Également. Vous pouvez voir deux cent cinq cents, cent cinq, c'est l'espace égal que nous prenons des deux côtés. Et je vais dire que c'est cool ici et appeler cette école. Et maintenant, après cela, nous pouvons simplement ajouter des lignes. Donc, ce que je vais faire, je vais simplement dupliquer celle-ci parce que nous avons déjà celui-ci ici. Et puis je vais le mettre ici, puis en faire une autre copie. Donc, Commande D, et évidemment si vous le souhaitez, vous pouvez simplement en choisir un autre. Et si vous le tenez de cette façon, vous pouvez voir que la ligne arrive de la même façon sur la même ligne. Maintenant, ça a l'air bien, pas de problème du tout. Tout va bien. Et ici, nous devrons écrire le nom de l'université et dans le nom de l'adversité le sujet et l'année peut-être pour le faire, que puis-je faire ici ? Vous pouvez vous rappeler que nous avons rencontré un composant de cette icône, des icônes vers le bas. Je vais traîner celui-ci ici. Nous allons utiliser celui-ci. Je vais donc le faire glisser ici. Nous avons ici, nous pouvons simplement en écrire un. Nous pouvons simplement écrire, ou simplement écrire dans un texte, ou simplement dessiner des rectangles. Je vais donc dessiner un rectangle ici, puis je vais l'écrire ici de cette façon. Très bien ? Je vais faire glisser celui-ci ici au milieu de cette boîte. Et ici, nous écrirons le nom de l'université, nom de l'université, le sujet et l'année. Je vais écrire un exemple ici. Et disons, je vais le dire ici. Je peux dire ici, Université d'Oxford. Juste pour un exemple. Le sujet est le BSC en génie logiciel. Et puis l'année qui passe, peut-être ici sera de 2015 à 2018. C'est ce que je pense ajouter ici. Maintenant, vous pouvez voir qu'il est dans le même format, donc c'est toujours si nous le voulons, je pense que nous pouvons simplement, ils peuvent simplement minimiser celui-ci un peu. Une fois encore. Réduisez la police de la taille du texte. Maintenant, si je le dirige, laissez-moi prendre à quoi il ressemble. C'est plutôt beau ici. Tout va bien. Je vais vous expliquer. baccalauréat universitaire en génie logiciel, année 2015 à 2018, est très bien. Pas de problème du tout. Et maintenant, nous avons peut-être un baccalauréat, puis peut-être une maîtrise. Je vais donc en faire un double. Alors, au lieu de faire un double, que pouvons-nous faire ? Nous pouvons simplement en faire un groupe ici. C'est alors le texte. Et nous avons cette option. Ensuite, nous avons cette option. Nous pouvons les sélectionner modifiées. Une chose est que j'ai ajouté un seul texte ici. Donc, si vous le souhaitez, vous pouvez cliquer trois fois sur Cocher , puis vous pouvez le faire. Je vais donc sélectionner toutes ces choses et le regrouper. Et je peux renommer le groupe. On peut dire que c'est un diplôme d' éducation. Il peut donner n'importe quel nom de votre groupe. Et maintenant, je vais cliquer sur cette grille de répétition et je peux simplement la faire dupliquer. Parfait. Et maintenant, je vais le dissocier. Et ici, on peut dire MAC, il suffit de changer le texte en MSC en génie logiciel. Alors peut-être voici 2019202120192021. Et c'est la même chose pour ces quatre mêmes. Il en va de même pour le diplôme collégial. Donc je vais utiliser, je vais, je vais copier ce groupe. Et puis je peux utiliser celui-ci ici. C'est le groupe que nous avons, donc nous avons besoin du même type de choses. Et ensuite, je peux simplement faire d'eux un groupe. Je peux donc dire la commande G et le groupe deux. Et je vais le coller ici. Je peux simplement dupliquer. Je peux le faire. Bon, donc je peux simplement le faire à partir d'ici. Je vais le faire commander D parce que c'est un groupe ici, vous pouvez voir qu'il est en train de devenir un groupe. Maintenant, je peux simplement ajouter ce thème juste ici. Et puis je peux ajouter Repeat Grid ici pour celle-ci. Et puis je peux le faire dupliquer. Maintenant, c'est le même et nous avons la même taille. C'est parfaitement comme sur deux. Et nous pouvons le dire. Permettez-moi de modifier le texte ici. Donc, au lieu d'une ville inverse, on peut dire avoir des chercheurs. On peut dire que le sujet est peut-être la science. On peut dire que l'année est peut-être 12e, 2014. Et pour celui-là, je vais changer de nom c'est que je vais vous donner l'école sans nom. L'heure peut être, et le sous-réseau est peut-être aussi des signes. Il y a le fond, donc je vais jouer à l'école. Vous pouvez ajouter n'importe quoi par rapport à votre nom. On peut dire que la science et l'année sera de 2 mille ans jusqu'en 2012. C'est ça. Maintenant, si je le dirige, je devrais pouvoir le voir. J'ai fait une erreur ici. Que s'est-il passé ici ? Non, non, c'est vrai. OK. J'ai pensé que j'avais peut-être retiré celui-ci. Maintenant, si je le dirige, je peux voir que tout va bien ici. Et c'est l'éducation ici. Et nous avons cette option. Ça a l'air bien, parfait jusqu'à présent, je suis content de ça, mais nous avons quelques problèmes ici. Nous devons le résoudre. Maintenant, si je remarque, vous pouvez voir que dans la maison, nous avons celui-ci est plus grand que le texte. Je ne l'ai pas remarqué plus tôt. Nous pouvons donc simplement résoudre ce problème. Et c'est la ligne. Nous pouvons simplement minimiser celle-ci. Possédé, non ? Nous pouvons simplement minimiser celle-ci. White a au lieu de 86 ans, on peut dire 75, peut-être 55 ans. Ensuite, nous pouvons simplement faire glisser et ajouter simplement celui-ci. Nous pouvons simplement le savoir pour que nous puissions simplement ajuster celle-ci. Je pense que c'est bon maintenant. C'est bon maintenant, parfait. Je vais arrêter cette vidéo ici et nous continuerons à partir de la prochaine conférence. J'espère donc que vous avez compris comment travailler, comment concevoir ce genre de choses à l'aide d'Adobe XD. Et dans la partie suivante, nous ajouterons ici de l'expérience de travail et d'autres choses. se voit donc lors de la prochaine conférence. Adieu. 7. Conception de la section du projet d'application: Bienvenue encore une fois. Dans cette partie, nous allons concevoir notre section projet. Nous allons donc ajouter notre section projets où nous pourrons présenter notre projet. Pour ce faire, il faut ajouter, avant tout, je vais augmenter la hauteur de ce plan de travail principal. Je vais augmenter la hauteur un peu plus. Peut-être cela, parce que nous devrons ajouter quelques autres choses ici. Et nous y voilà. Maintenant, je vais d'abord sélectionner ce 1, puis cliquer sur cette mise en page afin que nous puissions voir cette vue de mise en page qui nous aidera à ajouter notre plan de travail et notre design. Donc, avant tout, nous devrons ajouter notre titre ici, qui sera notre projet, notre projet, puis le souligner. Donc, ce que je vais faire, je vais cliquer sur celui-ci et celui-là. Ceci et ceci. Ok, donc cette deuxième ligne et cette éducation, je vais faire d'eux un groupe et je vais leur dire titre. Il s'agit maintenant d'un groupe et je vais appuyer sur la commande D pour que nous puissions le faire dupliquer et le faire glisser ici et maintenant ajuster la ligne. Vous pouvez voir qu'il est étudié de ce côté pour l'éducation et cela va de même pour celui-ci. Je peux prendre un peu de place ici. Parfait, je vais maintenant changer de nom. Donc, au lieu de l'éducation dans ce domaine, il y aura des projets ici. Et ici, nous devrons ajuster ce qui est souligné ici parce que le texte est un peu. Personne n'est peu nombreux. Ensuite, l'intégration. Maintenant, ça a l'air bien, parfait. Nous devons maintenant utiliser cet outil de rectangle ici. Nous pouvons ajouter cette chose ici. Nous pouvons faire glisser celui-ci d'ici à ici car nous allons ajouter quelques projets. Je vais donc essayer de prendre un peu plus de place pour celle-ci. Il est donc parti de cette colonne à cette colonne. Et maintenant, nous pouvons l' ajuster à partir du projet. Ok, donc une autre chose, c'est que nous pouvons ajouter un design similaire comme celui-ci. Je vais donc double-cliquer dessus, puis il peut double-cliquer ici. Une fois qu'il double-clique, vous devriez pouvoir voir cette ligne. Ensuite, vous pouvez simplement dessiner ou ajuster celui-ci. Nous pouvons simplement ajouter ceci de cette façon. Ici. Une autre chose est que nous devons également ajouter ces idées modernes pour celle-ci. Si vite, je pense que nous en avons fini avec ce tissu de mise en page. Nous n'avons plus besoin de voir la mise en page ici pour l'instant. Mais nous devrons télécharger un fichier, puis nous le reproduirons. Je vais donc supprimer celui-ci, je vais cliquer dessus, puis supprimer celui-ci. Et maintenant, nous avons ces projets, ces projets ici nous devons ajouter de la frontière. Je vais enlever cette bordure ici. Et je pense que nous devons ajouter rapidement l'ombre. Ajoutez donc l'ombre 20 par 20. On y va. Nous avons cela 20 par 20. Maintenant, nous n'en avons plus, laissez-moi les fabriquer. Faites-le défaire rapidement. Maintenant, cliquez dessus. Si je clique sur ce texte ici, il faut le déplacer d'ici. Je vais d'abord décocher ça. Et si je clique dessus, je vais le dessiner à nouveau. Je ne sais pas pourquoi cette frontière de Sean ne se montre pas ici. Il devrait se montrer ici. Alors, où est-ce que c'est ? Bon, il a donc compté sur place. n'y a aucune raison que ça ne s'affiche pas. Je vais d' abord retirer de ce 1 et ajuster cette grille de longitude ici. Je pense qu'au lieu de le faire directement, j'ai ajouté ceci en premier. Essayons donc à nouveau. Maintenant. Je pense que je peux voir cette option de frontière ici. Et en même temps, nous pouvons simplement avoir cette option. Je vais sélectionner celui-là, puis je vais d'abord ajouter ce 1. Et ensuite, vous pouvez changer la bordure à 26, puis cliquer dessus, puis double-cliquer ici, Stuart, puis créer. Un peu de conception de choses ici. Parfait. Maintenant, nous pouvons simplement déplacer cette mise en page. Nous devons faire en sorte que ceux-ci soient déversés ici. Nous pouvons ajouter cette ombre. Shadow est à 20 ans d'ici 2020 du site x et du site y. Ok, si parfait maintenant, c'est toujours que nous pouvons voir cette frontière, mais nous n'avons pas besoin d' avoir cette frontière ici. Je vais donc retirer cette frontière d'ici. Parfait, maintenant ça a l'air plutôt bien. Maintenant, nous devons ajouter notre ici, nous devons ajouter notre frontière à nouveau. Je vais prendre cet outil de rectangle ici. Nous allons donc ajouter notre projet. Nous aurons donc un titre, description, puis deux boutons. Pour celui-là, je vais l' ajouter à ce site ici. D'ici à ici. Je vais en avoir un autre, nous allons avoir un autre rectangle ici. Et ce rectangle sera destiné aux e-mails. Et nous devons ajuster celle-ci à la taille. Et dans ce rectangle, nous ajouterons nos e-mails. Et ici, nous aurons notre titre et la description, et nous aurons deux boutons. Pour ce faire. J'ai déjà téléchargé quelques images. Je vais donc d'abord utiliser ces images. Je vais donc faire glisser cette image directement ici. Vous pouvez voir qu'il va s'ajuster automatiquement en fonction du rectangle. Il y a des études lorsque j'ai été créé ce rectangle au-dessus de ce rectangle, et je peux simplement l'augmenter ou le diminuer ici. Cela conduit à ça, c'est très bien. Et maintenant, nous pouvons ajouter notre titre et notre description. Pour ce faire. Nous pouvons, nous devons prendre de la santé pour cet outil de texte ici. Permettez-moi de double-cliquer ici et d'ajouter la mise en page afin que nous puissions voir d'où ajouter notre titre. Nous pouvons ajouter ce titre à partir d'ici, ou nous pouvons l'ajuster un peu ici. Nous pouvons l'ajouter à partir d'ici, et nous ajouterons notre texte à partir d'ici. Nous pouvons ajouter un texte ici, le centre. Et ce sera le titre de notre texte. Nous pouvons copier du texte de notre Loren Ipsum. Je peux dire que vous pouvez ajouter celui-ci. Vous pouvez ajouter celui-ci ici. On peut en ajouter contre lui pour copier cette ligne à partir d'ici, vous pouvez obtenir n'importe quel texte, il suffit de mettre un exemple, j'utilise celui-ci. Vous pouvez également utiliser une sorte de plug-in pour le texte. la première raison pour laquelle il ne s'affiche pas ici. Laissez-moi penser que ça n'a toujours pas fonctionné. Je dois d'abord le copier. Ensuite, je peux ajouter celui-ci ici. C'est donc notre outil de texte qui est sélectionné. Je peux ici. Cela ne savait pas. Vous y voilà. Le fait est que 12 standard pour installer la taille de police parce qu'elle est 50, donc elle devrait être 20, un peu plus grande. Je pense que 25 serait bien. On y va. Nous pouvons donc ajouter notre texte ici. Et nous pouvons également, laissez-moi le vérifier, quoi il ressemble, à quoi ressemblera la taille. Pour celui-là. Ça a l'air bien, c'est très bien. Métal non polaire. Cela va pouvoir donner un titre et nous devons ajouter notre description pour y ajouter une description, que pouvons-nous faire ici ? Ou nous pouvons cliquer dessus, le suivant, puis nous pourrons le dessiner. Cela signifie que si je veux le dessiner de cette façon, il va ajuster le texte dans cette zone. Dans cette zone, il n'est pas possible d'ajouter. Maintenant, la taille va me manquer. Je vais le faire, je suis désolé, que s'est-il passé ? Je clique d'abord sur ce 1 et plus vite, besoin d'ajouter le texte ici. Je vais donc le dessiner de ce site jusqu'ici. Ensuite, nous devons coller le texte à l'intérieur. Je vais donc copier quelques textes d'ici. Je vais le copier et ensuite je peux le coller ici. On y va. Maintenant, nous avons cette option ici. Maintenant, nous pouvons simplement ajuster celle-ci de cette façon. Ensuite, ils peuvent également l' ajuster avec cela, avec ce détail, ainsi de suite. Pour la description, il devrait être 20. Nous n'avons pas seulement besoin d'ajouter la même taille et le même poids, même taille de ferme pour le titre et la description. Ça a l'air plutôt bien, pas de problème du tout. Maintenant, nous pouvons, une chose que nous pouvons faire ici, nous pouvons les réduire. C'est une chose ici que nous devons supprimer celle-ci. Nous pouvons avoir justice ON parce que nous n'avons pas besoin de plus d'espace pour les détails. Et une autre chose, c' est que nous devons ajuster le SME ainsi que celui-ci parce que nous n'avons pas besoin d' avoir beaucoup plus d' espace pour celui-ci. De cette façon, nous pouvons l'ajuster. Et ici, nous allons ajouter deux boutons. Nous n'avons donc pas besoin d'avoir ce carburant de disposition maintenant. Nous pouvons en ajouter deux en bas ici. L'un est destiné aux tests de beauté et l' autre est une mauvaise vision de la vie. Pour ajouter un bouton, je vais demander de l' aide sur cet outil de rectangle. Je vais cliquer là-dessus. Je vais faire un dessin ici. Ici. Ensuite, je peux ajouter un peu de rayon de bordure pour celui-ci. Et à l'intérieur de celui-ci, vous pouvez ajouter notre texte pour que vous puissiez dire les détails de Bu, voir les détails et nous pouvons le mettre au centre. Je pense que nous pouvons également augmenter la taille de la police à 30, puis je peux l'ajuster au centre. Et laissez-moi changer de style, de style de police. Nous pouvons ajouter notre différent de la norme pour celle-ci. Peut-être pas celui-là, peut-être un autre. Ce n'est pas lui aussi. Nous pouvons choisir. Celui-là a l'air bien. Je pense que l' air a choisi celui-là. Maintenant, si nous le gérons, j'espère que nous pourrons le voir. Nous y voilà. Nous pouvons voir que cette chose se montre ici. Je vais arrêter cette vidéo ici et nous continuerons avec elle dès la prochaine conférence. On se voit dans le prochain mix ici. 8. Section du projet Conception complète: Bienvenue encore une fois. Dans cette partie, nous terminerons notre section projets. Nous avons descendu IS ou bouton dans notre partie précédente et cet e-mail envoie cette chose. Mais le fait est que je pense que la taille inférieure est un peu de scie à bécher ou nous pouvons simplement minimiser la taille de la forme ainsi que la taille du bas. Au lieu de tarder, nous pouvons l'associer à 25. Ensuite, nous pouvons également essayer un peu différemment sur différentes familles de polices. Et dénotez celui-ci. Plus petit, pas celui-là. Cela va être ajusté avec celui-ci. Nous pouvons choisir ces différents choix. Est-ce qu'on peut avoir ce point de vue, on peut voir des détails, mais il a une chance de partager ses détails appropriés. Mais vous pouvez certainement essayer l'autre. Et nous pouvons l'avoir parfait. scie. J'ai bien aimé cette famille de polices. Et puis on peut voir que c'est plutôt bon, mais on peut ajuster le système du bas. Nous n'avons pas besoin d'en avoir un plus grand. Je peux l'ajuster en fonction du texte que je pense. Ensuite, nous pourrons l'ajuster au centre. C'est juste un centre calme. Vous pouvez voir que Hardy by Tarde et rangé pour la biotite, c'est bon, voici un peu de centre. Maintenant. Nous devons en faire un groupe pour pouvoir le dupliquer. Alors construisez des détails et ce solvant rectangle, vous allez glisser les tiques et le rectangle. Vous pourrez en voir le point culminant ici. Vous pouvez donc voir si je clique sur Afficher les détails, cela va mettre en évidence quelques détails. Et si je clique sur ce rectangle , ce sera l'angle correct. Pour. Une autre chose est que lorsque vous votez, vous créez nouveau composant dans le bouton Nouveau et un nouveau texte, il apparaîtra toujours en haut. Il sera donc très facile pour vous d' identifier lequel vous devez faire un groupe, accord, donc je vais choisir celui-ci ici. Vous pouvez voir que Board a été sélectionné. Maintenant, je peux appuyer sur la commande Z. Je peux dire faire, je peux le renommer. Je peux dire bouton. On y va. Maintenant, cliquez sur cette grille de répétition. C'est le moyen le plus simple de dupliquer n. Ici nous appelons Afficher les détails. Et puis je vais le dissocier n au lieu de cette vue détaillée. Nous pouvons donc simplement dire en direct. Peut-être si un utilisateur le souhaite directement. Et de façon prévisible, prenez la vue en direct de ce projet. On peut dire la vie, mais. Je pense que nous devons nous adapter à cette nouvelle fois parce que nous avons tellement changé qu'on peut voir tarder par Tarde. du haut. Il a pris de l'espace de retard et puis du bas intéressant et Tarde et des deux côtés 484988 est juste ici égal. Et maintenant, si je l'exécute, nous devrions pouvoir voir notre design. Très bien, ça a l'air parfait. Et nous l'avons fait et nous pouvons encore une fois, nous pouvons simplement minimiser celle-ci. Et une autre chose que nous pouvons, si vous le souhaitez, vous pouvez également ajouter un peu de bordure ou radios à eau ou vous pouvez changer la couleur de celle-ci, mais nous pouvons changer la couleur du bouton. C'est ce que nous pouvons faire. Maintenant. Par conséquent, la couleur de fond de ce motif. Que s'est-il passé ? J'en ai choisi un autre. Bon, laissez-moi voir celui-là. Il va nous montrer ici. La vue en direct. Nous devons ajouter la poitrine est bien, donc nous devons sélectionner le rectangle. Il ne va pas faire ça ici. Nous pouvons rapidement définir une couleur d'arrière-plan de ce bouton. Et puis je vais vous montrer ce qui se passe exactement ici. Nous pouvons donc simplement le faire de cette façon. Nous pouvons faire, nous pouvons vider l'étagère ici. Et vous pouvez voir que maintenant la prochaine est raisonnable. Alors, que faisons-nous ? Nous pouvons simplement dire que c' est maintenant au premier plan. Ensuite, nous pouvons simplement faire progresser la couleur du texte. Nous pouvons simplement changer la couleur du texte est immobile, nous pouvons toujours que le texte n'est pas visible ici. Nous avons cette option. Permettez-moi maintenant si par hasard deux fois, nous pouvons voir que la couleur est blanche maintenant, donc elle est visible maintenant. Maintenant, si je l'exécute , nous devrions pouvoir voir cette chose. Ok, donc ça a l'air plutôt bien maintenant. Vivez peu. Et ensuite, pour ce bouton, nous pouvons garder celui-ci. Alcool, fond blanc. Pas de problème du tout. Maintenant, nous avons toujours un espace beaucoup plus grand, donc nous pouvons simplement réduire l'espace. Et aussi, pour celui-ci, vous pouvez voir que la bordure est sélectionnée ici. Alors, que puis-je faire ? Je peux simplement décocher ce bouton pour ne pas voir de bordure pour ces e-mails. Et si je vais ralentir, je peux déjà déplacer la taille de cette image. Nous avons finalisé notre section projet et nous pouvons maintenant dupliquer ce projet. Pour faire un double. Que puis-je faire ? Nous avons un autre problème ici. Ce qui a été souligné a disparu de ce projet. Je ne sais pas quelle en est la raison. Il est en fait ici. Mais nous ne pouvons pas, nous ne pouvons pas le voir. Mais nous ne pouvons pas voir ou il n'est pas là. Laissez-moi voir. Permettez-moi de voir le texte du projet là où il est positif. Alors que cette ligne, nous devons sélectionner cette couleur car elle a été supprimée malheureusement, de toute façon, maintenant elle est affichée ici. Nous avons donc maintenant ces quelques éléments pour en faire un double. Alors, comment pouvons-nous le faire ? Nous avons un titre et une description à ce sujet. Et c'est tellement de choses que nous avons rapidement. Nous avons ce rectangle, trois, puis nous avons ce texte, puis nous avons celui-ci. Ou nous pouvons simplement négliger, pouvons-nous le faire, nous pouvons simplement copier tout cela, mais parfois cela crée un problème ici. Alors, quel est le nom du principal ? Nous devons faire d'eux un groupe, c'est trop long, alors c'est trop long. Ces deux-là, nous avons ces tresses, puis nous avons le rectangle. Nous avons également ce rectangle ici. Ensuite, nous l'avons fait dans celui-ci. Et pour les détails de cette vue, nous avons ce bouton ici. Je vais sélectionner ce bouton et ce bouton, cela prend cette option, et cette équipe et celle-ci aussi. Je pense que j'ai sélectionné tous ces éléments maintenant, je peux en faire un double. J'ai donc oublié de l'esclaver. Nous devons également sélectionner ces détails de vue. Maintenant, je peux faire d'eux un groupe. Appuyez donc sur la commande Z et renommez-la à nouveau. Nous pouvons dire, nous pouvons dire des projets. Maintenant, cliquons sur la grille de répétition pour que nous puissions la dupliquer facilement. Nous y allons, nous pouvons voir que nous avons toutes ces choses et maintenant nous pouvons dupliquer celle-ci. C'est bon, et si vous le souhaitez, vous pouvez également faire des changements entre cet espace, mais je pense que c'est fondamentalement compris. Maintenant, je vais dissocier celui-ci. Et maintenant, nous pouvons simplement modifier les e-mails à partir d'ici. Au lieu de ces courriels, que puis-je faire ? Je peux penser que je peux supprimer cette image d'ici. Et puis, au lieu de supprimer cela, nous pouvons simplement remplacer cette image ici. Nous avons à nouveau nos différentes unités. Nous avons celui-là. Je vais ajouter celui-ci ici. Ramus a été remplacé. Et à partir de là, nous pouvons ajouter, vous pouvez en ajouter un autre. Je n'ai que celui-là. Je pense que je peux le faire ici. Et je n'ai pas d'autres images ici jusqu'à présent. Je n'en ai pas d'autre. C'est bon. Maintenant, si je l'exécute, je peux simplement voir ces choses. Nous avons donc résolu ce problème, nous avons également celui-ci. Et c'est bon, alors nous avons un objet de carrière. Il est également parfait. Vous pouvez voir que tous les côtés sont des allumettes, donc aucun problème. Nous avons donc une section éducative, ce qui est également bon. Nous avons une section protic où nous avons cette vue en direct et les détails de la vue et Afficher les détails en direct. Vous pouvez donc voir que vous pouvez voir la taille, la hauteur large et les distances dans la taille parfaite. Cela ne pose aucun problème. Et nous avons également ces options ici. Nous l'avons fait maintenant dans la partie suivante, nous allons le faire, nous ajouterons une section de démonstration. Et une autre chose, c'est que nous devrons ajouter du prototypage. Par conséquent, lorsque vous l'utilisez, nous cliquerons sur ce bouton Afficher les détails. Nous les enverrons à un autre endroit où nous ajouterons quelques détails sur le projet, peut-être des nouvelles pour l'ajouter, peut-être que vous publiez celui-ci sur ce projet. Vous devez donc ajouter un peu de description au projet. Nous allons le faire. Mais maintenant, je vais arrêter cette vidéo ici et nous allons continuer avec la prochaine conférence. voit lors de la prochaine conférence. 9. Conception de compétences technologiques: Bienvenue encore une fois. Dans cette partie, nous ajouterons une autre section dans notre projet de portefeuille, qui sera une compétence technique. Vous pouvez donc, afin que l'utilisateur puisse montrer ses compétences technologiques et les outils, quel type de compétence de ticket il travaille. Donc ce portefeuille d'études basé sur notre développeur ou un analyste qui a travaillé, qui travaille sur le développement Web, faible puissance ou tout type d'ingénierie logicielle. Il y a une raison pour laquelle j'ajoute ces compétences ou outils technologiques. Mais si vous ciblez deux types de publics différents et que vous pouvez ajouter différents types de rapports sexuels en fonction de leur profession. L'autre partie principale est postée à la lymphocyte T vous. Voici comment concevoir ce genre de choses et comment utiliser tous les outils d'Adobe XD ? J'espère que vous étiez en train d'apprendre. Tout d'abord, nous devons augmenter la hauteur de ce plan de travail principal. Double-cliquez, puis augmentez la hauteur. Je vais en ajouter un peu plus. Il s'agira d'une application d'une seule page. Il y a une raison pour laquelle nous allons l'augmenter. Maintenant, je vais double-cliquer dessus pour voir la mise en page. Ainsi, lorsque vous double-cliquez sur le plan de travail principal, vous devriez pouvoir voir ces options de mise en page. Cliquez donc sur cette couche. Nous avons maintenant ce point de vue. Maintenant, nous avons le groupe, donc nous avons rencontré le groupe de cette éducation, je pense que je vais en faire un double. Collez donc la commande D, puis nous pouvons simplement la faire glisser. Je peux simplement le faire glisser vers le bas de ce projet et nous pouvons l'ajuster. Ici. Ils sont de la même taille. Vous pouvez voir à la même position. Les projets et celui-ci vont acquérir des compétences. Je ne peux tout simplement pas changer ce texte. Je peux donc dire qu'il faut des compétences. On y va. Je pense que nous n'avons pas besoin de risquer le soulignement. Et maintenant, je vais ajouter ce rectangle ici. On y va. De là, nous devons dessiner un rectangle sur cette colonne. Et voilà, nous avons cette option. Nous pouvons ajouter un peu plus d'espace ici, et si nous n'en avons pas besoin, nous pouvons le modifier. Je vais ajouter le rayon de frontière 26. Ensuite, faites un double-clic, puis cliquez dessus. Ensuite, nous pouvons simplement le faire. Nous pouvons simplement ajouter un peu de ce problème de conception. Maintenant, nous n'avons plus besoin de l'avoir. Ça a l'air bien. Et maintenant, nous pouvons enlever cette bordure. Nous n'avons pas du tout besoin d'avoir cette frontière. Ici. Nous devons ajouter nos ombres. Shadow va être de 20 sur 20. Ici, je vais ajouter un autre rectangle où nous allons montrer notre cercle. Je pense que nous pouvons prendre en charge ces mises en page. Double-cliquez et cliquez sur cette mise en page. Et ça commence à partir d'ici, donc on peut commencer par ce côté, à partir de cette colonne. Ok, donc je vais prendre celui-ci d'ici, ces deux-là. Et devons-nous ajouter un autre cercle au-dessus de celui-ci ? Le circuit va se situer entre ces colonnes et cette colonne. Nous pouvons l'adapter à cela. Et pour faire un cercle, nous devons nous assurer que nous donnons la hauteur et que le blanc soit exactement la même, 150 x 150. Vous pouvez voir que le cercle est établi à partir de cette colonne, à partir de la fin de cette colonne et qu'il est terminé à partir de la fin de cette colonne. Au milieu de celui-ci. Nous donnons ce circuit ici et voilà. Parfait. De cette façon. Nous pouvons le faire et je pense que c'est bon, et nous pouvons également l'ajuster de cette façon. Maintenant, nous n'avons plus besoin d'avoir cette mise en page, je vais donc la supprimer. Et maintenant, il y a ceci, nous avons le même espace de ce côté-ci à ce côté-ci. Nous pouvons maintenant ajouter nos coches et modifier le texte ici. Donc le texte va être, on peut dire, le plus grand gamin sera au lieu de la plus grande compétence, vous pouvez dire peut-être JavaScript. Javascript va être ça. Et là, je vais changer ce qui ne prend pas celui-là. Quels textes nous avons utilisés pour celui-ci, nous avons utilisé de la noix de coco. Je vais utiliser le même texte de la même famille de polices va être co corner et celui-ci, parfait. Maintenant, nous pouvons ajuster celui-ci afin que nous n'ayons pas besoin d'avoir cet espace plus grand ici. Nous pouvons simplement minimiser celle-ci. Nous pouvons également ajuster le texte et il doit être au centre. Vous pouvez voir. Vous pouvez le voir facilement, nous pouvons le mettre au centre. Vous pouvez le voir celui de 8076 spécifique D6. C'est la meilleure chose possible que nous puissions faire ici et maintenant nous pouvons ajuster celle-ci afin que nous n'ayons pas besoin d'avoir, je pense que nous n'avons pas besoin d' avoir la frontière ici, mais nous pouvons ajouter cette ombre ici. Donc, le bord de l'ombre, ombre 20 par 20. Maintenant, ça va bien paraître à l'écriture. Je peux également ajouter la bordure pour que cela soit facilement réalisable. Laissez-moi l'exécuter et à quoi ça ressemble. Les compétences plus lentes vont ressembler à ce projet. Prenez une échelle, et cela s'appelle JavaScript. Ok, donc ça va bien paraître et nous pouvons, faire, nous pouvons garder celui-ci ou nous pouvons simplement minimiser celui-ci un peu plus, puis nous pourrons simplement avoir celui-ci. Parfait ici. Nous pouvons simplement style Jen. Vous pouvez sembler modifier la couleur d' arrière-plan de celle-ci. Nous pouvons ajouter une couleur différente pour une autre. Et nous pouvons ajouter un dégradé linéaire. Ensuite, nous pouvons simplement ajuster ce thème d'ici à ici. Ensuite, nous pouvons simplement ajouter celui-ci de cette façon. Nous n'avons pas besoin d'avoir cette frontière à partir d'ici. Maintenant. Il a la même hauteur et blanc. Il a l'air plutôt bien. Nous pouvons garder la frontière pour JavaScript. Nous n'avons pas besoin d' autres choses ici. Je peux dire prendre son château alternativement, que pouvez-vous faire ? Nous pouvons simplement, vous pouvez simplement ajouter un logo ou toute autre image peut être affichée sur le produit pour le logo de JavaScript. Mais pour moi, je vais juste ajouter la couleur. Ça va être d'accord avec ça. Pas de problème du tout. Maintenant, le fait est que nous devons faire, nous avons besoin d'en faire un groupe. Nous avons donc JavaScript, nous avons ce rectangle. Nous avons celui-ci, alors c'est le chemin. Nous avons cette partie, donc elle est devenue une partie. Nous n'avons pas besoin de faire ça. Ce sont donc les trois choses dont nous avons besoin pour former un groupe. Je vais donc appuyer sur Command D ou Control et JavaScript. Et ce rectangle de cet arbre a été sélectionné, puis je vais en faire un groupe. Appuyez donc sur Commande G sur votre clavier ou vous pouvez également appuyer sur le bouton droit de la souris, puis vous pouvez dire Dissocier. Ou si vous étiez sous Windows, vous pouvez simplement appuyer sur Control Z, je pense que pour le Mac c'est Command C. Je vais appuyer sur Commande G, et il y a un groupe maintenant et je vais changer de groupe nom2. On peut dire des compétences technologiques. Nous allons dire prendre des compétences. Maintenant, nous pouvons facilement les faire dupliquer. On y va. Nous pouvons simplement les faire dupliquer. Donc, si nous ne voulons ajouter qu' un G, je suis désolé. Ensuite, nous devrons le réarranger. Celui-là. Nous pouvons le prendre un peu de ce côté-ci, puis nous pourrons accomplir celui-ci. Nous pouvons également en ajouter seulement huit des deux côtés. Et puis nous pourrons avoir cela, je pense que c'est bon, mais pour obtenir plus de confirmation, nous pouvons simplement cliquer sur cette mise en page. Ensuite, nous pouvons l'ajuster maintenant. Laissez-moi d'abord dissocier. Il vient du milieu de celui-ci et il ne vient pas du médial et celui-ci devrait l'être. Là. C'est le cas. Je pense que c'est au centre. Parfait. Maintenant, en bas, nous pouvons également créer un autre groupe. Je pense que deux groupes suffisent en fonction de la personne qui est fermée. Nous pouvons, nous pouvons simplement faire cela. Nous pouvons créer un peu plus d'espace. Nous pouvons créer un espace entre eux. Ensuite, nous pouvons voir que nous avons cet espace de côté et la somme de ces espaces de côté. Donc c'est bon, tout à fait parfait. Et maintenant, si je le dissocie, double-cliquez sur ce tableau principal et supprimez cette vue de mise en page. Et nous y voilà. Nous avons cette option ici. Nous pouvons donc simplement changer cela en deux. Par conséquent, au lieu de JavaScript, nous pouvons sauvegarder ce terme. Nous pouvons dire Adobe XD. Je peux dire Adobe XD. Ensuite, nous pouvons changer cela en deux. On peut changer qui prend deux coups. Gs, ne disons pas d'oxygènes, j'ajoute juste une technologie de programmation. Design Us. Je peux donc dire Figma pour celle-ci. Pour celui-là. Au lieu de JavaScript, je vais dire un React js. Je vais réagir à JS. Et pour celui-là, je vais dire sauver des villages ou des encoches. Parfait. Donc, chaque fois que vous concevez quelque chose au lieu de montrer les mêmes balises, restez toujours pour ajouter un texte différent. C'est plutôt bien quand vous allez donner n'importe quel type de présentations. Il va vraiment bien paraître. Maintenant, nous pouvons simplement changer la couleur de fond de chaque élément, car nous devons montrer les différents pour qu'il soit beau. Et au lieu de cela, il montre le dégradé linéaire. Prenons simplement l'union en premier, donc je vais d' abord la changer en une couleur différente pour que nous puissions y arriver. Nous pouvons simplement ce dégradé linéaire ici. Nous pouvons simplement ajouter cette chose. Ok, donc pour celui-là, je peux choisir R, une autre couleur différente. Donc, si vous avez un autre code couleur, que pouvez-vous faire ? Vous pouvez simplement le coller ici, puis vous pouvez l'utiliser. Si vite, je vais en faire un dégradé de couleurs uni. Ensuite, je vais faire celui-là, garder cette couleur. Pour celui-là, je vais en choisir un autre. Alors retirez cette chose. Et puis je peux ajouter un linéaire qui devient un peu sombre. Pour celle-ci, je vais choisir l'autre que nous avons déjà. Et pour celui-là, allons-le un peu plus léger ou de cette façon. Ok, donc maintenant si je l'utilise, nous devrions pouvoir voir notre couleur, nos compétences technologiques. Et nous y voilà. Nous possédons ces compétences technologiques. Parfait. Ça a l'air plutôt bien, pas de problème du tout. Dans la partie suivante, nous ajouterons nos outils. Ce sera le même design, mais nous verrons comment le faire. Je vais arrêter cette vidéo ici et nous continuerons à partir de la prochaine conférence. voit lors de la prochaine conférence. Au revoir. 10. Conception de la section des outils d'application: Bienvenue encore une fois. Dans cette partie, nous allons concevoir notre autre section qui sera notre section d'outils à section similaire à la section transversale de nos techniciens. Nous ajouterons donc ces images d'arrière-plan, puis nous ajouterons les outils, peut-être tous les autres outils d'un développeur. Donc, pour cela, je vais d'abord intercaler rapidement l'affichage de la mise en page des données pour que nous puissions simplement voir la colonne. C'est donc notre vue de mise en page maintenant. Et puis je vais le faire, nous avons un méta groupe de cette éducation. Je vais refaire de ce groupe. Je vais appuyer sur la commande D , puis je peux faire glisser celle-ci vers le bas après section la plus collante afin que nous puissions ajouter une autre section ici. Nous pourrions faire cela composant au lieu de le faire glisser encore et encore, mais c'est très bien. Nous pouvons également le faire de cette façon. Et ici, nous pouvons l' organiser de cette façon. Ce sera donc nos outils, pour que nous puissions le laisser ici. Et je vais changer le texte rapidement. Le texte ne sera que des outils. Le texte va être des outils. Et vous y voilà. Nous pouvons, nous devons l'ajouter ici. Ensuite, nous devons réorganiser celui-ci. Nous devons diminuer le blanc de cette bordure sur cette ligne. Parfait. Nous avons cette option ici maintenant, les portes sont correctes. Maintenant, nous devons augmenter un peu plus notre hauteur de ce tableau d'art principal. Et puis nous pouvons aider Bob cet outil de rectangle, et à partir de cette colonne, nous pouvons ajuster notre rectangle. C'est vrai ? Donc, cette fois, je vais faire n'importe quel outil de pliage. Je vais ensuite utiliser n'importe quel stylo. Donc, directement, je vais utiliser le rayon de la frontière pour en effet un six. Ensuite, je vais supprimer cette taille de bordure d'ici. Ensuite, nous devons ajouter une ombre ici pour cliquer sur l'ombre et ajouter 20 par 20. Parfait. Nous avons donc ces options ici. Maintenant, je pense que nous pouvons l' ajuster ici. Et le déni, je vais supprimer ces vues de mise en page. Bon, donc maintenant, on peut faire une chose. Nous pouvons simplement en faire un groupe. Je pense que c'est déjà un groupe qui va acquérir des compétences. Je vais sélectionner celui-là ou des icônes. Je vais sélectionner celui-ci et appuyer sur Commande D., puis je peux dupliquer celui-ci et le faire glisser ici pour le coller au-dessus de celui-ci. Ce que je vais devoir faire, je vais devoir faire avec Bring to Front. Et nous pouvons le voir maintenant ici. Voici un ajustement égal, mangez. Avec celui-ci, nous pouvons à nouveau activer la vue de mise en page afin de voir ce qui se passe. Et à partir de là, nous pouvons ajouter celle-ci afin que nous puissions simplement l'ajuster avec discipline, je pense. Oui, c'est ce que nous pouvons voir ici ? Pour celui-là ? Il en fait aussi 14, ok, parfait. X2, 397299. Nous pouvons donc le remplacer par 307. Maintenant, à partir de là, vous pouvez également le faire au minimum. Donc, si je clique sur celui-ci, vous pouvez voir les œufs et n' est pas du côté gauche. Il s'est exprimé à partir d'un espace de t 07 x position. Et c'est pourquoi j'ai ajouté l'expédition trois à sept pour cela afin qu'elle puisse s' aligner de la même manière. Bon, maintenant je peux le faire un peu plus bas ici. À la place. Il a une chance de opposer à ce que je vais ajouter à 07. Maintenant, nous avons ces options ici, donc nous pouvons maintenant déplacer, nous pouvons supprimer cette vue de mise en page maintenant. Et puis c'est arrivé. Il a donc pris la taille de celui-ci. Laissez-moi le vérifier à nouveau ou vous pouvez simplement le faire glisser. C'est ce qu'il devrait être. Maintenant, nous pouvons le voir 307. Mais ici, nous pensons, je pense que nous avons fait un peu d'erreur. Permettez-moi de vérifier encore une fois si c'est la taille, donc non, il n'est pas dans la taille parfaite. Il faut donc commencer à partir d'ici. Je ne l'ai donc pas remarqué à ce moment-là. C'est la raison. Ici. Vous pouvez voir maintenant que c'est le même. Et si je supprime cette mise en page d'ici, vous pouvez voir maintenant qu'elle ressemble. Très bien, donc au lieu de Figma, nous changerons ce texte plus tard. Mais avant cela, permettez-moi d'utiliser cet outil Grille de répétition afin que nous puissions ajouter quelques autres outils ici. Peut-être. Parfait. Nous en avons trois. On y va. Je pense que trois sont suffisants pour celui-là. Ensuite, je vais dissocier cette grille. Et puis je vais le faire, je peux simplement diminuer celle-ci. Nous pouvons donc modifier le texte. Je vais donc ajouter, vous pouvez dire outils. Je vais ajouter GitHub ou obtenir celui-ci. Donc je vais dire Dy dt et je me suis ajusté au centre parce que le plus petit. Maintenant, je pense que nous pouvons l' ajuster de cette façon. Ainsi, 163 par cent soixante trois et soixante-dix cinq pour cent à six. C'est donc au centre. Nous pouvons maintenant modifier la couleur de celle-ci afin de pouvoir sélectionner une couleur différente. Je pense que celui-ci est parfait. Et maintenant, pour celui-ci, on peut ajouter plus sombre. On peut ajouter ici plus sombre. Une fois encore. Nous devons nous adapter à cela et plus sombre. Le centre. Voici un 124 par 23, donc c'est au centre. Maintenant, la couleur de fond de style Jen de celle-ci. Nous pouvons choisir cette couleur ici. Parfait. Et pour celui-là, je pense que nous pouvons choisir. On peut choisir, on peut dire un coup de fouet. Vous pouvez choisir n'importe quel nom, quel que soit le nom que vous voulez en fonction de vos besoins. Nous devons donc l' ajuster au centre. Donc, un 123 n'est pas au centre. Perfect Webpack n Ici, nous avons cette option. Nous pouvons modifier la couleur de fond sur celle-ci. Ok, donc maintenant si je lance celui-ci, je devrais pouvoir voir ces outils ici. Nous avons ce projet pew, nous avons ces compétences collantes, puis nous avons ces outils, donc ça a l'air plutôt bien, pas de problème du tout. Une chose que tout ne va pas bien ici. Et au niveau de l'outil sexuel, nous ajouterons notre section commentaires afin que nous puissions partager les nôtres, afin que nous puissions partager opinion d'autres personnes sur notre développeur. Nous le ferons lors de la prochaine conférence et je vais arrêter cette vidéo ici. voit lors de la prochaine conférence. Au revoir. 11. Conception de la carte de la section des commentaires d'application: Bienvenue encore une fois. Dans cette partie, nous commencerons travailler sur notre section commentaires, où nous ajouterons quelques commentaires, puis nous ajouterons à notre vue de défilement horizontal. Pour ce faire avant tout, je vais augmenter la taille du plan de travail du domaine afin que nous puissions ajouter notre section ici. Maintenant, que puis-je faire ici ? Je vais inventer le composant rapidement parce que nous le sommes, nous devons le copier plusieurs fois. Faisons donc de cela un composant. Je vais ajouter un composant Mike. Celui-ci est donc devenu un composant et vous pouvez voir que l'icône a été modifiée et qu'elle devrait être ici. Maintenant, nous pouvons utiliser celui-ci ici si vite. Nous devons ajouter cette chose ici. Laissez-moi voir la mise en page des incapacités. Et à partir de là, je peux maintenant faire glisser celui-ci. Ici. Vous pouvez le voir ici. Encore là. Ici, je peux le changer, l' éducation à la rétroaction. Les commentaires et ensuite nous devons ajuster un peu celui-ci. Je pense au milieu. C'est le cas. D'accord. Maintenant, laissez-moi vérifier. Cette éducation n'est là que, d'accord, c'est très bien. Pas de problème du tout. Maintenant, nous allons montrer nos commentaires. Pour ce faire. Maintenant, dans cette partie, nous n'en ajouterons pas, nous n'aurons pas besoin d'ajouter. Je voulais donc ajouter à notre écran en plein écran les commentaires. Mais pour cela, on pourrait mettre les commentaires. Pour les commentaires, je vais faire défiler la vue que nous ferons à partir de cette colonne ce que je veux dire par là. Je vais donc ajouter une couleur d' arrière-plan, et en plus de cette couleur d' arrière-plan, nous ajouterons les commentaires. Laissez-moi dessiner nos rectangles. Cliquez sur ce rectangle et dessinez un rectangle ici. Peut-être ce montant. Ok, parfait. Donc avant tout, ce que je vais faire, je retirerai cette frontière d'ici. Nous n'avons pas besoin d' avoir de frontière. Et maintenant, nous devons obtenir la couleur d'arrière-plan stop. Nous pouvons ajouter, vous pouvez ajouter une couleur personnalisée. Ou si nous le voulons, nous pouvons également ajouter le dégradé ici. Maintenant, nous pouvons simplement intro, nous pouvons simplement modifier le dégradé. Maintenant, si je le dirige, nous devrions pouvoir voir la descente. C'est donc notre pays, l' application que nous concevons, notre Jusqu'à ce que nous ayons ces outils et ensuite nous avons cette option ici. Ici. Nous ajouterons nos commentaires. Je pense que nous n'avons pas besoin d'avoir autant de hauteur. Nous pouvons simplement enlever cela, le cacher un peu plus. Ce montant. Nous allons y remédier, aucun problème. Et maintenant, que puis-je faire à partir d'ici ? Je vais essayer d'ajouter ces commentaires. Pour cela, je vais ajouter ou je peux ajouter ce montant. Et puis un autre vient d'ici. Nous pouvons ajouter ces deux éléments d'ici à ici. Je peux dessiner celui-là. Je ne peux pas partir de cet ensemble, je peux prendre celui-ci parce que nous avons besoin de la taille un peu plus grande. Nous pouvons le prendre ici, et nous prenons nos cinq colonnes ici, 12345, et ici nous en prendrons cinq, d'accord ? Nous allons donc prendre trois à cinq, d'accord, donc on peut le prendre ici. Nous prenons donc le G6. Nous allons prendre un peu au milieu de celui-ci, et un autre est au milieu de celui-ci. Ensuite, nous pourrons creuser le trou de ce côté droit. Ok, donc maintenant nous pouvons ajuster celle-ci afin de pouvoir maintenant prendre la taille et le poids. La hauteur est donc 401 et la hauteur est 381, donc elle devrait être 401401. Et le cœur, pourquoi ces sept doubles lancers et 51755. Il devrait donc s'agir de sept W5. Il devrait être ici. Parfait. Maintenant, que va-t-on faire ici ? Nous devons y arriver un peu. Nous pouvons d'abord ajouter la bordure. Donc, ajoutez d'abord le rayon de frontière 20, et il en va de même pour celui-ci également. Ajoutez donc un rayon de bordure 20. Ici. Nous allons d'abord modifier le texte en bas, nous ajouterons, nous ajouterons nos courriels, ajouterons une photo de profil, puis le nom de la personne qui a donné les commentaires. D'abord et avant tout, je mange, je n'ai pas besoin d'avoir cette disposition pour le moment, donc je vais supprimer celle-ci. Que puis-je faire maintenant ? Maintenant, je peux cliquer sur l'outil Texte et maintenant je peux dessiner l' option de texte afin que nous puissions ajouter du texte ici. Nous pouvons coller du texte ici. Et je vais copier un forum de post Loren Ipsum. Un poteau factice. Le Simon, je suis désolé. Je peux copier celui-ci. Je ne sais pas. Et maintenant, cela fonctionne, donc je vais copier celui-ci , cliquez avec le bouton droit de la souris sur copie ici. Et puis je peux simplement le coller ici. Et voyons voir. Ok, donc la taille de la ferme est de 50. C'est la raison. Je vais donc le refaire. Maintenant. Il devrait y avoir 20 ici et pas 20 exactement. Peut-être 25 ans. Peut-être que 25, c'est bien. Et je peux l'ajouter de cette façon, au centre ou à gauche ? Ou est-ce simplement supprimer l' espace comme celui qui ressemble à celui-ci, cela va pointer ceci et ce sera la zone du texte, du texte brut et de la zone qui prend cette chose. Nous pouvons le garder au milieu. Vous pouvez voir le centre d'alignement du texte. Et nous pouvons changer les choses distales par celle que nous avons utilisée dans celle-ci, nous pouvons utiliser celle-ci ici. Et après cela, ici, nous devrons ajouter cette chose. Ce que nous aurons à faire ici, je veux ajouter notre photo de profil et ensuite le nom pour cela. Nous pouvons utiliser cet outil ellipse. Je vais donc dessiner ces outils d'ellipse ici pour le faire glisser ici et nous devons réparer le blanc durci, peut-être 95 par 95. Je ne savais pas ce qui devait être pareil pour que nous puissions voir si c'est un cercle. Et encore une fois, c'est assez bec 9895. Nous pouvons donc vérifier 85 d'ici 8575 par 7575, par 7575 par 75. Et là, juste là, je vais enlever cette frontière rapidement ici. Je ne devrais pas enlever la frontière de nous parce que nous n' avons rien dessus. Alors, que puis-je faire ? Je peux simplement ajouter une photo de profil ici, donc j'ai une photo factice. Je peux simplement le déposer ici. Maintenant, il s'est ajusté. Maintenant, je n'enlève pas la bordure mais je veux ajouter notre taille d'eau ici, peut-être cinq. Ensuite, je vais changer la couleur de la bordure pour pouvoir la voir de cette façon. Ou je pense qu'il sera beau dans une couleur blanche que nous pourrons prendre, puis nous pourrons ajouter notre texte ici, et le texte sera ici. Et nous pouvons enregistrer le nom du colis, peut-être juste par exemple, John Doe. Doit-on ajuster ce texte ici ? Nous pouvons augmenter la taille du texte à 35 pour qu'il soit facilement visible. Et laissez-moi vérifier à quoi ça ressemble. Maintenant, nous avons cette option ici, projet Degli, les compétences et les outils. Et voici les commentaires que nous montrons ici. Et ça a l'air bien. Mais ici, je voulais ajouter notre icône ici. Pour ce faire, nous pouvons ajouter, nous pouvons prendre santé de notre plugin d'icônes que nous avons installé. Nous l'avons, je l'ai déjà. Je peux dire cette icône en avant. Voyons ce que je peux voir ? Vous pouvez tout voir si j'attache l'avant, alors je peux voir ce genre d'icône qui s'affiche ici. Maintenant, je vais choisir celui-ci. Omega, il y a une API ici. Je ne sais pas. Je ne sais pas pourquoi. Nous devons d'abord sélectionner ce 1. Alors, laissez-moi revenir en arrière. Nous sommes donc en train de travailler ici. Laissez-moi d'abord choisir cela. Et puis je vais choisir celui-ci. Maintenant, il y a une période ici, encore meilleure que la précédente. Maintenant, nous pouvons choisir, ne pouvons pas tenir celui-ci. D'accord. Nous devons donc tenir celui-là. Je ne suis donc pas désolée, laissez-moi enlever celle-ci rapidement. Sélectionnez ensuite le texte pour qu'il apparaisse ici, puis cliquez sur celui-ci. Cette fois, il arrive ici. Je ne sais pas. Parfois, c'est arrivé ici avec ce plugin d'icônes, donc nous devons le réparer. Je vais cliquer sur celui-ci , puis je vais le faire glisser ici. Non, on ne peut pas le traîner ici. Nous devons le prendre ici, je suis désolé, ça ne marche pas. Et de cette façon, peut-être une autre icône. Nous pouvons sélectionner l'icône de flèche de viande. Bon, il y a donc une période ici. Laissez-moi traîner celui-là. Ok, donc maintenant je peux tenir celui-ci et laisser faire en premier pour que nous puissions l'utiliser à partir de là. Ok, c'est bien. Maintenant, nous n'avons pas besoin de pouvoir penser que nous pouvons le faire. Nous ne pouvons pas supprimer celui-ci, mais nous le pouvons. À partir de là, je peux retirer celui-ci. Mais c'est à l'intérieur de nos composants, nous pouvons donc simplement utiliser celui-ci. Maintenant, je peux faire glisser ce composant et ensuite je peux le coller ici. C'est donc notre composant et je peux le coller ici. On y va. Nous avons donc cette icône ici. Et nous y voilà. Pour l'icône, je peux encore augmenter le blanc à 4545, je peux ajouter 35. Donc si je vais augmenter la maladie et que ça va très mal paraître, d' accord, maintenant ça a l'air plutôt bien. Je pense que nous n'avons pas besoin d'avoir sur celui-ci de cette façon parce que nous allons ajouter quelques éléments supplémentaires ici pour que notre horizontale s'appelle View. Je vais donc retirer celui-ci ici. Et dans la partie suivante, nous ajouterons d'autres éléments ici, puis nous ajouterons le calcul horizontal. Je vais donc arrêter cette vidéo ici et nous continuerons avec la prochaine conférence. voit lors de la prochaine conférence. Au revoir. 12. Carte de retour et vue horizontale: Bienvenue encore une fois. Dans cette partie, nous terminerons notre section commentaires. Donc, avant tout, nous devons dupliquer celle-ci pour pouvoir en ajouter quelques autres. Ensuite, nous pouvons ajouter quelques parchemins horizontaux. Pour ce faire, il faut d'abord et avant tout former un groupe. Nous avons donc cette option ici, donc nous devons d'abord cliquer sur cette ONG. Nous avons donc ici ce rectangle huit, puis nous avons ce texte. Ensuite, nous avons ces grosses cellules. Ensuite, nous avons John Doe sur cette icône. Cela signifie que d'ici au rectangle huit, tous ces éléments sont dans notre chariot. Je vais donc appuyer sur Contrôle, puis je vais sélectionner tous ces éléments. Et nous y voilà. Maintenant, je peux en faire un groupe. Par conséquent, Command Z et moi pouvons changer le nom du groupe juste pour comprendre. Nous pouvons donc dire, nous pouvons dire, je vais faire des commentaires sur le panier et maintenant appuyer sur Entrée. Maintenant, je peux cliquer sur cette grille de répétition. Cliquez donc sur cette grille de répétition. Maintenant, nous pouvons en faire un double. Vous pouvez voir que nous pouvons le faire dupliquer. D'abord et avant tout, je voulais avoir un peu d' espace entre ces deux choses, sinon nous pouvons saisir. D'accord, donc d'abord, je n'en veux pas. Donc, la chose est arrêtée sans faire défiler. Je ne veux pas que ça démontre qu'il gagne, c'est que je ne l'appelle pas. Nous allons leur montrer où arrêter la voiture. Donc peut-être que nous avons des commentaires, nous pouvons maintenant l'appeler, nous pouvons maintenant le dupliquer dès le début du plan de travail du domaine. Vous pouvez voir celui-là. Nous avons celui-ci ici, donc nous avons 1234. Maintenant. Vous pouvez voir ici ces deux icônes. L'un concerne la vue de défilement horizontal, autre pour la vue de défilement vertical. Pour cela, nous avons besoin d' un défilement horizontal. Horizontalement scopy signifie de manière horizontale. Maintenant, si je clique sur celui-ci, il va s'ajuster en fonction de la taille du plan de travail du domaine. Et maintenant, nous pourrons voir que cette icône possède une API. C'est donc l'icône, c'est-à-dire cause de ce que nous l'avons sélectionné pour vue de défilement horizontal et d'un NTD montrant qu'à partir de là, il va rester ici. Et après ça, il va montrer le défilement. Laissez-moi diriger celui-ci. Maintenant. Si je l'exécute, maintenant si je fais défiler vers le bas, nous devrions pouvoir voir nos commentaires ici. Nous avons donc cette section de commentaires ici et maintenant, donc la voici. C'est quand même, on peut en voir un peu. Que puis-je faire maintenant ? Je peux simplement le faire défiler de cette façon. Pas de problème du tout. Et une autre chose, c'est que nous devons le réparer ici. Donc, si nous sommes sur la page d'accueil , nous avons cette option ici. Vous pouvez voir celui-ci, nous devons le supprimer et nous pouvons voir que c'est encore un peu de chaque argent que nous pouvons faire nous pouvons simplement l'enlever. Je pense que ceux-ci ou nous pouvons les supprimer. Ou nous pouvons simplement augmenter le laissez-moi voir si cela a été résolu maintenant. C'est toujours, on peut voir celui-là. Ok, donc je dois d'abord désélectionner cette vue de défilement parce que c'est pour cet espace, pas pour la scolarité. Il faut donc ajouter un peu plus d'espace. Ensuite, nous pouvons sélectionner cette vue de défilement. Maintenant, si je le dirige, nous devrions pouvoir le voir ici. Nous pouvons voir maintenant que nous pouvons le voir de ce côté-ci. Une autre chose est donc perceptible ici. Peut-être que pour cela, on peut maintenant le faire défiler pour qu'il soit plutôt beau. Et maintenant, nous pouvons ajouter plus de choses ici. Laissez-moi vérifier si nous avons acheté un non, nous n'avons pas de moteur ici. Par ici. Nous devons ajouter une icône pour que l'utilisateur puisse comprendre cela. Et du bon côté, nous avons encore peu de choses à faire. Alors, que puis-je faire ? Je peux simplement prendre la santé à la maison de ces outils ellipse. Et au milieu, je peux simplement ajouter un cercle ici. Et il devrait être de la même taille que 55 par 55. voilà. Et maintenant, dans celui-ci, nous avons cette icône. Vous pouvez cliquer sur cette icône iOS. Ensuite, nous pouvons simplement le placer au centre. Je peux le mettre au centre. À l'heure actuelle, cela semble plutôt bien, mais nous pouvons en faire un groupe pour que nous puissions le faire dupliquer et refaire, le refaire sur cette ellipse et cette flèche. Je vais appuyer sur Contrôle et ensuite nous pourrons en faire un groupe , puis nous pourrons dupliquer la commande D. Et voilà. Nous ne pouvons pas, mais nous devons avoir une icône différente pour celle-ci, mais nous pouvons garder le pied mais laissez-moi ajuster la hauteur de la jambe sur la même ligne. Bon, donc maintenant c'est dans la même lumière, c'est dans la même ligne. C'est dans la même ligne, je pense. Parfait, mais nous allons changer l'icône de celle-ci, donc nous n'avons pas besoin d'avoir cette icône ici pour cela. Que pouvons-nous faire ? Nous pouvons supprimer cette icône à partir d'ici. Nous allons supprimer cette icône à partir d'ici. Mais cela ne fonctionne pas. Je suis désolé, nous avons juste besoin de supprimer l'icône. Maintenant, il a été supprimé. Sélectionnez l'icône et appuyez sur Supprimer. Ensuite, nous devons ajouter à nouveau à une autre icône pour le côté gauche. Donc, au lieu d'avancer, nous pouvons ajouter, nous pouvons commencer par là en arrière. On peut dire que B est à la recherche en arrière, et nous avons cette icône ici. Mais nous devrions prendre la même icône que celle que nous avons attrapée. Heureusement, nous avons celui-ci ici. Je peux sélectionner celui-ci ici, puis je peux le déposer là. Et encore une fois, le même problème. C'est donc l'icône. Permettez-moi de le supprimer rapidement , puis de sélectionner celui-ci. Et encore une fois, ajoutez celui-ci ici. Je vais en faire un composant que nous puissions facilement accéder à celui-ci. Maintenant, je peux faire glisser cette icône ici. Nous n'avons pas besoin de l'avoir à partir de là, mais nous pouvons simplement faire glisser cette icône ici. Et il n'est pas au centre. Laissez-moi d'abord enlever celui-ci. Je vais d'abord supprimer cette icône, puis nous pourrons simplement faire glisser celle-ci au centre. Parfait, maintenant laissez-moi l' exécuter, à quoi ça ressemble. Nous devrions pouvoir voir cette petite icône. Maintenant, si je fais défiler vers le bas , nous pouvons simplement voir ce commentaire et c'est à quoi cela ressemble. Et il a cette option maintenant, nous pouvons simplement la faire défiler de cette façon. Donc, tout va bien ici, sans problème. Et ensuite, la prochaine partie, nous ajouterons notre, ce que j'ajouterai. Nous allons maintenant ajouter, nous ajouterons simplement un formulaire de contact ici. Je vais arrêter cette vidéo ici, et nous continuerons avec la prochaine vidéo. Et avant cela, je pense que ce n'est pas au centre. Il est dans l'édition centrale ajustée avec celle-ci. Le fait est que nous pouvons encore, d'accord, donc nous pouvons ajouter celui-ci ici et ensuite simplement, nous pouvons simplement faire glisser celui-ci vers le centre. Il dit que cela montre qu'il s'agit d'un intérêt à l'intérieur du centre, mais nous pouvons quand même, cette icône n'est pas une icône qui ne peut pas simplement sélectionner cette icône. Maintenant. Maintenant, il semble qu'il soit au centre, mais il faut le déplacer de cette façon. Nous pouvons le garder de cette façon, mais le fait est que nous pouvons ajouter notre boîte. Nous pouvons ajouter une ombre ici. Nous pouvons ajouter une ombre à celle-ci. Nous pourrions peut-être ajouter dix par dix pour celui-ci. Et pour celui-ci, nous pouvons également ajouter, il est automatiquement sélectionné dans l'ombre parce que nous, encore une fois, tout n'est pas là, donc nous pouvons ajouter dix par dix. À dix heures sur dix. On y va. Très bien, si parfait. Comment je vais arrêter cette vidéo ici et nous continuerons à partir de la prochaine conférence. 13. Formulaire de contact : Champ d'entrée et bouton: Bienvenue encore une fois. Dans cette partie, nous allons concevoir notre formulaire de contact. Pour le faire rapidement, nous devons augmenter la taille, augmenter les optimistes de hauteur du tableau d'art principal, et ainsi de suite. Pour le formulaire de contact, je ne veux pas ajouter de couleurs d'arrière-plan. Nous utiliserons ce type de couleur d' arrière-plan si rapidement. Nous devons me laisser le hasard. Ils vont d'abord mettre en page quelques-uns, puis nous pourrons prendre le composant texte que nous avions précédemment ici. Vous pouvez voir que c'est l' avantage de créer un composant de sortie si vous allez dupliquer la même chose encore et encore. Donc, au lieu de l'éducation, je vais maintenant écrire ici le contact. Nous devons maintenant nous ajuster sur cette ligne ici. Maintenant, la conduite et les outils Feedback Deck exécutent, tout va bien. Et maintenant, après cela, nous devons ajouter un rectangle ici. Le fait est que je peux ajouter celui-ci d'ici, de là à cela. Je pense que nous avons ajouté la même chose. Je pense que nous l'avons ajouté de la même façon pour tous ces éléments. Parce que nous avons deux colonnes, une colonne à gauche et une colonne du côté droit. Maintenant, je vais d'abord ajouter notre rayon 26 moderne, et nous pouvons ajouter une ombre ici. Ajoutez donc l'ombre de 30, par 30, et nous pouvons supprimer la taille de la bordure. Nous n'avons pas besoin d'avoir la taille de la bordure ici. Et maintenant, ici, nous devrons ajouter trois champs de saisie. Pour le nom, l'un est pour l'e-mail et l'autre pour la boîte de message. Nous pouvons donc commencer à partir d'ici. Je vais d'abord dessiner ce rectangle. Je vais le dessiner ici. Ici. Nous n'avons pas besoin de disposer de cette quantité d' espace pour cette zone de texte. Nous pouvons l'ajouter de cette façon. Ensuite, nous pourrons ajouter simplement celui-ci à partir d'ici, je pense, de la fin de celle-ci à cette colonne. Bon, donc maintenant, nous devons ajouter un peu de rayon d'eau ici. Ainsi, à D, puis à l'intérieur de celui-ci, nous pouvons éditer du texte. On peut dire, on peut dire nom, puis on peut ajouter un double point. Mais la taille de la ferme ne devrait pas être comme ça. Il devrait être 20, un peu plus gros, peut-être 25. Ensuite, nous pouvons modifier la police, la famille de polices. Nous pouvons ajouter n'importe quel autre élément que nous voulons avoir. Peut-être ceci ou ceci. Laissez-moi voir à quoi ça ressemble. Ensuite, nous pourrons l'ajouter ici. Feedback. Après ce commentaire, nous avons ce contrat, accord, donc les tailles peu trop bécher, je veux dire la taille du champ d'entrée. Nous pouvons donc changer, changer la hauteur de celui-ci. Nous devons d'abord cliquer sur l'outil Sélectionner pour pouvoir le sélectionner. Et ensuite, nous pouvons simplement minimiser la hauteur, peut-être 70. Ensuite, nous devons ajuster le texte au centre. Il est au centre. Maintenant, nous pouvons en faire un groupe, puis nous pouvons le dupliquer d'abord. Le fait est que nous devons cliquer ici, puis cliquer sur le nom et le rectangle que nous avons ici. Donc ce nom et ce rectangle, puis en font un groupe. Appuyez donc sur la commande D et je vais changer le nom du groupe2. On peut dire champ de saisie. Et puis je peux prendre l'aide du stupide, génial, et je peux simplement le dupliquer en silicone ajouter un T1 est pour e-mail, un est pour le numéro de téléphone. Et je peux prendre de l'espace entre celui-ci. Ensuite, je vais cliquer sur cette grille de dissociation. Ensuite, nous pourrons changer le nom. Le second sera donc le courrier électronique. Nous pouvons ajouter un e-mail ici, ajouter un point. Et puis, pour le dernier, nous pouvons ajouter un numéro de téléphone. Vous pouvez ajouter un numéro. Maintenant. Donc, d'ici à ici, nous avons besoin d'une boîte de saisie pour adultes ou de saisie pour notre option de message. Nous pouvons à nouveau prendre l'aide de ce rectangle et d'ici ou peut-être du médial. Nous l'adapterons plus tard. Pas de problème. Donc, d'abord, je vais dessiner celui-ci de cette façon. Je pense qu'à partir de là, nous pouvons le prendre ou nous le pouvons, je pense que ce montant est correct. Et maintenant, nous pouvons simplement ajouter un rayon de frontière à 20. Laissez-moi voir à quoi cela ressemble, mais nous pouvons le voir de cette façon, mais c'est la hauteur et le poids n'est pas ajusté. Je pense que c'est le cas. D'accord. C'est le cas. D'accord. Ok, parfait. Nous devons maintenant ajouter notre texte ici. Laissez-moi contourner celui-ci pour que nous puissions le voir. Vous y voilà. Nous avons donc ce formulaire de contact ici. Mais le fait est que nous avons un très grand espace d'ici à ici pour que nous puissions y remédier. Une autre chose est qu' ici nous allons écrire du texte et ensuite, ici, nous pourrons ajouter un bouton. Pour ce faire. Nous pouvons l'avoir fait. Laissez-moi d'abord ajouter le texte ici. Je vais ajouter le texte au centre, et je vais dire vos messages. Nous pouvons ajouter celui-ci ici et nous assurer qu'il s'agit d'incitations. Alors, comment allez-vous le définir au centre, vous pouvez voir qu'il va nous donner notre ligne. Nous pouvons simplement qu'il soit au centre, mais il devrait être du côté gauche. Parfait. Non, il n'est pas ici là-dedans. Maintenant, après cela, nous pouvons avoir cette option de rectangle inférieur. Cliquez sur ce rectangle et ensuite nous pouvons simplement, que pouvons-nous faire ? Nous pouvons partir, nous pouvons prendre ces quatre colonnes pour créer notre fond. Je veux dire ces quatre colonnes, puis médiales. Et puis nous pourrons partir pour, nous pouvons partir pour former le côté gauche et deux du côté droit. Nous pouvons ajouter un peu de ce n. Pour celui-ci, je pense que nous pouvons ajouter notre design unique pour celui-ci. Voyons voir. Nous pouvons ajouter différents types de bordures pour différents coins. Disons donc la partie D pour celle-ci, puis pour celle-ci, puis 64 celle-ci, puis 55 pour celle-ci. Si je clique ici, je pense que nous devrions voir nos masses ici. Je peux voir le rayon du coin supérieur gauche. rayon du coin supérieur gauche est tardif. Allons en faire 60. Faisons 80. Celui-ci en fait 2520. Maintenant, celui-ci fait 80 car chaque cellule, en bas à droite, je pense que c'est en bas à droite. Laissez-moi le prendre. Je ne montre pas maintenant. Il devrait nous montrer. Vous pouvez voir le rayon du coin inférieur droit. Cela signifie que celui-ci doit avoir la même taille. Nous pouvons maintenant ajuster celui-ci. Lucky solver, disons un nouveau design, juste pour vous montrer comment utiliser un autre type de coin si vous avez besoin d'utiliser ? Et je pense que maintenant nous n'avons pas besoin d'avoir cette vue superposée. Nous pouvons maintenant supprimer cette vue de mise en page. Ensuite, nous pouvons ajouter juste la couleur. Je pense que nous pouvons utiliser cette couleur, j'aime bien cette couleur, donc je vais cliquer sur cette couleur et ensuite nous pourrons simplement ajouter cette couleur ici pour que nous puissions l'utiliser. Cliquez maintenant sur ce bouton, puis cliquez ici, puis cliquez sur cette couleur. On y va. On a eu cette couleur. Ici. Nous pouvons quand même ajouter un peu plus de dégradé linéaire. Nous pouvons simplement ajuster celle-ci de cette façon. Nous pouvons ajouter un texte et une icône ici pour ajouter un texte ici. Je vais cliquer dessus. Nous pouvons dire cent, puis nous appellerons ici, puis nous pourrons ajouter une icône. Et vous avez cette icône ici. Nous devons ajouter. Nous pouvons ajouter notre icône ici, on peut dire icône Sant. Ensuite, nous pourrons l'obtenir ici. où nous en avons encore une fois, nous l'avons obtenu sur le dessus pour pouvoir le faire glisser ici. Et puis je vais créer des composants informatiques pour que nous puissions l'utiliser facilement, créer un composant. Et puis je vais le déplacer d'ici. Et ensuite, nous pourrons l'utiliser à partir d'ici. Je vais faire défiler vers le bas. Et ici, nous avons celui-ci ici. Nous pouvons avoir celui-là. Je peux donc faire glisser celui-ci. On y va. Nous pouvons l'ajouter ici. Ok, donc maintenant, ça a l'air plutôt bien, mais le fait est qu' il ne s'affiche pas au centre, pas au fond. Nous devrions ajuster cela, celui-ci. Je pense que nous pouvons le faire maintenant. Ça a l'air bien. C'est bon maintenant. Maintenant, si je l'exécute, nous devrions pouvoir consulter notre formulaire de contact. Maintenant. Nous pouvons faire défiler vers le bas et nous y voilà. C'est notre formulaire de contact, donc nous avons le parfum, mais nous devons changer ceci ou les polices, la famille de polices, je n'aime pas celle-ci pour le bas. Et nous pouvons dire que celle-ci va bien mieux maintenant, oh, que pouvons-nous faire ? Nous pouvons tout simplement, le fait est que cela va changer. Tout ça va être une chance. Pour celui-là. Je vais appuyer sur « Annuler ». Alors je vais le faire, d'accord, donc ça a aussi changé, donc on peut ajouter à nouveau ici. Le fait est que bien que nous ayons cette option ici, il s'agit donc du bouton rectangle. Ensuite, nous avons ces champs de saisie. Nous pouvons copier tous ces documents. Cliquez sur et copiez tous ces éléments , puis créez un groupe. Une fois. Si le groupe , nous pouvons le voir complètement. Et juste celui-là. Et je ferai juste le contrat que nous avons utilisé la même taille ici. Je vais donc montrer, je vais ajouter l' intégrale de la vue de cette vue de mise en page. Nous pouvons maintenant voir que c'est parfait. C'est juste cela avec cette colonne et celle-ci aussi. Maintenant, permettez-moi de le relancer afin que nous puissions voir le résultat final de celui-ci. Et ici, c'est égal. Nous avons cette icône d'envoi, et c'est notre formulaire de contact, donc parfait. Et nous avons cette origine dans la vue de défilement ici. Je vais donc arrêter cette vidéo ici. Et dans notre prochaine partie, nous commencerons à travailler pour notre voiture. Nous allons simplement ajouter un peu de design dans le pied de page. Nous continuerons donc à partir de la prochaine conférence. voit lors de la prochaine conférence. Au revoir. 14. Section de pied de page Conception complète: Bienvenue encore une fois. Dans cette partie, nous allons concevoir notre section de pied de page. Donc, pour ajouter une section de pied de page, nous devrons la dessiner dans le pied de page et la dernière partie, mais nous avons toutes les tailles plus grandes, donc je vais supprimer cette taille du plan de travail principal. Je pense que cet espace est correct pour le pied de page. Maintenant, je vais dessiner notre rectangle ici. Nous allons simplement ajouter un pied de page de base. Avant cela, je pense que nous le pouvons. Maintenant, nous pouvons simplement dessiner notre section de pied de page ici. Nous allons simplement ajouter une icône ici parce que nous n'avons pas besoin d'avoir beaucoup plus de choses sur notre projet de portefeuille. Que pouvons-nous faire maintenant ? Nous pouvons cliquer sur celui-ci, et ici nous pouvons ajouter une couleur d'arrière-plan. Nous pouvons ajouter notre couleur de fond, je pense que cette couleur claire, puis une autre , la couleur orange. Ensuite, nous pouvons cliquer sur ce dégradé linéaire. Nous pouvons contourner celui-ci. Très bien, celui-là. Alors ici, je voulais juste ajouter quelques icônes, peut-être quelques icônes de médias sociaux, Facebook, Instagram ou Twitter. Je vais donc d'abord cliquer sur ce 1. Avant cela, permettez-moi de vérifier si nous avons un très grand espace entre les deux. Le résidu va être difficile à changer après cela, le formulaire de contact et celui-ci, tout va bien. Nous allons donc ajouter quelques icônes ici. Nous pouvons encore, nous pouvons, nous pouvons simplement changer celle-ci. Nous pouvons ajuster celui-ci. Et je vais aussi enlever la hauteur un peu plus pour m'ajuster avec celle-ci et nous n'avons pas besoin d'une quantité d'espace décente. Vous pouvez également réduire cet espace. Et maintenant, pour ajouter une icône ici, d'accord, la seule chose que nous pouvons faire est d'activer la section de mise en page afin que nous puissions voir d'où nous pouvons ajouter notre allèle. Nous avons donc celui-là. À partir d'ici. Nous travaillons. Nous pouvons faire une chose, donc 34, puis nous pouvons soulever Aquaphor, et ensuite nous en avons quatre autres. Ainsi, à partir de ce troisième, nous pouvons partir à l'automne et de ce côté nous pouvons partir, puis nous pouvons travailler sur ces deux côtés, sur ces deux colonnes, ou peut-être à partir d'une colonne industrielle, ainsi de suite. Ensuite, nous pourrons faire cette chose. Ce n'est pas un gros problème ici. Nous pouvons en prendre et ensuite nous en prendre trois, puis nous en aurons quatre. À partir de là, nous pouvons, au lieu de travailler, nous pouvons ajouter cette option ici. Nous pouvons le faire pour que nous puissions avancer rapidement. Permettez-moi de déplacer cet allèle ou deux. Vous n'avez pas besoin d'avoir cette mise en page ici. Ici, nous devons ajouter avoir la même taille. Haydn White va avoir 80 ans sur 80. Ici, nous devons ajouter l'icône. Pour ajouter l'icône. Je vais l'ajouter ici pour ajouter une icône. Que puis-je faire ? Je peux prendre soin de cet outil d'icône, nous pouvons sauvegarder le premier livre. Vous pouvez voir qu'il y a tellement d'icônes Facebook. Nous pouvons donc cliquer sur un pour celui-ci. Et puis je vais, je vais en faire une composante. Et puis je vais supprimer celui-ci car nous allons le copier à partir du composant. Et ensuite, je vais ajouter notre Instagram. Cliquez ensuite sur une icône Instagram. Je vais en faire un composant. Ensuite, je vais le retirer d'ici. Et ensuite, nous aurons un autre article. Nous aurons un autre objet, peut-être Twitter. Ajoutons à nouveau l'icône Twitter ici. Je vais donc en faire une composante. Sélectionnez ensuite celui-ci et supprimez-le. Nous avons eu l'icône C pour cette section de pied de page. Nous pouvons donc maintenant modifier. Maintenant, je vais ouvrir ce composant ici, donc nous avons ce livre, pour que je puisse déposer celui-ci ici. Je peux l'ajuster au centre. Ok, parfait. Maintenant, nous pouvons ajouter, alors laissez-moi voir. Il a l'air plutôt bien. Jusqu'à ce que nous puissions le faire, nous le pouvons. Juste pour celui-là, je peux faire en sorte qu'un Oregon en double s'aide de cette grille de répétition. De toute évidence, ces dégâts ne vont pas dupliquer l'icône Facebook car nous n'en avons pas fait un groupe, donc nous avons simplement dupliqué le cycle. Ok, donc vous pouvez aussi apprendre d'ici. Et puis je vais dissocier celui-ci. Ensuite, je peux ajouter cette option Twitter ici. Ensuite, je peux l'ajuster au centre. C'est le centre de celui-ci, je pense. Ok, parfait. C'est au centre et nous avons cette option Instagram. Je vais donc copier ces Instagram ici. Ensuite, je peux le mettre dedans. Je suis désolé. Nous devons le faire glisser. Nous devons faire glisser celui-ci ici. Le truc, c'est que je le dessine encore ici. Nous devons le mettre au centre. Je pense que c'est au centre. Tout va bien ici. Et maintenant, je vais lancer celui-ci et espère que nous pourrons voir correctement notre pied de page et nos commentaires, c'est notre section de contact et c'est notre section de pied de page, donc ça semble C'est plutôt bien. Une autre chose est pensée ou je le ferai, je vais en faire un composant, tout ce pied de page. Je vais en faire un composant car dans notre prochaine base, nous allons concevoir pour notre base détaillée de cette section de projet. Nous aurons également besoin de ce pied de page, il est donc préférable faire nos composants afin de pouvoir le réutiliser. Et T sont égaux. Nous avons ceci, nous avons ce bot. C'est le cas, il compte comme partie et ensuite nous avons tous les districts. Nous avons donc celui-là et nous en faisons notre groupe. Ensuite, nous pouvons créer un composant informatique. Vous pouvez voir qu'il s'agit désormais d'un composant. Maintenant, si je vais ici, alors si je le fais glisser ici, vous pouvez voir que nous avons toute cette équipe. Nous pourrons ensuite le réutiliser dans notre espace détaillé. C'est la beauté d' en faire un composant. Alors, que devez-vous faire ? Il vous suffit de créer un groupe, tout ce que vous voulez créer un composant, puis d'écrire simplement le fluage, cliquer avec le bouton droit de la souris, puis d'en faire un composant. Donc, comme il s'agit déjà d'un composant, vous pouvez soit dire que je vois ce composant non groupé parce que j'ai déjà émis un composant. Une chose est qu'une fois que vous aurez créé ce composant, vous pourrez voir ici la valeur par défaut est que les stades seront votre composant hibou et l'icône a été modifiée. Vous pouvez voir que c'est la beauté de celui-ci. Je n'ai donc pas besoin de l'avoir ici parce que nous l'avons déjà ici et nous pouvons le copier aussi intelligemment que nous le voulons. Autant de temps que nous voulons copier. Tout va bien ici. Je vais arrêter cette vidéo ici, et nous continuerons à partir de la prochaine conférence. 15. Conception de la navigation de la page de détails: Bienvenue encore une fois. Dans cette partie, nous commencerons travailler sur la section Détails de notre projet. Ainsi, lorsque vous double-cliquez sur les détails de cette BU, nous les enverrons vers un nouveau plan de travail où nous afficherons les détails du projet. Pour ce faire avant tout, nous devons créer, créer un nouveau plan de travail. Je vais donc cliquer sur cette icône de tableau d'art ici. Maintenant, dans ce coin, nous devrions être en mesure de les voir tous vers le bas du plan de travail disponible dans Adobe XD. Vous pouvez également diviser le tableau client où vous pouvez définir votre propre masque et blanc. Mais pour moi, je vais m'attendre à cette largeur 1920 car c'est le web 1920. Je vais cliquer dessus. On y va. Et nous appelons ces nouveaux tableaux artistiques. Je vais d'abord changer le nom de celui-ci. Je peux simplement dire : Que puis-je dire ? Je peux simplement dire l'espace des détails. Pour celui-ci, je peux choisir. Je peux dire, dire pièce principale, je peux dire, ou nous pouvons dire page d'accueil. Très bien, maintenant, ici, si vous regardez ici, nous pouvons voir que nous avons ce genre de chaleur ici avec cette option Toutes ces options de navigation ici, mais ici nous allons ajouter notre Un autre genre de choses. Pour cela, je vais définir une nouvelle barre de navigation ici. Je peux donc simplement définir une nouvelle barre de navigation ici. Vous y voilà. Ensuite, je vais enlever cette bordure. Nous n'avons pas besoin d' avoir de frontière. Que devons-nous faire ? Nous devons prendre la même couleur que celle que nous avons ici. Donc je vais le faire, je pense que nous avons déjà cette couleur. Je pense donc que c'est la couleur que nous avons tous que vous avez déjà. C'est donc la même couleur. Maintenant, je vais sélectionner cette nouvelle barre de navigation et cliquer sur cette palette de couleurs. Ensuite, je vais sélectionner celui-ci que nous ayons la même couleur. Nous avons ici un texte qui va être n'importe quel. Ici, je vais écrire celui-là. Nous pouvons dire qu'ils doivent être de 50, seulement 11, donc nous devons en ajouter 50. Permettez-moi de vérifier les tailles de police que nous avons utilisées pour notre barre de navigation. Je pense que ce n'est pas 50 ans, c'est peut-être tardif ou quelque chose a commencé. Je vais donc donner tout ce qui est tardif ici et ensuite nous pourrons le mettre au centre. Pour cela, pour tout cela , nous avons utilisé 25. Bon, donc nous aurons besoin de tout ça. Que puis-je faire ? Je vais ajouter que je vais mourir quelques autres noms ici. Nous pouvons donc simplement dire que c'est un niveau et ensuite nous pourrons ajouter. Nous allons recommencer ici. Nous pouvons dire que nous devons modifier la taille de la police à 25. On y va. Alors nous pouvons simplement le faire, c'est le centre. Vous pouvez voir que Vingt-sept, vingt-sept. Ensuite, nous pouvons cliquer sur cette grille de répétition. Et ici, nous pouvons ajouter. Nous avons ces deux options ici. Je n'en fais pas beaucoup plus. Nous n'en avons que peu. Nous n'en avons que deux à six, donc nous n'avons que six options ici. Que puis-je faire ici ? Nous pouvons faire un peu d'espace ici. Ensuite, nous pourrons en retirer quelques-uns. Nous devons en avoir trois, peut-être. Ensuite, je vais cliquer sur Dissocier. Et ensuite, le second sera l'éducation. On peut dire « éducation ». Ensuite, nous pouvons dire que nous avons ce projet en mer et nous pouvons dire projet. Et puis, pour celui-ci, nous pouvons dire compétences. Nous allons dire les compétences, les compétences de Debbie, puis nous avons des outils et ensuite nous menons des outils. Ensuite, nous avons des contacts. Nous devons ajouter un contact. Il s'agit de l'élément de navigation dont nous disposons, mais nous devons l'avoir dans le même espace. Nous pouvons donc prendre de l'espace de cette façon, nous le pouvons, maintenant nous pouvons faire glisser et ensuite nous pouvons le prendre de cette façon. Nous pouvons, nous en avons 59, nous en avons 59. Vous pouvez voir le premier et le second est supposé 59, puis celui-ci va ajouter, on peut le faire glisser vers 59. Pour celui-ci, nous pouvons encore ajouter 59. Et ensuite, pour celui-ci, on peut encore ajouter 59. Et c'est dans la même ligne. Et nous devrons ajouter un autre plat ici. Une autre chose est que nous aurons deux gènes de cette couleur, mais nous le ferons, mais avant cela. Ok, donc maintenant si je vais ici et je peux simplement sélectionner tous les éléments que nous avons créés. Sélectionnez donc tout l'article, sélectionnez tout l'article ici. Et puis je peux simplement changer la couleur en blanc. Vous pouvez voir que la couleur a été remplacée en blanc, mais elle ne devrait pas être de cette couleur blanche. Parfait. Maintenant, il suffit d'ajouter un soulignement ici et de cliquer dessus sur l'outil Blend, l'outil de ligne ici. Ensuite, nous pouvons modifier la taille de l'outil de ligne. Peut-être. Nous devons l' ajuster au centre. Nous devons l' ajuster au centre, au centre de ce texte. Ensuite, nous pouvons augmenter la taille de celui-ci et simplement modifier la couleur de la bordure pour ajouter une couleur différente ici. Ok, parfait. Nous avons donc conçu notre nouvel espace numérique et notre nouvelle barre d'irrigation. Et maintenant, lorsque vous cliquez sur cet espace de détail où vous les enverrez ici. Mais le fait est que nous avons dans nos paires de détails, ce que nous avons dans nos paires de détails, permettez-moi de voir ce que nous avons. Nous avons donc des emus et nous avons une description détaillée et nous ajouterons quelques autres choses. Donc les courriels que nous allons afficher en plus de celui-ci, donc vous manquez, je vais ajouter les unités pour tout ce domaine. Je vais donc faire glisser un émus à partir de là. Je peux dire cette SP ici. Où est DC Mlle Okay, donc ce n'est pas là. Faites une chose que nous pouvons simplement, car nous pouvons simplement créer notre rectangle et ce rectangle, nous pouvons simplement mettre ces e-mails et c'est le meilleur moyen pour que les e-mails puissent s'ajuster automatiquement et nous pouvons simplement le faire glisser ici. Vous pouvez voir que l'image a été ajustée avec celle-ci. Et nous pouvons simplement nous adapter avec celui-ci. Je pense que nous pouvons avoir un peu d'espace. Je vais retirer cette bordure de cette image. Nous n'avons pas besoin d' avoir de frontière. Maintenant, si je sélectionne cette pièce et si je l'exécute, alors seuls nous pourrons voir cet espace. Si je l'exécute, nous devrions voir notre espace détaillé ici. Nous pouvons voir que c'est notre image, c'est donc notre propre barre de navigation. Tout va bien. Maintenant, que pouvons-nous faire ? Ici ? Nous devrons ajouter le titre les fonctionnalités, la description et l'avenir de celui-ci. Résolvez pour ça. Avant tout, que puis-je faire ? Je peux activer la vue de mise en page pour que nous puissions, ce que nous pouvons voir dans la colonne, le numéro de colonne. Je vais double-cliquer dessus , puis cliquer sur cette mise en page. Maintenant, nous avons de la désorption. À partir de là, j' aimerais ajouter un nouveau plan de travail avec la vue carte afin que nous puissions ajouter notre titre et une description. Ensuite, nous aurons notre fonctionnalité et la technologie utilisées. Je vais cliquer sur ce tableau d'art, sur ce tableau pas sur cet outil rectangle. Et à partir de là, je peux ajouter nous pouvons dessiner notre nouveau rectangle. Nous pouvons dessiner notre rectangle ici. Et ici. abord, je vais ajouter un peu d'idées d'eau que nous n'ayons pas besoin d'en avoir, OK . Nous pouvons d'abord ajouter une ombre pour ajouter une ombre 20 par 20. Maintenant, retirez la bordure. Ici, nous pouvons ajouter notre titre, puis ajouter notre description pour modifier le titre. Nous pouvons simplement commencer à ajouter un titre à partir d'ici. Alors on peut le faire. Mais nous devons le modifier pour bloquer le texte. Alors que le texte. Tout d'abord, permettez-moi de sélectionner celle-ci avant. Je pense que nous n'avons pas besoin d' avoir cette vue de mise en page maintenant, nous pouvons simplement supprimer celle-ci et ensuite l'ajouter. Le fait est que l'arrière-plan est blanc et il y a une raison pour laquelle nous ne pouvons pas voir cette forme ici. Dans notre page d'accueil, nous utilisons donc deux arrière-plans différents pour cette mise en page. Donc la couleur est dans cette couleur, donc je vais y arriver, je vais dire cette couleur ici, puis je vais venir ici pour celui-là, pour la sphère numérique. Ensuite, je vais choisir celui-là. Maintenant, nous pouvons voir, voir, nous pouvons voir celui-ci ici. Nous allons donc ajouter notre titre ici. Nous pourrons peut-être ajouter un titre et une description à partir de là. Laissez-moi d'abord changer la couleur en noir. Nous devons donc le changer en noir. Cliquez sur cette palette de couleurs. Non sélectionné. Maintenant, nous pouvons changer la couleur en noir. Bon, nous pouvons donc ajouter notre titre ici. Je vais faire le MOOC celui-là et je vais copier des tiques factices de Loren Ipsum. Nous pouvons simplement copier quelques textes d'ici. Je vais copier d'ici à ici. Je vais copier celui-ci. Et je vais ouvrir cet Adobe XD. Et voici les outils de texte. Et je vais le coller ici. Ensuite, nous pouvons ajouter la taille de police de cette petite taille bien rangée. plus rapide de sélectionner le formulaire formé pour le texte et d' ajouter cette taille de formulaire. Et puis je vais supprimer quelques textes parce que nous n'avons pas besoin d' avoir beaucoup de texte ici. Je peux déplacer quelques textes ici. Ok, parfait. Maintenant, cela va pouvoir titre, puis nous pourrons ajouter un style de police pour ce titre. Nous pouvons dire que nous pouvons utiliser cette couleur, nous pouvons utiliser celle-ci. Et maintenant, nous allons avoir notre brève description de ce projet. Pour ce faire, je vais cliquer à nouveau sur cet outil de texte, puis nous devons dessiner une zone pour afficher notre article de détails ici. Vous pouvez donc voir que nous pouvons simplement le faire d'ici à ici. On y va. Parfait. Maintenant, ici, nous allons utiliser notre, nous ajouterons notre description. Nous ajouterons notre description. Ensuite, nous pouvons simplement le coller ici. Je vais modifier la taille du formulaire ici. Nous n'avons pas besoin d'en avoir 35 et nous pouvons le changer à 25. Il y en a huit, et c'est notre titre et notre description n. Nous pouvons maintenant ajuster celui-ci en cliquant ici. Il est maintenant ajusté pour que nous puissions simplement diminuer la taille de celui-ci. Maintenant, si je lance celui-ci et que nous pouvons avoir ces détails description et dans la partie suivante, nous ajouterons quelques autres fonctionnalités comme la technologie d'utilisation des tick. Nous pouvons utiliser les fonctionnalités et les technologies utilisées, puis plus de publications ici. Mais nous le ferons dans la prochaine partie. Et je vais arrêter cette vidéo ici. Nous continuerons à lire la prochaine conférence. 16. Conception de caractéristiques de la page de détails: Bienvenue encore une fois. Dans cette partie, nous continuerons à travailler sur notre espace détaillé. Il s'agit donc déjà d'un tableau d'art dispersé, nous avons donc modifié notre titre et notre description et nous pouvons maintenant ajouter notre nouveau champ pour notre fonctionnalité de ce projet. Donc, pour ajouter cette fonctionnalité, ce que je vais faire en premier, je vais activer cette vue de mise en page afin que nous puissions voir la colonne d'ici à ici, nous allons ajouter un autre rectangle où nous ajoutera toutes les fonctionnalités. Nous allons donc entrer un nouveau rectangle ici et il sera un peu plus grand car nous allons ajouter quelques autres options ici. Pour la section fœtus. Vous y allez, nous pouvons ajouter le rayon d'eau 20 puis ajouter notre ombre. Shadow aura 20 ans d'ici 2020 et 20 autres d'ici. Maintenant, nous pouvons le faire, nous pouvons maintenant supprimer cela. Nous pouvons supprimer cette vue d'ici. Nous pouvons supprimer cette vue de mise en page, et nous n'avons pas non plus besoin d'avoir ce moteur ici. Il a l'air parfait. Maintenant, nous pouvons d'abord ajouter un titre ici, alors cliquez sur les enjeux. Et vous pouvez voir que c'est exactement dans la même position que nous pouvons écrire. Ici, il faut, on peut dire, caractéristique, caractéristique de ce projet. On peut peut-être changer la taille de la police à 45. On y va, parfait. Maintenant, nous pouvons ajouter le moins de nôtre. Nous pouvons ajouter au moins ici. Nous pouvons simplement dessiner notre cercle à partir de cette céréale de la même ligne. Ou un petit cercle va être un point. Et on peut ajouter 15 par 15, peut-être 15 par 15. Et puis nous pouvons, vous pouvez le faire glisser ici. Et puis on peut changer la couleur en noir pour ce point. C' est là le point de la balle. Et ici, nous allons ajouter le titre. Je vais cliquer sur l'outil Sticks et je vais ajouter du texte ici. Je vais peut-être copier celui-ci. Je vais appuyer sur Commande, Contrôle C. Voyons si nous pouvons le copier à partir d'ici. Et ensuite, on peut le coller ici. On y va. Nous pouvons copier celle-ci, mais nous devons changer de style. Nous avons besoin de choisir le style, la taille de la police parce qu' il décolle 45. Mais celui-ci est, je pense que 25 ou 35 ans, c'est 35. Je pense que ce n'est pas à peine cinq. Il est 35 ans. D'accord, mais ajoutons 25. Nous pouvons en ajouter 25 et nous avons cette option ici. Je ne sais pas grand-chose sur cet élément de données particulier. Dans ce cas, nous pouvons voir je pense que nous avons copié la description, pas celle du titre. C'est la raison pour laquelle il montre l'ensemble de la zone. Je vais juste copier celle-ci. Mieux. Je peux le faire pour que je puisse l' entendre c'est que ce texte et cliquez dessus avec le bouton droit de la souris. Et ensuite, nous pourrons le rendre plus judicieux. Le bouton ne fonctionne pas. Maintenant, nous pouvons en faire un composant, et il est devenu un composant et l'icône a été modifiée. Maintenant, je peux cliquer sur celui-ci et ensuite je peux simplement faire glisser ce composant ici. Vous pouvez voir maintenant que je peux ajuster celle-ci d'ici à ici. Ok, parfait. Maintenant, que puis-je faire ? Je peux simplement créer un groupe ou ce point et ce sont des composants pour que nous puissions le dupliquer. Donc, cette ellipse et ce composant vont être un groupe. Nous pouvons dire commande G, appuyer sur Commande D, puis nommer le groupe. Nous pouvons dire : Pouvons-nous économiser, nous pouvons dire fonctionnalité. Vous pouvez dire des fonctionnalités. Il y a du bien. Maintenant, cliquez sur ce bouton de grille lipidique, et voilà. Nous avons ces deux options. Nous pouvons le faire, nous pouvons dupliquer quelques autres types et ensuite ajouter un coffre et celui-ci. Maintenant, si je l'exécute, nous devrions pouvoir voir nos fonctionnalités. Et nous y voilà. Nous avons cette option de fonctionnalité, nous avons donc terminé avec succès cette fonctionnalité de SHA-1. Et voici notre titre et notre description, et c'est notre option de fonctionnalité. Nous montrons notre image ici. Et que puis-je faire ? Je pense que nous pouvons ajouter, nous pouvons ajouter notre titre ici et la description ici pour obtenir plus d'idées. Je vais donc ajouter un titre et une description en plus de celui-ci. Je vais donc cliquer sur cet outil de texte , puis ajouter un titre ici. On peut dire titre. Vous pouvez dire titre. Très bien, maintenant je vais ajouter ça un peu ici. Et puis celle-ci est un peu terminée. Nous devons maintenant ajouter un autre texte pour la description. Nous pouvons en dire une description. Je suis désolé. Ensuite, nous pouvons ajouter sous script affiché ici égal. Nous avons également cette option de description. Ok, parfait. Nous pouvons donc modifier la taille de la police de ce titre et de cette description tout comme l' option de fonctionnalité que nous utilisons. Je vais donc choisir ce 1245. Ok, il faut donc ajuster celui-ci parce qu'il prend beaucoup de place. Je vais donc le faire glisser vers le bas , puis le faire glisser vers le bas et cibler, charger le titre. Nous devons le faire glisser un peu et nous pouvons l'ajuster maintenant. Pour la description, encore une fois, il sera de 45 ans. Et nous y voilà. Maintenant, nous avons cette description et ce titre, cette description et l'avenir, pas si je l'utilise, nous devrions pouvoir voir notre titre ou notre description et nos fonctionnalités. Et j'aimerais ajouter quelques autres choses dans notre espace détaillé. Par exemple, je vais certainement devoir ajouter un pied de page que nous avons déjà dans notre composant. Mais en plus de cela, je vais ajouter nos autres projets dans d'autres projets portuaires d' une manière différente de sorte que lorsque vous avez vu que lorsque quelqu'un va augmenter l'espace de données, il aurait accès à d'autres messages, puis il peut cliquer dessus. X n'est pas un projet pour adultes. Nous le ferons au prochain endroit. Je vais arrêter cette vidéo ici. voit lors de la prochaine conférence. Au revoir. 17. Conception de cartes de page de détails: Bienvenue encore une fois. À l'endroit où vous allez ajouter quelques autres options dans notre espace détaillé. Pour ce faire, que pouvons-nous faire ? D'abord et avant tout, nous devons augmenter la hauteur de nos détails, mais le plan de travail, donc je vais l' augmenter un peu plus. Et ici, nous ajouterons trois autres options de projets ici pour que nous puissions en prendre un peu plus. Très bien, donc je vais d'abord ajouter, je vais activer cette vue de mise en page. Donc, cliquez sur ceux-ci ne peut pas s'ennuyer. Et cliquez sur cette option de mise en page. Nous pouvons maintenant voir cette vue de mise en page à partir d'ici. Je vais d'abord ajouter notre texte ici, ici. Je vais donc d'abord ajouter notre texte. Nous pouvons dire que le texte va venir d'ici. Parce que tout vient de côté. Je vais ajouter ici un texte et ici vous pouvez dire, je vais cliquer, je peux dire plus de projets. C'est plus de projets sexuels n, peut-être que je peux ajouter un souligné ici. Laissez-moi d'abord ajuster ce texte. On peut 45 ans. Il faut donc en avoir 45. Ensuite, nous pouvons cliquer dessus. Laissez-moi choisir celui-ci. Nous pouvons, nous pouvons en avoir 45 et ensuite cliquer dessus pour ajuster celui-ci. Et maintenant, après cela, nous pouvons mettre l'accent sur celui-ci. Nous pouvons tracer notre vésicule sous-jacente est une ligne que nous allons tracer ici. Et je vais dire, voyons voir, laissez-moi le changer. Je peux le faire glisser vers le bas et ensuite on peut réduire la hauteur jusqu'à, je pense que 240 à 40 vieux bouquet. Et ensuite, nous pourrons l'ajuster ici. Maintenant, si je lance celui-ci, alors nous pouvons simplement, voyons voir, nous devons sélectionner le parce que nous n'en avons pas ajouté. Si vous n'avez pas ajouté d'option de prototype pour le moment, nous pouvons naviguer vers l'espace de données. Il s'agit donc d'un espace de vente total. Et voilà, nous avons ce mode de détails sur les projets. Maintenant, nous allons ajouter trois autres projets. Nous allons le concevoir dans notre défense. Nous allons définir, nous allons concevoir une option de carte ici. Je vais donc prendre l'outil d'angle d'objet d'aide, cliquer sur ce rectangle. Et puis ici, à partir d'ici, nous pouvons tirer un garde. Peut-être d'ici à ici. On peut faire glisser, on peut piocher cette carte ici. abord, nous devons ajouter notre rayon de bordure pour ajouter ce qui est déjà 20. Ensuite, la bordure multiple. Nous n'avons pas besoin d'avoir la frontière et nous devons avoir une ombre. Je vais donc ajouter l'ombre 20 par 20. Maintenant, si je l'exécute, voyons ce que nous pouvons voir ? Et nous avons ce projet ici. Mais le fait est qu'il prend beaucoup de place, donc je vais enlever celui-ci. Que puis-je faire ? Je peux simplement l' ajuster de cette façon. Nous n'avons plus besoin d' avoir cette vue de mise en page. Je vais enlever cette couche, elle finira ici. Nous pouvons ajouter nos fichiers image pour ajouter des fichiers image. Je vais dessiner un rectangle ici que cette image puisse facilement s'ajuster avec cela. Et celui-ci sera notre zone d'image. Tellement vite que nous devons ajouter, nous avons de la hauteur, nous avons un large 636 et pour celui-ci, Ok, maintenant nous avons un ton élevé. Nous avons 536 blancs et nous avons un T6 de hauteur cinq. Je vais donc d'abord enlever la bordure, puis il faut ajouter ce que c'est 20. Et puis je pense que nous pouvons l' ajuster un peu plus. Maintenant. Modification ajustée. Maintenant. C'est parfait. Le nez n'est pas parfait ici car nous devons l' avoir exactement dans la même taille. Maintenant, je pense que c'est bon. Nous pouvons maintenant graphier notre image ici. On peut laisser tomber notre MA ici, peut-être celui-là. Nous avons ces e-mails ici et nous pouvons voir dans cette image qu'il y a aussi ce rayon de bordure. Et ici, nous pouvons ajouter notre titre et la description, et il se peut que nous ayons peu de texte et le coin droit. Alors, que pouvons-nous faire maintenant ? Nous pouvons faire, nous le pouvons, Nous avons déjà une composante de cela. Nous pouvons simplement aller ici, puis nous pouvons simplement faire glisser ce composant ici pour obtenir le titre de celui-ci. Ensuite, nous pourrons ajouter ce titre ici. Avant de faire cette équipe. Je pense que ça va prendre cette voie, mais c'est très bien. Ensuite, je vais double-cliquer dessus. Ensuite, dans le Médial, je vais appuyer sur Entrée que nous puissions faire la ligne. Ça a l'air d'aller maintenant sans problème. Nous pouvons donc simplement modifier la taille de la police à 35 pour ce titre. Nous pouvons le faire. Que pouvons-nous faire ? On peut simplement qu'il prenne beaucoup de son meilleur. Vous pouvez ajuster celui-ci ou nous pouvons supprimer quelques textes. Peut-être que vous allez être déplacé quelques textes d'ici juste pour ajuster ce 135. Et maintenant, nous devons ajouter notre description ici. Pour modifier la description, je vais sélectionner cet outil de texte , puis je vais dessiner la zone de texte. Bon, nous avons donc beaucoup moins d'espace. Alors, que puis-je faire ? Je vais ajuster le titre, la taille de la police. Étudiez cinq pour faire la fête. Ensuite, nous aurons peu d'espace. Uniquement. Ensuite, nous pouvons dessiner une zone de texte. Je vais donc le prendre d'ici à ici. Peut-être d'ici à ici. Bon, et maintenant je vais copier du texte pour cela, pour la description, nous avons cette option de texte fictif ici, et je vais copier celui-ci, peut-être celui-ci. Maintenant, je peux le copier et coller dans cette zone de texte, puis le coller. Et évidemment, nous devons modifier la taille de police qu'elle peut ajuster avec celle-ci. Que s'est-il passé ? Je suis désolé. Laissez-moi le dessiner à nouveau. Je vais donc dessiner, faire glisser, dessiner la zone de texte ici. Ensuite, je peux coller le texte ici. Et puis je peux simplement le remplacer par 30. Ok, donc si ça commence, on peut avoir celui-ci, mais je vais le coller à 25 ou peut-être le boire pour la description. Pour celui-là, nous pouvons avoir celui-là. Nous pouvons prendre un texte différent, des familles de polices différentes pour qu'il soit beau. Maintenant, nous pouvons simplement noter que celui-ci s'en va. Je ne peux pas lire celui-là. Peut-être celui-là. C'est le cas. D'accord. Maintenant, je peux cliquer sur celui-ci pour m'adapter à cela. Et juste avec le texte. C'est donc très bien maintenant et ici, nous pouvons ajouter notre texte et nous pouvons dire détails de Bu ou sinon, que pouvons-nous faire ? Nous pouvons simplement, nous pouvons simplement avoir un bouton Afficher les détails ici. Je pense que nous pouvons simplement attraper celui-ci aussi si vous le souhaitez. Je pense que nous pouvons attraper celui-ci. Laissez-moi voir. Je pense que nous avons rencontré un groupe si je ne me trompe pas. Nous avons donc ce fond ici. Nous avons ce fond dans un groupe, donc je vais y arriver et dupliquer. Appuyez donc sur la commande D, puis je peux dupliquer celle-ci. Vous pouvez voir que je peux dupliquer celle-ci. Maintenant. Revoilà, il suffit de le mettre ici. Que s'est-il passé ? Il ne s'affiche pas ici. Laissez-moi dupliquer celle-ci, Commande D, puis je peux le faire glisser ici. Le fait est que nous ne pouvons pas le faire glisser directement ici parce qu'il se trouve dans un tableau d'art différent. Et je vais que ces choses soient disponibles dans les taxes de ce plan de travail. Celui-là. Ce que je devrais faire, je vais juste devoir m'adapter. Je vais juste devoir en faire un composant pour pouvoir le réutiliser. Mais il n'est pas visible ici. Si je clique sur celui-ci, il ne s'affiche pas ici car nous l'avons déjà édité ici. Permettez-moi de retirer celle-ci rapidement. Cette chose que je vais retirer d'ici. Alors, permettez-moi de voir si nous en avons encore ici. Et c'est le fond principal. Je vais donc en faire un composant, peut-être un composant. Donc, tout cela va se trouver dans cette composante. Maintenant, nous pouvons simplement le faire glisser ici. Et cette fois, ça va marcher. Une fois encore. Ce n'est pas le cas. Je pense que cela fonctionne, mais le fait est qu'un instant, nous pouvons simplement, simplement nos gènes, le fond de celui-ci. Maintenant, si je le dirige, nous devrions pouvoir le voir ici. Maintenant, c'est bon, aucun problème. Maintenant, que pouvons-nous faire ici ? C'est ce que nous avons ici. Nous devons donc en faire un composant, puis en faire un composant. Ensuite, nous pourrons le réutiliser ici. Maintenant, c'est à l'intérieur de celui-ci. Faut-il en ajouter quelques autres ici ? Pour le faire ? Pouvons-nous le faire, nous pouvons en faire un groupe, puis nous pouvons utiliser cette grille de répétition pour ajouter cette section de grille de répétition. Que pouvons-nous faire ? Nous pouvons simplement recevoir tous ces éléments en groupe. Ce sont les quelques choses que nous avons ici. Nous avons ces grosses cellules. Nous avons ce bouton composant et celui-ci je pense, je pense que d'ici, nous avons tout. Je vais donc sélectionner tous ces éléments. Et maintenant, nous pouvons en faire un groupe. Cliquez maintenant sur la grille distribuée. Nous pouvons l'ajouter à nouveau, le dupliquer. Je pense que nous pouvons le dupliquer trois fois, mais nous ne pouvons pas le dupliquer trois fois. Vous pouvez le dupliquer deux fois car il sera en dehors de celui-ci principal. Que pouvons-nous faire ? Nous pouvons simplement y créer un espace. Nous pouvons faire quoi faire ? Nous pouvons passer à l'écriture ici. On peut en bas. Laissez-moi voir si nous pouvons prendre le c ici. Ensuite, je pense que nous pouvons creuser sous un autre. Nous pouvons prendre T ici, et si nous diminuons l'espace, alors nous pourrons prendre C. et ensuite laissez-moi l'exécuter. Et voyons voir. Ici. Nous avons cet espace de détails ici. Et mon ordinateur ne fonctionne pas correctement. Ce n'est pas le cas. Laissez-moi lire et celui-là. Maintenant, si je clique sur ce bouton Exécuter , nous avons ces détails. Ok, donc c'est la page d'accueil pour adultes sélectionnée. Maintenant, si je clique dessus, nous pouvons voir nos détails ici, vous avez vu notre fonctionnalité, voici nos projets. Je peux, je pense que c' est aussi bien qu'on puisse prendre T ou si tu veux, on peut en prendre quelques autres dans le bas aussi. Peu d'autres en bas aussi. Vous pouvez en prendre trois d'ici, pas de problème, métal et nous pouvons en retirer trois autres en bas. Et nous avons déjà cette option ici, donc nous pouvons simplement droguer ou conduire. Nous n'avons pas besoin d' avoir plus de masse ici car nous n'avons que trois projets sur la page d'accueil. Maintenant, je vais changer le milieu de celui-ci. Je vais donc choisir un autre dans ce domaine. Laissez-nous choisir celui-ci ici. Ensuite, nous devons également remplacer celui-ci. Je peux donc choisir celui-ci ici. Parfait. Nous avons donc cette option ici et la prochaine partie nous ajouterons notre section de pied de page, ou je pense pouvoir l'ajouter dans cette partie car nous avons déjà celle-ci dans les composants. Donc je vais d'abord supprimer, je vais diminuer la hauteur de cette sortie principale. Et puis je peux simplement saisir ça. Je peux simplement saisir ce pied de page parce que nous vivons tous plus heureux que notre composant. Maintenant, je peux ajuster celle-ci. Je pense que nous n'avons pas besoin d' avoir beaucoup plus d'espace pour pouvoir retirer peu d'espace d' ici, car c'est déjà une taille plus grande. On y va. Parfait. Maintenant, si je clique sur ce post de fossés, nous sommes maintenant sur la page d'accueil, donc je vais sélectionner cet espace de détail. Je peux avoir cette option ici. Nous pouvons voir que nous avons tous ces projets, nous avons plus de projets sexuels, puis nous avons ajusté ce pied de page. Et une chose que je peux faire ici, je peux simplement réduire la taille de celle-ci parce qu'elle est très grande. Plus grande taille. Nous n'avons pas besoin d'avoir cette taille plus grande. Et permettez-moi d'abord de vérifier à quoi il ressemble sans plus petit, si nous diminuons le je pense qu' il semble plutôt bon et que nous pouvons l'enlever, nous pouvons l'ajuster dans ce récipient, la hauteur large est de quatre ou 55. Je vais sélectionner ces 455. Celui-ci également, pour celui-ci, sélectionnez également 455. Parfait. Nous pouvons maintenant l'ajuster pour l'entendre. N'en faites peut-être pas un. Et celui-ci sera également sur ce vingt, quatre-vingt-dix, quatre-vingt-dix. Maintenant, ça a l'air plutôt bien. Je pense. Parfait. Il a l'air plutôt bien. Tout est pareil ici, sans problème. Et nous avons cette option de détails de la BU. Nous avons cette caractéristique de Sean et nous avons notre pied de page. Donc, tout est fait. Au prochain endroit, nous travaillerons à notre prototypage. se voit donc lors de la prochaine conférence. Adieu. 18. Prototype avec animation: Bienvenue de retour. Encore une fois. Dans cette partie, nous terminerons notre projet et nous ajouterons notre prototypage. Nous n'avons donc que deux tableaux artistiques dans la production principale. Nous avons l'ensemble de notre application et, dans notre espace détaillé, nous avons les détails du projet que nous affichions sur notre page d'accueil. Laissez-moi d'abord consulter la page d'accueil. Voici notre page d'accueil. Nous avons un très beau design. Nous avons notre section des objets porteurs ou de l'éducation, du sexe montré. Et nos compétences technologiques sont des outils. Et les commentaires et les commentaires que nous avons reçus montrent cette vue de défilement. Ensuite, nous avons également notre formulaire de contact. Ensuite, nous avons notre temps plein. Maintenant, lorsque notre utilisateur cliquera sur ce bouton Afficher les détails, nous les enverrons dans l'espace numérique. Mais maintenant, si je clique ici, rien ne va se passer. Cela signifie que nous ne comptons pas notre espace numérique existant. Pour cela, nous devons ajouter le prototypage. Maintenant, la question est la suivante : comment pouvons-nous le faire ? C'est donc un moyen très simple. Rien n'a déjà besoin de sombrer quelques fois. Maintenant, en plus de celui-ci, vous pouvez voir qu'il existe une option appelée prototype. Vous pouvez simplement cliquer sur ce prototype. Donc, si vous êtes dans ce prototype de mort, alors dans le coin droit, vous aurez quelques options. Donc, fondamentalement, nous devrons travailler là-dessus. Le premier est déclencheur. Ce déclencheur signifie que le type de prototypage que nous voulons avoir. Il y a donc quelques options. abord, nous devons sélectionner un article à partir duquel nous pouvons faire ces choses. Donc, d'abord, je vais cliquer sur cette première option, qui sera cet effet de détails de vue. Cliquez sur ce bouton Voir les détails ici. Maintenant, si je clique dessus quand vous le ferez, si vous êtes dans un prototype ou une protection, alors quand vous allez sélectionner l'un des objets, vous allez juste vous donner un bouton à partir d'ici. À partir de là, vous pouvez ajouter un prototypage. Maintenant, si je sélectionne celui-ci et je peux y accéder et vous pouvez voir la profondeur, les touches de glissement, la manette de jeu et la voix. Il y a donc tellement de choses à voir là-dedans. Mais pour nous, nous allons utiliser cette option d'étape pour que lorsque vous cliquez dessus, nous leur envoyons des loci. Je vais donc sauter cette étape. Et ensuite, sous ces actions nous avons différents types d'options d'animation. Donc, le premier est tapé. Nous avons la superposition d'animation automatique de transition. superposition signifie que si vous voulez afficher beaucoup de choses, c'est cool pour la lecture audio précédente du plan de travail, la vitesse de lecture et ces éléments sont également disponibles ici. Normalement, nous devrons utiliser la plupart du temps avec la transition. Je vais donc les sélectionner lors de la transition. Nous avons la destination. Nous avons donc maintenant deux options. Soit nous pouvons cliquer directement sur celui-ci, puis le faire glisser vers notre espace de détails. Ensuite, il va se connecter de cette façon. Je vais traîner celui-là. Et vous pouvez voir qu'il est automatiquement connecté à l'espace de détail. Nous pouvons donc voir que c'est l'espace de détail que nous avons ici. Maintenant, nous avons cette option, puis nous avons également les boucles. Ok, donc une autre chose qui est maintenant visible, la statistique, nous avons ceci, nous avons un autre fond ici. D'accord, je suis désolé. Nous n'avons pas remarqué quand nous l'avons fait parce que nous l'avons copié plusieurs fois. Bon, donc c'est la chose que nous allons devoir régler. Nous le ferons plus tard. Maintenant, quand vous allez cliquer dessus. Ainsi, dans le, dans la destination, vous aurez cette option à ajouter. Donc, lorsque vous cliquez dessus. Notre destination est donc cet espace détaillé. Et ici, nous avons la diapositive d'animation à gauche, bord du curseur, afin que nous puissions cliquer sur le traîneau à droite. Et puis nous avons facile à sortir et facilement en Louisiane, un autre type pour que nous puissions sélectionner Easy Assez. Et c'est la durée, 0,6 seconde. Maintenant, si je lance celui-ci, maintenant si je reviens à celui-ci, si je clique sur le déni, nous pouvons voir ce symbole de la main quand nous sommes sur ce bouton Afficher les détails, mais ici rien ne se passera. Donc, si je dois cliquer dessus, nous allons voir notre espace de détails. On y va. Nous avons notre espace de détail. Et ensuite, nous avons cette option ici. Le bouton est visible ici. Je pense que lorsque nous copions celle-ci, copie dupliquée, nous avons appris à faire ce prototypage ici, mais ce bouton est là d'une manière ou d'une autre. Vous vérifiez celui-ci ici. Je pense que c'est le bouton dont nous parlons. Maintenant, je vais supprimer ce bouton d'ici. Je vais supprimer ce bouton à partir d'ici. Je peux le supprimer. Bon, donc maintenant, plus vous pouvez voir que maintenant nous n'avons plus de bouton . C'est très bien. Donc, lorsque nous le copions à partir du composant, nous l'avons dupliqué une fois de plus, je pense, mais je ne l'ai pas remarqué. Maintenant, si je le réexécute, c' est notre page d'accueil. Maintenant, si je clique sur Afficher les détails, nous sommes dans cet espace détaillé et cela prend un peu plus de temps car je l'ai sélectionné. Calendrier. À partir de là nous ne pouvons plus retourner à notre page d'accueil. Alors, que pouvons-nous faire lorsque nous sommes dans l'espace de données, nous avons ce bouton Accueil. Nous pouvons donc revenir à notre page d'accueil. Pour ce faire, ce que nous devons faire, nous devons suivre le même processus. Laissez-moi d'abord, d'accord, alors laissez-moi passer la durée de 0,6 à 0,2 et celle par défaut. Et vous pouvez également sélectionner différents types de choses ici, comme en haut, en haut, je vais cliquer dessus. Nous sommes dans l'espace numérique. Maintenant. Au lieu de glisser vers la droite ? Vous pouvez aussi dire glisser vers le bas. Si je clique sur la première diapositive vers le bas, elle va se détacher du haut et ensuite elle va descendre. Vous pouvez voir le clic et il vient du haut. Mais il vaut mieux avoir celui-ci pour choisir le bon. Et nous en avons juste besoin, il faut que cela soit facile. Nous n'avons pas besoin d'ajouter une facilité d'entrée et de sortie faciles. Et nous pouvons cliquer maintenant. Nous avons cet espace réduit. Nous devons maintenant ajouter un autre prototype de cette maison. Donc, lorsque vous double-cliquez sur cette maison, il y a maintenant deux choses que nous pouvons faire avec cela. 11 est que nous pouvons sélectionner le plan de travail précédent. Nous pouvons voir que notre transition va être un plan de travail précédent. Cela signifie que d' où nous sommes venus, venons donc de la page d'accueil vers l'espace numérique. Il va donc ajuster automatiquement l'espace de détail. Mais le problème est que parfois si vous étiez sur la page d'accueil ou si vous vous trouvez ailleurs, mais si vous le souhaitez, supposons que vous ayez 5678 pages. Mais si vous êtes tout le temps, si vous utilisiez ce plan de travail précédent, vous n'existerez que la sortie précédente, peut-être de la page d'accueil pour passer à la partie éducative, alors les pairs de l'éducation au projet. Maintenant, si vous souhaitez revenir à la page d'accueil à partir du projet, vous ne pourrez pas le faire si vous avez divisé le plan de travail précédent parce que vous êtes allé à projet, basé sur le projet à partir de l'éducation vous êtes uniquement autorisé à passer au collage d' intégration, et non à la page d'accueil. Il y a une raison. Alors laissez-moi vous montrer encore, je vous montrerai cliquer sur ce précédent à bord. Maintenant, nous pouvons voir celui-ci. Maintenant, si je cours directement cet espace de chiffres et si je clique ici, je peux toujours passer à la page d'accueil parce que je ne suis pas venu de la page d'accueil cette fois. J'ai définitivement analysé ces détails, mais c'est la raison pour laquelle ça ne fonctionne pas. Maintenant, si je sélectionne cette page d'accueil rapidement et si je retourne à l'espace de détail d' ici et que je clique sur celui-ci, nous sommes dans le test t, mais maintenant si je clique sur Page d'accueil, nous sommes maintenant en mesure de le faire. C'est donc le sens du système de plan de travail précédent, mais il est toujours préférable d'ajouter celui-ci. Par conséquent, au lieu d'ajouter un plan de travail précédent, sélectionnez la transition , puis choisissez une sortie. Nous sommes donc dans l'espace de détail, nous allons aller sur la page d'accueil. Une fois encore. Cela dépendra du projet sur lequel vous travaillez. Il vous suffit donc de savoir comment les choses vont fonctionner dans Adobe XD et ensuite vous pouvez l'utiliser de manière équitable dans votre conception. Maintenant, cliquez sur cette page d'accueil est maintenant cette fois, si je clique sur cette page d'accueil, nous serons déplacés vers la page d'accueil. Nous y retournons, voyons que nous sommes en page d'accueil. Maintenant, si je clique sur Afficher les détails, encore une fois, nous pouvons passer à cet espace de détails ici. C'est notre description, c'est notre caractéristique. C'est tout projet et nous avons ce joli pied de page, donc tout va bien. Je vais arrêter cette vidéo ici et nous continuerons à partir de la prochaine conférence. voit lors de la prochaine conférence. Au revoir. 19. Exporter toutes les conceptions: présent, nous avons terminé la conception de notre application Web. Il est maintenant temps d'exporter notre design. Nous avons réalisé ce design, c'est maintenant le moment de partager cette équipe avec d'autres personnes. Comment puis-je le faire est très facile à faire, ce que nous avons dans cette option dans la section fichier. Maintenant encore, permettez-moi de vous montrer notre projet une fois de plus parce que nous avons fait du très bon travail. Nous avons conçu une application Web complète. Et maintenant, nous avons cette section éducative, notre projet sexe a montré nos outils. Prenez en compte les commentaires des fausses et nous pouvons également faire défiler nos commentaires à partir d'ici. Ensuite, nous avons ce contrat de Sean's, puis nous avons ce pied de page. Il s'agit de la demande complète. Maintenant, si je clique sur Afficher les détails, nous devrions être en mesure de voir notre espace de données est d'un espace de détail, et j'ai ici notre fonctionnalité de titre et l'option du projet. Ensuite, nous avons le pied de page. Nous devons maintenant faire des tableaux d'art, nous devons l'exporter. Maintenant, si nous cliquons sur la page d'accueil, nous sommes en page d'accueil. Tout va bien. Pour ce faire, nous devons cliquer sur ce fichier de Sean. Et ensuite, vous aurez ici une option appelée export. Cela signifie que si nous voulons exporter notre design, il existe de nombreuses façons de le faire. Et il est dit que tous les tableaux d'art ou le liquide à source unique sélectionné signifie que si je sélectionne celui-ci, si je veux juste exporter ce tableau d'art particulier, je peux le faire. Je peux cliquer sur cette Export et ensuite vous pouvez dire, il est écrit une sélection, cela signifie que seul celui-ci, mais nous voulons, faire, nous voulons exporter tous les plans de travail. Si vous souhaitez exporter tous les pores non pas en même temps, vous devez sélectionner tous les plans de travail. Vous aurez alors la possibilité de le faire. Et cela va nous donner une fenêtre pop-up de Shawn ici, nous aurons différents types d'options à faire. Il est écrit que le format, quel type de format avez-vous besoin ? Peut-être avez-vous besoin d'un format PDF, peut-être que vous avez besoin d'un format JPEG, peut-être d'un format PNG unique, que vous puissiez le faire pour moi. Je vais sélectionner mon format JPG, puis la qualité. Vous pouvez choisir différents types de qualité. Il est donc préférable d' avoir un 100% et de les exporter et certains actifs seront exportés en un seul. Et nous avons cette option d'exportation pour une option de conception non linéaire. Et tout ce que nous pouvons uniquement pour l'option Web, ce qui signifie que vous pouvez l'exécuter. Annonce maintenant conçue. Vous pouvez sélectionner. Nous pouvons, maintenant nous avons exporté pour celui-ci et nous avons cette option. Et nous pouvons simplement sélectionner notre destination où nous voulions la sauvegarder. Vous pouvez créer un nouveau dossier ou n'importe où, où que vous voulez définir, ce qui pour moi maintenant, je vais glisser les ordinateurs de bureau et je vais le montrer juste sur le bureau. Cliquez maintenant sur Exporter tout à bord. Et tu prendras juste quelques secondes. Je pense que c'est fait. Maintenant. C'est mon prochain coup, et voici ces 21. Il s'agit donc de notre page d'accueil. Maintenant, si je clique dessus, il va s'ouvrir. Moment. Il est en cours d'exécution. Il n'ouvre pas l'application. Voici donc notre application. Moment. Laissez-moi voir. Largeur. Quelques instants supplémentaires sont très lents. On y va. Nous avons tout ce design que nous avions dans le code Adobe XD exécute la même chose. Maintenant, nous pouvons zoomer avant et dézoomer et ensuite nous le pouvons, je pense que nous pouvons en faire une plus grande taille. Nous pouvons maintenant zoomer. Vous pouvez voir que nous avons exactement le même design que celui d'Adobe XD. avons donc exporté avec succès. Analyse à 100%. Voici donc notre page d'accueil. Et nous avons un objet de carrière, nous avons notre formation, et nous avons notre projet et nous n'essayons certainement pas de cliquer dessus car après l'avoir exploité, cela ne fonctionnera pas ici. Certainement, car c'est juste un format JPEG. Et c'est notre compétence technique et vous pouvez constater qu'il n'y a pas de problèmes de pixels, donc tout va bien. On ne peut évidemment pas le faire défiler. Ajustez un e-mail. Et c'est la base de contact et ensuite nous avons notre pied de page. Donc, tout est parfait ici. Maintenant, permettez-moi d'ouvrir cet espace de détails. C'est notre espace de détail. Je vais maintenant zoomer. Maintenant, c'est notre espace de détail et nous avons cette option ici. Nous avons surchauffé. Nous avons notre barre de navigation, nous voulons nos e-mails, puis les fonctionnalités de description du titre et plus de publications et notre pied de page et certainement la promotion du produit ne fonctionnera pas ici. C'est donc notre page d'accueil et c'est notre espace de détail. Nous avons donc terminé notre projet complet de sa croix à sa vue en direct. Nous avons exporté notre design et je pense que vous auriez aimé ce cours. Je vais arrêter cette vidéo ici.