Expérience utilisateur / Étude de cas de design d'interfaces – Apprendre Adobe XD – Animation UX/UI – Web / Mobile

1. Vidéo d'introduction Adobe XD: Bonjour, bienvenue dans les cas de conception de l'interface utilisateur 30. Je m'appelle uniquement art et je suis une stratégie UX. Quoi qu'il en soit, designer. Vous et moi allons créer ce magnifique site Web et cette application mobile pour un simple projet réel à partir de zéro dans Adobe XD, si vous êtes un débutant total ou vous ne savez pas par où commencer. Quel est le chemin pour devenir un concepteur professionnel de l' expérience utilisateur ? Le discours est fait pour vous. Nous commençons de zéro en comprenant la différence entre UX, et nous téléchargeons et installons Adobe XD. Nous apprenons ensuite comment les outils fonctionnent dans Adobe XD. Ensuite, nous créons des formes simples. Ensuite, pour votre affectation, vous devez créer plusieurs formes. Et après avoir créé, vous pouvez revenir regarder la vidéo de votre affectation deux, vous devez créer un hibou. Il est maintenant temps de travailler avec des types dans Adobe XD. Ensuite, pour votre prochain devoir, vous devez créer cette topographie avec l'ombre. Ne vous inquiétez pas pour une police pour le moment. Nous en parlons à l'avenir. Ensuite, nous comprenons masquer ou placer une image à l'intérieur d'une forme. Pour votre prochain devoir, vous devez créer une page de profil Instagram pour tablette. Nous avons également appris comment rendre n'importe quel site Web réactif pour la vue mobile. Enfin, nous devons commencer un projet dans le monde réel. Mais d'abord, vous devez convaincre le client que vous êtes le meilleur concepteur de ce site Web et de la conception d'applications mobiles. Maintenant, je vais vous montrer le secret d' obtenir facilement n'importe quelle offre d'emploi. En suivant ces étapes, nous comprenons l'énoncé du problème et nous trouvons une solution possible pour d'autres clients. Après avoir refusé le travail, nous devons passer par le processus de conception, qui peut comporter trois étapes dans l'UX et des étapes de torsion dans l'interface utilisateur. Les trois étapes de l' UX sont découvertes. Tout d'abord, qu'est-ce que la recherche des utilisateurs ? Qu'est-ce qu'une étendue de travail ou chronologie et comment nous en créons un ? Qu'est-ce que les entretiens d'utilisateurs ? Qu'est-ce que l'analyse concurrentielle ? Et comment comparer le concurrent. Comment créer des personas utilisateur, empathie, comment créer une cartographie parcours utilisateur ou une cartographie du parcours client. Qu'est-ce que le flux utilisateur ? Comment créer un moodboard nécessaire tri. Comment créer une architecture d'information. Qu'est-ce que le cadrage filaire ou le câblage à faible fidélité ? Taille du site Web, câblage haute fidélité du système de grille. Comment créer un prototypage devait faire de l'animation. Il y a beaucoup de choses à couvrir les gars. Je suis tellement enthousiaste à l'idée de commencer. 2. UX vs UI: Quelle est la différence entre l'interface utilisateur et la conception UX ? Ce qui est en fait sous forme d' UX et d'interface utilisateur. UI UX. Ux ou conception de l'expérience utilisateur est le concepteur de processus utilisé pour créer produits qui offrent une expérience exceptionnelle aujourd'hui, conception UX de l' utilisateur fait référence au remplissage puis aux mouvements de l' expérience utilisateur lors de l' interaction avec le produit. Il se concentre sur le flux des utilisateurs et sur la facilité pour l'utilisateur d'atteindre les objectifs souhaités. Qu'est-ce que l'interface utilisateur ? conception de l'interface utilisateur ou de l'interface utilisateur est le processus. Les concepteurs utilisent des interfaces dans des logiciels ou appareils informatisés axés sur des MOOCS ou un style. Maintenant, permettez-moi d'expliquer et je commence par un exemple. Jetons un coup d'œil à cette image. Qu'est-ce que l'UX ? Ux est l'expérience utilisateur, que vous voyez ici. Et vous, pourquoi est-ce comme ça ? Il s'agit d'une interface utilisateur sans recherche, car il s'agit de l'expérience utilisateur, c'est-à-dire du comportement de l'utilisateur. Habituellement, il aime marcher de cette façon, de cette façon. Nous appelons donc cela une mauvaise conception UX parce que vous l'utilisez. L'expérience n'est pas juste. Qu'en est-il de cet exemple ? Nous avons deux bons designs, mais l'un d'eux a une batterie, vous, l'un d'eux a une bonne UX. Un mauvais UX est ce vieux ketchup de tomate Heinz typique, dont vous ne pouvez rien en tirer. Mais c'est une bonne expérience utilisateur car vous pouvez obtenir toute la pyramide de rattrapage facilement toute la pyramide de rattrapage et dispose également d'une bonne interface utilisateur. Maintenant que vous obtenez, quelle est la différence entre UX et UI ? Passons à un autre exemple. Dans ce scénario, nous avons deux utilisateurs différents, les parents. Et le gamin. Comme vous le voyez sur cette image, les parents sont heureux et ont une bonne expérience utilisateur car ils peuvent voir les éléphants et le tigre et tout ce qui est au bon endroit. Mais les enfants ont mal, il suffit de jeter un coup d'œil. Les enfants peuvent simplement voir le fond de ces animaux. Souvenez-vous donc toujours de la personne pour laquelle vous concevez. Vous concevez cet espace pour vous-même ou pour un enfant. Si c'est pour le gamin, vous passez une mauvaise journée. C'est là que sont les parents, non ? Vous êtes bien. Maintenant, allons approfondir une lettre. Nous faisons donc toujours d'abord une recherche, recherche basée sur l'expérience utilisateur que nous découvrons, soit définie. Nous venons de parler à beaucoup de gens, à des parties prenantes. Nous effectuons beaucoup d' entretiens avec les utilisateurs, exploration de données, de l' analyse commerciale et beaucoup de choses. Après une bonne recherche, qui est la première phase, cela signifie que la conception est la bonne. Pensez comme celui-ci. Concevez la bonne chose. Concevez le bon réservoir. C'est UX. Lorsque vous le concevez, lorsque vous possédez le prototype. Nous optons pour la conception de l'interface utilisateur. On opte pour des choses de design, non ? Le visage à redessiner, et nous livrons. Donc, au fond, c'est simple. Faites vos recherches, puis faites votre conception selon l' UX et le devoir que vous êtes. Et c'est une façon très simple d' expliquer quelle est la différence entre nous. De toute façon. 3. Commencez à connaître l'environnement et à travailler avec des outils: Voyons comment télécharger et installer Adobe XD. Il suffit de venir à Yale et de taper, télécharger Adobe XD et de cliquer dessus. Et par défaut, nous pouvons trouver ici télécharger Adobe XD et commencer. Il suffit de cliquer dessus. Obtenez XD, il suffit de cliquer dessus. Vous avez deux options. Si vous disposez d'Adobe Creative Cloud, auquel vous devez être connecté, cela signifie que vous devez vous connecter en Arabic Creative Cloud. Vous pouvez ensuite télécharger cette application de bureau Creative Cloud. Vous pouvez ensuite télécharger toutes les applications. Adobe XD est totalement gratuit. Lorsque vous le téléchargez, vous pouvez simplement cliquer sur Ouvrir. Après avoir ouvert Adobe XD pour la première fois, vous disposez d'un modèle personnalisé ici. Si vous concevez pour iPhone, il vous suffit de cliquer sur cette icône ici. Vous pouvez choisir l' iPhone que vous concevez ou la taille de l'application Web. 1920. Le 1366, qui n' pas en 2010 AT, est le célèbre. Histoire Instagram, publication Twitter Facebook, vidéo YouTube. Ou vous souhaitez créer quelque chose totalement personnalisé, comme un design de bannière. Par exemple, nous commençons par un web 1920 1080. Il suffit de cliquer dessus. Permettez-moi de le rendre plus gros. Donc, avant de commencer quoi que ce soit, voyons comment nous pouvons le sauvegarder. Vous pouvez l'enregistrer sur l'application Creative Cloud, que vous devez payer pour cela. Ou vous pouvez simplement accéder à Fichier, Enregistrer en tant que document local. Et gardons ça ici. J'appelle simplement ce plan de travail et je clique sur Enregistrer. Fermons d'abord ce numéro. Et pour effectuer un zoom avant et arrière, maintenez la touche Alt et froide avec la molette de votre souris. Regardez. Ou si vous maintenez la touche Commande ou Contrôle enfoncée et que vous appuyez sur trois sur votre clavier, il vous suffit de zoomer sur ce plan de travail. C'est la toile que nous pouvons dessiner, n'importe quoi dessus. Et du côté gauche, nous avons les outils comme le rectangle, le cercle, le triangle, la ligne. Par exemple, je vais juste dessiner quelque chose comme ça. Cliquez dessus, dessine sur le symbole at. Nous avons l'outil stylo ici. Vous pouvez cliquer dessus. Je vais expliquer chaque détail. Juste pour l'instant, je vais simplement cliquer dessus, comme à l'extérieur, cliquer et faire glisser pour le sélectionner et appuyer sur Supprimer. Je peux cliquer sur Texte, taper, quelque chose comme bienvenue dans Adobe XD. Si nous cliquons ici, nous avons une poignée de lettre ici et faites-la glisser vers le bas. Je peux l'agrandir. Comme je l'ai dit, je vais expliquer chaque résumé. Il s'agit d'une démonstration. Appuyez maintenant sur Supprimer. Si je clique sur le tableau d'art, j'ai accès à tous les RPO tels que mobiles, les tablettes et les ordinateurs de bureau. Si je clique, si je sors un peu, maintenez Alt ou Option ambiguë, molette de la souris, tout de suite. Et si je clique, maintenant, si je le fais glisser vers le haut, je peux juste mettre celui-ci, celui-ci, ce 1er mai être un mauvais Nexus. Peut-être, peut-être Samsung Galaxy, montre, 40 millimètres. Maintenant, si je clique et que je fais glisser ça un peu vers le bas, peut-être cliquez dessus, faites-le glisser vers le haut, faites-le glisser vers le bas, faites-le glisser vers le haut. Et je clique et je les sélectionne tous. Et du côté droit, j'ai cette barre, que je peux tout aligner depuis le haut. Cliquez sur, Commandez ou Contrôlez Z. Je peux peut-être les aligner à partir du centre. Peut-être qu'il peut les aligner par le bas. C'est vrai. Je peux peut-être les aligner également. Par exemple, si c'est ici et que c'est ici, c'est un peu ici. Si je clique et que je les sélectionne tous et que je clique dessus, voyez ce qui se passe. La séparation et l'écart entre eux sont totalement égaux à z. Ici, je peux les aligner totalement à partir de la gauche. Regardez la magnétosphère depuis le centre, par la droite. Et cela va être égal depuis le centre. Correct ? Sur quoi avons-nous ? Je vais juste cliquer sur l'un de ces contrôles communs 32. Il suffit de zoomer spécifiquement sur ce plan de travail. Si je sors et que je clique sur celui-ci, commande la TV, je vais juste zoomer et cette Lara. Alors maintenez le contrôle ou le commandement enfoncés et votre bouche sort. Cliquons sur celui-ci. Pour un zoom avant. Vous avez ça. Si je le fais glisser. Et il suffit de sélectionner cette zone et la zone à risque de cette zone. Si je maintiens la touche Alt ou Option et que je clique simplement sur le côté gauche. Je vais sortir. Si je fais un zoom avant comme ça, je vais être leur œuvre d'art ici. Maintenant, revenons en arrière et sélectionnons l'outil Déplacer, touche Alt ou Option enfoncée et faire glisser avec la molette de votre souris sera très facile. Sur le côté droit, nous avons notre panneau de commande. Si je clique sur ce rectangle et que je maintiens simplement enfoncée, Maj, sélectionnez comme cube, n'est-ce pas ? Du côté droit. Les propriétés vont être actives pour ce petit rectangle ou un cube. Je peux tout changer ici. Je peux juste ajuster cela ou aligner. Je peux utiliser Repeat Grid, qui a, ce qui m' expliquera. C'est donc quelque chose que si vous cliquez et que vous obtenez cette poignée et que vous pouvez répéter tout ce que vous avez. Maintenant, je suis juste comparé, revenez curieux. Je vais expliquer, répéter la grille avec un vrai exemple. Pour l'instant, je vais juste vous expliquer, avoir une idée du fonctionnement et de la transformation de tout. Vous pouvez changer la largeur, peut-être mettre 600, peut-être celle-ci à 150. Et celui-là, ce sera Phillip, quelque chose que vous avez ici ? Il s'agit d'un positionnement fixe pour l'animation. Je vais vous expliquer, je vais expliquer le réactif lorsque nous concevons un site Web. Et c'est comme l'opacité. Laissez-moi juste remplir ça. Si je veux colorer ça, je vais juste cliquer sur cette petite icône ici et juste la couleur rouge. Et c'est la bordure, la taille, peut-être dix. Nous pouvons donc le voir. Et la couleur, si je clique ici, je peux la rendre noire. Maintenant, je peux faire glisser l'opacité et la faire 20 pour cent. Maintenant, si nous zoomons sur toutes nos autres options, en supposant que vous obteniez ces petits points d'angle ici, si je clique dessus et que je le fais glisser, je peux juste au coin de la rue, comme vous le voyez ici. Donnez-lui 20. Si je veux avoir un contrôle et changer un seul coin ou un auteur ou une option, cliquez simplement sur l'un d' eux et faites-le glisser vers le bas. Comme vous le voyez, cela est séparé par défaut, ce sera quelque chose comme ça. Cela signifie que tous les coins sont identiques. Mais si je clique sur cette petite icône ici, j'ai le contrôle sur chaque coin. Alors peut-être que je peux mettre ce 0, peut-être cette heure, je le mets 100 et je vois. Laissez-moi juste revenir en arrière et tout est 20. Donc, tout est pareil. Qu'en est-il du tableau de bord ? Que se passe-t-il si je viens de mettre 10, voir ce qui s'est passé ? Et le fossé est aussi. Si c'est moins. Donc, peut-être augmenter l'écart pour le tester. Voyez ce qui s'est passé. Et la taille 20. Il arrive donc à l'intérieur. J'ai le contrôle de ce qui arrive à l'intérieur. Celui-ci va à l' extérieur, mais celui-ci est en plein centre. Mais je ne veux pas en être sûr. Je veux être en virage. Donc notre contrôleur pour avoir l'air rond. Qu'en est-il de celui-ci ? Capuchon de projection. Mais celui-là, sauf casquette. Projection RCA d'angle. Je veux le mettre sur un capuchon rond. Et maintenant, je peux jouer avec le tableau de bord, peut-être deux. Vous avez donc l'idée. Jetez peut-être un coup d'œil. Maintenant, l'écart est de 50, c'est plus l'écart. La taille est de 10. Plus petit. Regardez. Je suis donc en train de me convertir. Mettons un tiret et l'écart sur 002. La taille est donc de 10, donc c'est bon pour l'instant. C'est très normal. Changeons la couleur par quelque chose d' autre, quelque chose comme violacé. Au sommet, nous avons quelque chose appelé couleur unie. Il suffit de cliquer dessus. Nous avons linéaire, que je peux simplement faire glisser ce coin et le mettre ici. Et je peux cliquer sur celui-ci et l'apporter ici. Comme vous le voyez lorsque vous cliquez dessus, il y a un cercle blanc, bordure blanche autour de lui. Cela signifie qu'il est actif. Et je peux changer cette couleur. Je peux peut-être le rendre rouge. Je veux changer celle-ci si je clique dessus. Le second est en train de contourner celui-ci. Peut-être deux jaunes. Ecoutez, maintenant, nous sommes très cool. Gurion linéaire. Et si je veux changer cela en dégradé radial, il sera au centre. Je peux jouer avec ça. C'est très simple d'y arriver. Très cool, efficace comme un effet solaire. Qu'en est-il des dégradés angulaires ? Ce n'est pas vraiment utile en fait, celui-là, je veux dire, vous pouvez jouer avec elle. Vous pouvez le changer en différentes couleurs, mais je ne l'utilise jamais. La plupart du temps va donc être linéaire, ce qui m'expliquera dans différentes leçons, comment nous pouvons utiliser le gradient linéaire de manière professionnelle. Pour l'instant, vous avez l'idée de comment tout fonctionne. Qu'en est-il ici ? Nous avons les couches ici. Cela signifie donc tout ce que vous créez, si j'appuie sur Commande ou Contrôle D pour dupliquer celui-ci, c'est l'outil Rectangle et faites-le glisser et placez-le ici. Ou si vous maintenez la touche Alt ou Option enfoncée et que vous cliquez et faites glisser le curseur vers le bas, vous copiez ces deux éléments. Ainsi, certains backend avec commande ou contrôle, moins ou plus, vous pouvez effectuer un zoom avant et un zoom arrière. Je maintiens donc Commandement ou Contrôle enfoncés et je clique sur moins et plus. L'autre façon de copier est la simple, la commande ou le contrôle C et la boucle de contrôle de commande également, vous pouvez simplement copier les choses ici. Donc C, on peut en avoir quatre. Et vous voyez, lorsque vous le faites glisser et le déposez ici, vous voyez ces alignements. Donc, il y a un regard de ligne et laissez-le partir. Combien de façons de copier ? Laissez-moi simplement sélectionner et maintenez touche Maj enfoncée et réduisez cela. Zoomez le. Maintenez la touche Alt ou Option, cliquez et faites glisser le curseur. Nous sommes en train de copier. Appuyez sur Commande ou sur Contrôle D. Nous pouvons appuyer sur Commande C, Control V reste copié. Trois façons de copier les choses en arabe. Voyez, laissez-moi cliquer là-dessus. Allons le faire tomber. Et le panneau d'effets, nous avons une ombre intérieure. Si vous cliquez dessus, regardez un participant pour entrer, cliquez sur celui-ci sur cinq. Mais rien ne se passe. Pourquoi ? Parce que c'est transparent et que vous voyez quelque chose comme ça. Vous devez cliquer dessus, le changer en noir et le faire glisser vers le haut. Et venez juste ici. Donc, l'ombre intérieure fait entrer l'ombre à l'intérieur de cette hypothèse, vous obtenez celle-ci et regardez celle-ci. Vous voyez qu'il y a une ombre à l'intérieur. Et laissez-moi peut-être 10 profondeurs, non ? Vous pouvez dire qu'il fait très sombre, n'est-ce pas ? Donc, si vous cliquez dessus et celui-ci , nous pouvons réduire l'opacité. Peu à peu, nous ajoutons l'ombre intérieure comme un bouton. Très bien, passons à celui-là. En descendant et cliquez sur l'ombre portée. Encore une fois, faites glisser ça. Donc, automatiquement, nous avons une ombre portée et un axe y, y. Donc, la plupart du temps, placez celui-ci à 20 ou 12. Ecoutez, nous avons une ombre très graduelle autour d'elle n'est pas très nette. Et vous pouvez obtenir une direction, peut-être 30, juste sur le côté droit, ou moins 30. Il suffit de placer un inconvénient ici et de cliquer sur OK. Donc, vous allez être parti. C' est peut-être 30 ans, donc ça va baisser. Permettez-moi de le dire comme 026, les normaux. C'est donc la couche normale. Maintenant, si je clique dessus, je peux le faire glisser vers le bas pour pouvoir contrôler l'intensité de l'ombre. Ou je peux changer la couleur de l'ombre. Je veux peut-être quelque chose de rougeâtre, peut-être bleuté. C'est donc à vous de choisir. Et si je clique et qu' est-ce que le flou d'arrière-plan ? Si je clique dessus, tout ce qui se trouve à l'intérieur va être flou. Je n'ai pas d'image à l'intérieur. Apportons donc une image. J'ai donc beaucoup de MHA, il suffit de cliquer dessus et faire glisser et de le déposer et de le mettre à l'intérieur. Lorsque vous voyez ces lignes bleues, cela signifie qu'elles sont à l'intérieur et que vous voyez les mots copier, il suffit de les laisser partir. Cela signifie donc à l'intérieur, mais rien n'apparaît. Pourquoi ? Le tennis est parti ? Vous le voyez, n'est-ce pas ? Revenons à l'arrière-plan derrière tout juste activé. heure actuelle, l'opacité est à 0, elle est glissée vers le haut pour qu'elle soit active. Comme vous le voyez lorsque je modifie la quantité et la luminosité, rien ne se passe, juste de l'opacité. Pourquoi ? Parce qu'il s'agit d'un objet, il s'agit d'une image. Cela signifie qu'après avoir mis notre couche d' objets, maintenant, vous voyez que vous voyez cela comme un objet a maintenant quelque chose. Nous avons maintenant l'idée de la façon dont tout se passe dans Adobe XD. Et sur le côté gauche, nous avons le bouchon. Il y a beaucoup de branchements que je vais vous montrer comment les télécharger. Et nous avons le panneau de calque et nous avons le document comme caractéristiques de couleur dans un composant qui sera expliqué. 4. Créer des formes simples: Commençons le premier projet. Dans ce projet, nous avons trois formes que nous allons créer. Formes et lignes. Alors, comment faisons-nous ? Commençons par le simple. Je vais donc entrer un peu à l'intérieur. Nous avons donc un arrière-plan qui nous permet de le créer. Je vais juste cliquer sur cette image et aller sur Calque. Et pour l'instant, je vais juste verrouiller, verrouiller en place ou appuyer sur Commande ou Control L pour verrouiller une image. J'ai donc verrouillé les dégâts. Donc, si je clique dessus, je le déverrouille et je l'aime à nouveau. Donc, pour déverrouiller et il suffit de cliquer dessus. Nous avons donc ces formes créées très rapidement. Cliquez maintenant sur ce rectangle et c'est plus proche. Je vais juste aller dans ce coin et maintenir la touche Maj enfoncée et faire glisser pour voir ce qui se trouve exactement en dessous. Il suffit de faire glisser l'opacité vers le bas pour voir ce qu'il y a derrière. Qu'en est-il de la couleur ? Comment fixons-nous la couleur ? Je vais juste le mettre de côté et maintenir Maj enfoncé. Il va donc directement du côté droit. Prenez ce sélecteur de couleurs et cet atome de silicium. Cela prend donc la même couleur, mais comme l'opacité est réduite, ça va se passer comme ça. Nous n'avons pas besoin de la frontière. Maintenant, cliquez dessus et faites-le glisser vers la gauche. Faites maintenant glisser ce coin vers le bas pour le faire correspondre au calque ci-dessous. Je vais juste allumer la frontière pour que nous puissions voir ce qui se cache derrière elle ou réduire l'opacité. Alors jouez et voyez, désolé, c'est cool. Quand c'est bon. Je vais juste éteindre ça de la frontière. Très bien. Qu'en est-il de celui-ci ? Donc, parce que c'est une ligne droite, cela signifie que nous devons utiliser un rectangle pour expliquer pourquoi je vous montre. Je vais juste venir dans ce coin, maintenir la touche Maj enfoncée et la faire glisser vers le bas. Cliquez sur ce petit coin et faites-en un cercle. Maintenant, c'est un cercle. Donc pour l'instant, ce que je vais faire, c'est lentement du centre que je fais glisser vers l'extérieur et voir que c' est ce que l'on appelle le Nam. Cliquez sur ce petit cercle ici et je le fais glisser vers le bas. J'ai donc ce petit coin en ligne droite ici. Ensuite, cliquez sur cette icône pour passer à un long décalage, faites-le glisser vers la droite, prenez le sélecteur de couleurs, je clique et maintenant il est colorisé. Ramenons-le. Qu'en est-il de celui-ci ? Cela va être très intéressant. Outil de chapiteau elliptique et maintenez la touche Alt ou Option enfoncée, faites-le glisser depuis le centre. Et je veux juste le faire exactement comme ça. Très bien, baissez l'opacité pour que vous puissiez voir où le R le fait glisser vers le bas. Cette ligne. Cela signifie que vous êtes au centre. Je vais l' agrandir un peu. Alors, le long du Maj, faites-le glisser vers la gauche. Maintenez la touche Maj enfoncée, cliquez sur ce petit coin et faites-le glisser vers la droite. La couleur a commencé et elle est totalement lue. Maintenant, ramenez-le. Maintenant, comment pouvons-nous obtenir un demi-cercle ? En fait, c'est très simple. Ce qui est cool, c'est que vous pouvez venir ici et cliquer sur outil de chapiteau rectangulaire et simplement glisser une ligne par-dessus. Maintenant, cliquez à nouveau sur l'outil Déplacer, maintenez la touche Maj enfoncée et cliquez sur le cercle. Le premier va donc être supprimé. Cela pourrait parler et cliquer sur Substract, cliquer, et il va être supprimé. Maintenant, double-cliquez dessus et cochez la bordure. Nous sommes donc bons à y aller. Ou peut-être que c'est un peu plus gros. Maintenez la touche Maj enfoncée pour obtenir un peu de la part de l'écrivain, du grand, du meilleur. Celui-ci est simple. Il suffit de le placer au centre Alt Shift et de le faire glisser vers le haut. Donc, avec la touche fléchée, faites glisser la flèche gauche, vers la gauche, l'opacité vers le bas. Éteignez la bordure et risquez et faites-la glisser vers la droite de la couleur plus grande pour la rendre noire. Retournons à un endroit et évoquons l'opacité. Qu'en est-il de celui-ci ? C'est comme une broche de bouton utile en fait. Donc outil de chapiteau rectangulaire. Donc, réduisons l'opacité. Faites glisser ceci vers la gauche des fosses. Utilisez ce coin pour faire glisser ceci. Un roi va simplement cliquer et faire glisser vers la gauche. Coo. Pas besoin d'avoir de frontière. Faites-le glisser vers la droite. Sélecteur de couleurs, cliquez sur le haut à ressort. Et je vais juste le mettre ici. Alors que celui-ci est un triangle. Et ça va rester enfoncé, Shift, réduire l'opacité. Et venez ici, Allons-y au-dessus. Et peut-être un peu plus grand, maintenant enfoncée, Maj et faites glisser les coins. Qu'en est-il de ce coin ? Faites-le descendre. Vous voyez, il y a un coin, non ? Très bien. Revenons à l'opacité. Et vous voyez cette poignée ici en haut et faites-la glisser vers le bas. Faites-le glisser vers la droite, prenez la couleur commencée et rendez-la orange. Ramenons-le. Éteignez la bordure. Et je vais juste verrouiller ça à nouveau en place. Cliquez ici et sélectionnez-les tous. Maintenez la touche Maj enfoncée et faites-le glisser vers la droite Quel est le contexte ? Pas de problème. Ils peuvent Rectangle Marquee Tool, cliquez ici et faites glisser jusqu'à ce coin. Maintenant, faites-le glisser vers la droite, mais c'est en haut, il suffit de cliquer avec le bouton droit de la souris. Envoyez à l'arrière. Nous pourrions choisir des couleurs et des érudits. Reconnu pour avoir une bordure. Je vais donc tous les sélectionner à nouveau et les faire glisser vers la droite. Je peux les mettre au centre. Ils sont donc tous sélectionnés et je vais sélectionner celui-ci. Ramenez les passages dans ce haut des opacités. Celui-ci a une serviette et représente. s'agissait donc essentiellement du premier projet. 5. L'affectation Créer de multiples formes: Je vais supprimer ça. Commençons à zéro. Cliquez sur celui-ci. La chance de Matrix. Si ce n'est pas le cas, cliquez sur l'icône de verrouillage car je change le plan de travail. Nous ne voyons plus ces lignes. Chaque plan de travail a ses propres lignes et formes. C'est le deuxième plan de travail. Donc je vois juste à l'intérieur, si je clique sur le plan de travail et sur l'image à l'intérieur , je peux voir le look intérieur, qui est verrouillé. Maintenant, allons à l'intérieur. Nous retirons toujours 1 en premier, c' est-à-dire le cercle. Ils ont un cercle. Maintenez la touche Maj enfoncée et faites glisser Baissez l'outil de sélection d'un homme grec d'opacité , faites-le glisser vers le bas, maintenez la touche Maj enfoncée pour qu'il corresponde totalement à notre unité de soins intensifs. Pas besoin d'avoir de frontière. Je continue de réduire l'opacité pour pouvoir la faire glisser vers le bon sélecteur de couleurs, choisir une couleur, alors faites-la glisser vers l'arrière. Qu'en est-il de ce cube blanc ? Je vais donc juste maintenir Shift enfoncée et créer quelque chose de connu à l'extérieur de la frontière. Allons réduire l'opacité. Si je mets ma souris ici, je reçois cette icône pour pouvoir la faire pivoter. Vous le mettez ici, vous changez de couleur et vous le rendez un peu plus grand. Peut-être, pour avoir un peu plus de rotation pour le rendre plus droit vers la gauche. Revenons maintenant. Et maintenant, qu'en est-il de ce triangle ? Ce triangle, maintenez, Maj, faites-le glisser vers le bas. Placez votre souris ici, faites pivoter la sélection pour réduire l'opacité. Maintenez la touche enfoncée, déplacez-la, faites-la glisser vers le bas et obtenez plus de rotation. Peut-être plus de rotation. Je peux l'agrandir. C'est à partir de cet angle jusqu'à 90 à une bordure. La couleur est orange. Il y a maintenant un cercle à l'intérieur. Peut condamner, encercler, maintenir, Alt et Maj et cliquer et dessiner. Très bien, c'est cool. Je vais juste le chercher ici, le mettre ici et arriver à notre frontière. Je peux peut-être le rendre plus petit. Je maintiens Alt et Shift et je le fais glisser vers le bas. Est-ce exactement ce qui se cache derrière ? C'est donc plutôt cool. Donc, 100 %, 100  %, 100 %. Et c'est ce que nous avons. Maintenant, dessinons celui-là. C'est très cool, en fait. Cliquons sur l' outil de ligne et cliquez ici. Et la ligne sèche jusqu'ici. Cliquez maintenant sur la couleur de la bordure et rendez-la totalement noire. Il va être ici aussi. Il suffit de le faire glisser vers le bas pour obtenir la couleur, totalement noire. Maintenant, sélectionnez les deux, Commande ou Contrôle D pour les dupliquer. Mettez votre souris ici pour obtenir ce cercle de rotation et je peux simplement faire pivoter et obtenir celui-ci. Encore un peu de contrôle D. Faites-le jusqu'à ce que vous couvriez tous ces éléments. Venez en fait. La même chose que nous avons faite la dernière fois. Maintenant, pour les combiner, il suffit de les sélectionner tous et de cliquer sur le bouton Ajouter. Maintenant, ils sont tous unis, non ? Cela signifie donc que je peux les déplacer. Maintenant. Appuyez sur les rosettes Command T, revenez en arrière. Très bien, dessinons. Celui-là. C'est vraiment cool. En fait. Cliquez sur le triangle et maintenez la touche Maj enfoncée. Je vais juste y retourner un peu. Ça change un peu. Je vais juste m'asseoir, réduire l'opacité. Qu'est-ce que le feu ? La frontière ? Allons à droite. Cliquez sur la couleur, la couleur bleue. Donc, cela signifie que si j'augmente la couleur parce que la couleur. Revenons donc en arrière. Réduisez l'opacité. Je le laisse donc ici. Qu'en est-il de celui-ci ? Donc, je le sais déjà, rectangle. Réduisez l'opacité. Voir ici la sélection. J'essaie donc de faire correspondre cette touche Maj enfoncée. Allons-y un peu, peut-être le faire pivoter un peu plus. Jolie bordure. Qu'en est-il de celui-ci ? Encore une fois, rectangle. Le long du Maj. Réduisez l'opacité. Venez ici et permettez un navire aussi petit. Maintenez enfoncé, Alt, faites glisser ceci vers le bas. Maintenez enfoncé, Alt, faites glisser ceci vers le bas. Vous les avez donc séparément. Joli. Et le dernier est très sympa. Réduisez l'opacité. Faites-le pivoter, faites-le de la même taille que notre sélection de bordures, sélectionnez-la sur celle-ci et sur la bordure Monica. Maintenant, je vais simplement cliquer sur cette petite icône ici et laissez-moi les sélectionner toutes. Faites glisser ça un peu vers le bas. Sélectionnez celui-ci, augmentez l' opacité, sélectionnez-le, apportez celui-ci au sélecteur de couleurs et à la même couleur. Et celui-ci est aussi rougeâtre de ramasser l'opacité. Je vais juste le sélectionner, je vais juste le ramener à son emplacement. Dessinons celui-ci, qui va être très cool aussi vite. Rectangle, faites glisser l'opacité vers le bas. Faites glisser vers la droite. La couleur a commencé Glick. Joli. Qu'en est-il de celui-ci ? Autoriser le décalage. Une rotation. Allons cliquer sur la sélection. Je vais juste le donner ici. Peut-être un peu plus de rotation, maintenez la touche Maj enfoncée. Faites glisser ces 10. taille, la taille trois ici. Parfois, on voit que ça ne va pas correspondre. Par exemple, comme cela, réduisez l'opacité. Double-cliquez ici. Vous avez maintenant ce point séparément. Par conséquent, en double-cliquant sur chaque coin, il est mobile. Cliquez donc sur celui-ci, alors faites-le glisser vers le bas. Cliquez sur celui-ci, mettez-le ici et cliquez sur celui-ci pour que nous puissions en faire un triangle très cool. Maintenant, à l'école, revenons à celle-ci. Réduisez l'opacité. Je peux juste le faire pivoter. Je peux le mettre ici. Plus de rotation, plus grande, plus grande, école. Maintenant, qu'en est-il de celui-ci que nous savons déjà. Faites un grand cercle ici. Maintenant. Tracons une ligne ici. Très bien, donc pour ce faire, je vais juste utiliser mon rectangle. Il suffit de cliquer ici pour réduire l'opacité. Et nous devons simplement la faire pivoter pour que la ligne soit très précise. Parce que je dois juste le mettre ici. C'est en haut. Maintenant, maintenez enfoncé, décalez, cliquez sur le cercle, puis cliquez sur, puis soustrayez. Maintenant, nous avons ceci. J'ai donc juste besoin d'un peu de rotation. Et c'est tout. Je vais juste sélectionner tous ces éléments, faire glisser vers la droite. Donc généralement la couleur, celle-ci était blanche, 100 pour cent. Sélectionnez celui-ci. Celui-ci était jaune, rose jusqu'à l'opacité. Cliquez sur celui-ci. Opacité des couleurs à 100 %. Et celui-là aussi à 100%. Ici. Nous avons ce design très cool et intéressant. Je les sélectionne tous, les fais glisser vers la droite. Nous avons également besoin de l'arrière-plan. Sélectionnez-le, faites-le glisser vers la droite, cliquez avec le bouton droit, renvoyez-le vers l'arrière. Maintenant, nous avons la même bordure de couleur, suffit de les sélectionner à nouveau et de la faire glisser vers la droite. C'est donc très cool et intéressant. Permettez-moi donc de sélectionner celle-ci et d'évoquer l'opacité. 6. Céder Créer une chouette: Essayons de le faire. Je vais juste supprimer celui-là. Zoomons un peu. Je vais juste choisir ça. Essayons le premier, que nous allons utiliser, Pen Tool. Ramassez votre crayon. Permettez-moi de vous montrer comment cela fonctionne. Cliquez sur, cliquez sur, cliquez, cliquez et cliquez sur. Solidworks. C'est vrai ? Maintenant, sélectionnez-le et supprimez-le. Une fois encore. Sélectionnez l'outil Plume, cliquez, cliquez et faites glisser le curseur. Cliquez et faites glisser le curseur. Mais si je veux continuer, je n'en veux pas. Je dois donc maintenir la touche Alt ou Option enfoncée, cliquer sur cette poignée et le ramener à ce point. Je suis donc libre d'aller où je veux. Je peux cliquer ici et simplement faire glisser, maintenir la touche Alt enfoncée à nouveau, cliquer sur cette petite icône, ramener pour que je puisse continuer. Prochaine droite ? Maintenant, sélectionnez-le. Dessinons celui-là aussi. Cliquons ici, cliquons ici et faisons glisser jusqu'à ce que ces lignes correspondent. Ou Lambda. J'ai cette poignée. Je ne peux pas continuer à maintenir Alt ou Option enfoncée. Cliquez sur l'icône, ramenez-la au centre, va disparaître. Je suis libre d'y aller. Cliquez et faites glisser le curseur. Maintenant. relisant ceci, cliquez, cliquez et faites glisser le curseur. Maintenez Alt enfoncé, ramenez-le. Cliquez et faites glisser le curseur vers l'arrière On y va. Choisissez une couleur. Maintenant, c'est la nuit rouge de notre frontière. Échangez ça. Essayons celui-là. Appuyez sur le stylo pour calquer. Je vais juste fermer ça. Plus d'espace. Encore un outil stylo. Cliquez ici, cliquez ici. Assurez-vous de simplement suivre la courbe. Donc, en ce moment, ça va se passer tout droit. Ainsi, cliquez et faites glisser Alt et faites-le glisser vers l'arrière. Tout droit, maintenez la touche Maj enfoncée pour être complètement droite. Cliquez ici et faites glisser Alt. Faites glisser ça ici. Et maintenez le quart de travail enfoncé ici. J'essaie de voir si je peux le faire. Cool. Merci. Il a raté ça. Kamikaze pour revenir en arrière et cliquez dessus et faites-le glisser ici. Si c'est quelque chose comme ça, ne vous inquiétez pas. Si vous autorisez tout, il vous suffit de cliquer dessus et de le ramener au centre. Maintenant, pourquoi nous sommes juste la bonne partie, parce que nous allons simplement la copier le côté gauche va être très intéressante. Sélecteur de couleurs pour le champ. Cliquez sur ce bouton. Maintenant, cliquez à l'extérieur. Maintenant, si nous cliquons, nous avons tout cela. Appuyez sur la commande D pour le dupliquer. Laissez-moi juste ouvrir ça. Voyez ce qui s'est passé. She Pad 15, regardez, connecté à D est devenu passé 16 en plus de cela. Maintenant, cliquez sur cette petite icône pour la retourner horizontalement. Maintenez la touche Maj enfoncée, faites-la glisser vers la gauche Maintenant, c'est totalement compatible. Autorisez Maj et cliquez sur cette petite icône. Les deux sont donc sélectionnés. Cliquez maintenant sur Ajouter. Ils le sont donc, deux d' entre eux sont combinés. Nous voulons voir ce qui s'est passé, éteindre ça. Mais maintenant, essayons celui-ci. Celle-ci soit on a essayé le côté gauche, puis on copie au trisect. Je vais donc simplement cliquer et faire glisser jusqu'ici. Pour l'instant. Faites baisser l'opacité. Maintenant, c'est aller à l'intérieur. J'ai besoin de ce genre de soins. Une raison s'accroche à Alt ou l'option et glissez-la simplement pour obtenir la sculpture. Je dois donc faire tomber ça. Cool. Je l'ai. L'autre chose, c' est d'être descendu à dos parce que celui-ci. En ce moment, c'est tout pour renvoyer quoi que ce soit, maintenez la touche Contrôle enfoncée ou laissez-moi vous montrer les touches de raccourci. Envoyez vers l'arrière, Contrôle, Support gauche, contour vers l'avant, support droit, envoyez-le totalement au support gauche de la commande de changement de vitesse arrière. Pour celui-là, nous allons aller étape par étape, renvoyer à l'envers. Appuyez donc sur Control Left Bracket, il suffit de le sélectionner Control Left Bracket. Je vais donc reculer. Regardez et ressentez et rendez-le noir. Ou si vous allez avoir la même couleur. Et il y en aura quatre. Faites aussi baisser ça. Donc, je ne vois pas que ça. Maintenant. J'ai besoin de ce genre de soin de souhaiter des choses, n'est-ce pas ? Donc, ce que je fais, c'est cliquer sur rectangle, outil de chapiteau. Cliquez et faites glisser le curseur. Maintenant. Faites en sorte qu'il soit totalement circulaire. Faites baisser l'opacité. Amenez-le jusqu'à notre frontière. Et juste pour que cela soit droit, maintenez Alt enfoncée, faites-le glisser vers la gauche ou le glisser-glisser vers la droite. Ils peuvent sentir et le rendre noir. Assurez-vous qu'il s'agit d'un noir à 100 %. Maintenant, nous allons maintenir Alt enfoncée et faire glisser ceci vers la droite. Alt et faites-le glisser vers la droite. Encore une fois maintenez le support Control et Shift enfoncés, support gauche jusqu'à ce qu'il passe derrière cela. Maintenant, essayons le I, cliquez dessus, réduisons l'opacité. Et cliquons dessus pour réduire l'opacité. Je veux donc voir exactement ce qui se passe. Cliquez sur cette couche de silice. Venez ici, maintenez les touches Alt et Maj et faites glisser le curseur depuis le centre. Déterminez l'opacité et la frontière politique stratégique. Cliquez sur cette icône. Commande D pour dupliquer à nouveau le cercle ou le désactiver. Et donc le fait à partir du point central. C'est peut-être trop gros. Cliquons sur celui-ci, supprimez-le. Cliquez sur la touche Maj enfoncée. Vous pouvez peut-être le rendre un peu plus petit, ce qui est cool. Commande ou contrôle D. Maintenez la touche Alt et Maj et réduisez-la. Nous avons donc également le point central. Maintenant, un quart de travail, cliquez sur ce cercle. Encore une fois, nous devons soustraire cela du centre. Maintenant, soustrayez-le. Il n'est plus là. C'est vrai ? Maintenant. Sélectionné, augmentez l'opacité à 100 % sélectionnée pour la passer à 100 %, sélectionnez celle-ci à 100 %. Maintenant, sélectionnez les pièces de gauche. Je ne sélectionne pas celui-ci. Maintenez la touche Maj enfoncée et cliquez sur cette icône. Par conséquent, seuls ces quatre sont sélectionnés. Maintenez la touche Alt enfoncée pour le copier et faites-le glisser vers la droite. Et pendant ce temps, maintenez la touche Maj enfoncée pour être une ligne droite. Maintenant, nous sommes ici. Cliquez sur Retourner horizontalement le long de la touche Maj pour le rendre droit. Cool. Maintenant, il suffit de vérifier ça. Maintenant, il y a quelque chose en plus de cela, qui est deux d'entre eux parce que nous avons copié à partir de celui-ci, nous n'avons simplement pas besoin d'un contrat. vais juste supprimer que je peux réduire l'opacité. Cliquez également sur celui-ci, en bas, un, à gauche, un en bas pour que je puisse voir ce qu'il y a ici ainsi que le barrage parce que celui-ci est au-dessus de tout le reste. Tu es vraiment un truc très cool. Regardez le cercle sur Alt et Maj, faites-le glisser vers le haut. C'est donc notre cercle, non ? Et la couleur est la bordure jaune. Faites baisser l'opacité. Donc, si je double-clique dessus et que je reçois tous les points, n'est-ce pas ? Maintenant, double-cliquez sur ce coin. Il va manger ça. Maintenant, maintenez la touche Alt enfoncée et cliquez dessus pour obtenir cette poignée. Cliquez sur cette poignée et faites-le glisser, à ce point. Encore une fois, maintenez Alt enfoncée, cliquez sur cette poignée. Cliquez et placez ceci ici et maintenez la touche Alt enfoncée. Très bien, maintenant, c'est très cool. Et maintenez la touche Alt enfoncée à nouveau et faites glisser vers la gauche plutôt que alt, balises gauche et Alt. Et puis reprenez l'opacité. Maintenant, cliquez sur tout le reste pour être là-haut. L'opacité aussi, celle-ci. Apportez l'opacité et l'EA que nous allons, voyons où nous sommes en ce moment. Et ils sont très cool. Très bien. Les autres sont simples et délicats. Essayons avec celui-ci. Essayons un rectangle ici pour l'instant. Ici et ici. Choisissez une couleur jaune ou orange, jaune. Maintenant, car celui-ci est un cercle. Venez ici et essayez le silicium que Alt et Shift, réduisez l'opacité pour la rendre de la même taille. Et il aura une bordure, une couleur, sélecteur, un jaune, 100 pour cent. Maintenant, nous devons combiner ces deux-là ensemble. Ce qu'il y a quelque chose d'ici, je vais juste apporter ce terme disparaîtra. Cool. Qu'en est-il de ce coin ? Maintenez Alt et descendez ce coin pour obtenir cette ligne. Maintenez la touche Maj enfoncée, cliquez sur le cercle pour que les deux soient sélectionnés et cliquez sur Ajouter. Ils sont donc unis avec un alt, faites-le glisser, et pendant ce temps, maintenez la touche Maj enfoncée pour être une droite. Venez ici et cliquez sur « Retourner le sélecteur de couleurs Horizontal », puis choisissez la couleur et faites-la glisser et placez-la ici. Vous pouvez utiliser vos flèches, les touches fléchées gauche. Maintenant, maintenez le contrôle enfoncé et cliquez sur cette petite icône. Maintenez Alt enfoncée et faites-le glisser ici. Vous voyez ce cadre de sélection, la ligne bleue. Cela signifie que vous êtes toujours dans le groupe. Donc, Command ou Control X pour le copier. Cliquez sur l'extérieur. Nous sommes maintenant hors de ce groupe. Appuyez sur Commande Ctrl V. Nous en avons besoin parce que j' avais besoin du cercle, parce que je veux le mettre ici. Mais je dois le mettre derrière cette forme noire. Donc, vous savez, contrôlez déjà le support gauche jusqu'à ce que vous descendiez. Et vous êtes derrière le sélecteur de couleurs et vous l'améliorez. Maintenez la touche Alt ou Option enfoncée et faites-le glisser vers la droite. Utilisez votre touche fléchée pour aller totalement bien, et celle-ci est blanche. Une fois encore. Doit purger la commande arrière et la touche du support gauche. Encore une fois, Control F refroidit rapidement. Eh bien, Alt et passez à droite. Et c'est jaunâtre. Alt et Maj le font glisser vers la droite. Et celui-ci est rouge. Nous continuons donc à le faire. Donc, ici, je vais juste choisir un sélecteur de couleurs ici. Et si vous utilisez votre espace pour un déjà que vous pouvez simplement vous déplacer ou simplement le milieu de la souris si vous êtes tous comme cliquez dessus et vous pouvez simplement vous déplacer. support gauche de contrôle peut revenir en arrière, appelés quarts de travail. Cliquez sur couleur, maintenez la touche Maj enfoncée, cliquez ici et faites-le blanc et Alt Shift également. Je vais juste le mettre ici. Maintenez les crochets gauche de Control enfoncés pour que je puisse revenir en arrière. Je vais passer à droite. Maj. On peut colorer. Choisissez une couleur. Et ces deux-là ? Vous le savez déjà ? Tout le quart de travail. Faites-le glisser vers la droite. Cliquez sur cet outil rectangle et cliquez ici. C'est en haut, donc il faut que cela disparaisse ou en bas Maj et clique sur ce cercle et soustraire. La couleur est cyan seule, Alt et Maj et faites-la glisser vers la droite. Alors ouvrez-le et retournez-le horizontalement. Il suffit de venir ici. Et ici. Qu'en est-il de ces lignes ici ? Il y a une astuce géniale pour faire ça. Laissez-moi simplement cliquer ici. Il s'agit d'un rectangle qui va être totalement noir. Je dois le remettre en arrière. Je peux juste faire glisser ça et le mettre ici derrière eux tous. Tous les calques. Maintenant, réduisez l'opacité pour voir ce qui se passe. Et nous allons utiliser celui-ci, maintenez Alt enfoncé et faites-le glisser ici. Et allons le rendre blanc. Une fois encore. Je vais faire glisser ça à droite. Faites-le glisser vers la droite, retournez horizontalement le long de Maj Alt et déplacez-le vers la droite. Mais ils ont cette zone inférieure, il faut donc la couper. Une fois encore. Il suffit de dessiner un rectangle. Cliquez ici. Mais nous voulons les supprimer tous de la même manière. Cela signifie que nous devons nous unir et cliquer ici, maintenir enfoncé, décaler, cliquer, cliquer, cliquer, cliquer, les ajouter ensemble. Donc, le R1, maintenant ils sont unis. Cliquez sur le rectangle ou le déjeuner, cliquez sur le cercle et moins. Et puis le premier est facile. Ici, rectangle. Et nous y voilà. Faites-le glisser vers le bas vers une bordure. Maintenant en bas de Alt, cliquez et faites glisser le coin, cliquez sur le bouton Alt et faites glisser le coin. Et voyons ce que vous avez fait. Maintenez la touche Maj enfoncée et faites-la glisser vers la droite. Est-ce que c'est cool ? Mais ces deux-là doivent être en retard. Alors sélectionnez-les tous les deux. Commande d'appartenance et touche de support gauche. Baïkal. Cette option va être sélectionnée et l'opacité devrait être de 100 %. Et nous avons quelque chose de très, très intéressant. Il va voir celui-là. Peut-être que je peux juste, tu sais, parfois traîner ça avec un vieux coin. Je peux en ajouter davantage. Tous. À partir d'un seul cœur. Je peux en ajouter davantage. C'est plus pratique. Maintenant, croyez-moi les gars. Vous pouvez créer n'importe quoi dans Adobe XD très facilement. 7. Travailler avec les types: Commençons par travailler avec du texte sur l'obésité. Je vais simplement cliquer sur le plan de travail et appuyer sur Contrôle 3. Donc, pour être exactement, et c'est un endroit. Maintenant, je vais simplement cliquer sur le plan de travail et créer quelque chose comme ça. Pour l'instant, prestige et type. J'adore Adobe XD. Très bien. Le premier que nous allons chercher ici est l'espacement. Je l'ai mis sur un 0. Et si je clique ici et que j' utilise ma flèche supérieure, je peux augmenter les lettres d'espacement. Si j'utilise ma flèche vers le bas, je la réduit et moins d'espacement. Initialisons cool, cool. Moins 60. Très bien, c'est la première étape pour comprendre ces deux options. Je vais juste aller ici et copier cette ligne de texte, l' apporter ici. Et essayons d'utiliser cela pour expliquer. Trop gros, je colle quelque chose qui est trop gros. Allons arranger ça. Mettez ça sur 10, c'est toujours totalement l'un sur l'autre. Il s'agit de l'espacement entre les lettres, l'interligne. Parce que ma hiérarchie supérieure, alors jouez autour d'elle. C'est cool. Et j'augmente l'espacement entre les lettres pour qu' il soit plus lisible. Et faites-le glisser vers la droite. Donc, si je le fais glisser vers la gauche, criant comme ça, alors faites-le glisser vers la droite. Il ne s'agira que de trois lignes. Il suffit de jeter un coup d'œil à celui-ci. Cela ne se passe rien, n'est-ce pas ? Mais si je clique ici et juste, voulais juste un espacement et appuyez sur Control V et copiez simplement le top. Voyons simplement ce qui se passe. Si je viens ici et que j'utilise cette flèche vers le bas. Il s'agit de l'espacement des paragraphes. Si vous avez deux paragraphes, quelque chose comme ça. Si vous avez deux paragraphes, cliquez dessus et augmentez l'espacement entre les paragraphes. Mais celle-ci se situe entre les lignes qui vont également affecter le paragraphe. Bon, maintenant quoi d'autre ? Je vais juste m'accrocher à Alt et faire glisser ça. Vous savez, tout ça, n'est-ce pas ? Si je peux la rendre majuscule, minuscule Z, la première lettre majuscule Z. Et je peux simplement sélectionner le XD et celui-ci va en haut ou en bas. C'est sous-jacent. Et c'est comme un O prime. Allons maintenant à la frontière. Qu'est-ce que c'est ? Utilisons le champ va changer la couleur en bleu et peut-être le changer en blanc et lui donner juste une bordure. Et il suffit de jeter un coup d'œil. Nous allons juste le sélectionner et revenir en arrière et y jeter un coup d'œil. J'adore Adobe XD, juste avec une bordure. Vous pouvez changer la couleur en noir ou peut-être en bleu, n'est-ce pas ? Comme vous le voyez, nous avons quelque chose appelé ici échantillonneur. Comment ajouter du flou à cette image. Pour être floue, qui est ici, je dois mettre quelque chose derrière. Ils ont juste mis quelque chose, peut-être une couleur derrière. Cliquez avec le bouton droit de la souris, envoyez pour sauvegarder et jetez-y un coup d'œil. Pour celui-ci, nous allons le sélectionner et décocher la bordure. Sélectionnez le texte, faites-le glisser vers le bas. Vous pouvez ajouter des attitudes initiales, y ajouter une ombre portée et ajouter un flou d' arrière-plan. Si une liste de contrôle est affichée, jetez un coup d'œil et faites-la glisser un peu vers le bas. Vous voyez, cela va être très, très intéressant. Mais je monte et je descends, vois que c'est totalement flou. Et je peux simplement jouer avec cette capacité, cette floue et plus floue pour cliquer sur l'arrière-plan et jouer avec la couleur. Vous voyez peut-être l' effet, l'effet flou. Donc, si je change la couleur d'arrière-plan, la couleur va également changer. 8. Créer de la typographie avec des ombres: Il est maintenant temps de créer ce bel effet dans Adobe XD. Très bien, je vais juste créer un plan de travail. Cliquez et sentez et rendez-le totalement noir. Et commençons. Et nous allons passer une par une lettre. Appuyez sur S. Maintenant, cliquez et faites glisser et agrandissez. vais juste faire défiler vers le bas, je n'ai pas besoin de la frontière. Juste celui-là. Maintenant. Maintenez Alt et Maj maintenez la touche Alt et Maj enfoncée Ça risque d'appeler ça , mais on doit y ajouter de l' ombre, non ? Comment pouvons-nous le faire ? abord, nous ajoutons un peu d'ombre intérieure avec le Y. Peut-être qu'une ou trois vont bien. Celui-là, peut-être 10. Initiative. Qu'en est-il de l'ombre portée ? Jouez avec l'ombre car vous souhaitez ajouter l' ombre à gauche, à gauche ou à droite, utilisez la valeur x. Je vais juste mettre 10 ou moins 20 pour aller à gauche pour l'ombre et le y devrait être 3000. Cliquez maintenant sur l'icône de l' ombre portée ici et faites-la glisser vers le haut de l'opacité pour y ajouter d'autres ombres. Donc ça veut dire qu'il est mis moins 10 serait suffisant. Maintenant, le flou, ça va être 10. Maintenant, jetez un coup d'œil sur un autel et optez pour aller à droite. Cela va être double-cliquez dessus, appuyez sur Maj a à b. majuscule. Maintenant, je vais le déplacer à nouveau, faire glisser vers la droite, double-cliquez sur Maj D. J'appelle Alt et Maj, faites-le glisser vers la droite. Ciblé. Maj O. Faites-le glisser vers la gauche. Un peu plus cool. Peut-être ici, bien. Faites glisser le curseur Alt Shift vers la droite et décalez W pour rester en place. Et jetez un coup d' œil à merveille, nous avons créé cet effet cool dans Adobe XD. Très bien, pratiquez-vous quand vous êtes vraiment doué. Passez à la leçon suivante, qui consiste à travailler avec des images. 9. Masquer des images dans une forme dans Adobe XD: Comment nous avons créé cela, comment nous avons fait défaut à l'intérieur de ces beaux objets. Il y a deux façons de le faire. C'est ce qu'on appelle le masquage. D'abord. Essayons ça. Apportons les images ici. Et essayons ça. Un. Je peux suivre ça et juste le mettre ici. Il va être énorme. Regardez. Donc je maintiens le quart de travail et je les rends intelligents. Mais il faut ajouter, mettre des coins autour. Il y a deux façons de faire est ce matériel, qui masque, mal interprété. Vous cliquez sur l'outil Rectangle Marquee Tool et faites simplement une sélection autour de nous. C'est vrai ? Maintenant. Rendre les coins arrondis, peut-être environ 30. Maintenant, voici la partie délicate. Je sélectionne la sélection. Vous devez les sélectionner tous les deux. Le premier devrait être celui dans lequel nous voulons mettre l'image à l'intérieur. Très bien, cliquez avec le bouton droit sur Masque avec forme. Et rappelez-vous le raccourci Maj Control M et voyez ce qui se passe. La même chose. Essayons maintenant de faire de la manière simple. Cliquez sur un outil de chapiteau rectangulaire. Cliquez et faites glisser le curseur. Faites de nouveau au coin du printemps les images. Il suffit maintenant de faire glisser l'image et de la placer à l'intérieur. Comme il le dit, copiez, laissez-le tomber. C'est le plus facile, mais celui-ci garde la frontière. Il suffit de décocher ça. Et c'est tout. Qu'en est-il de celui-ci ? Le même scénario. Cliquez sur l'icône ici. Et je vais juste traîner quelque chose comme ça. Peut-être que je veux celui-là. Je n'ai pas besoin de la frontière. Apportez les images. Peut-être que celui-ci vient de le faire glisser et de le déposer à l'intérieur. génial, c'est que vous pouvez simplement double-cliquer dessus et vous pouvez simplement le déplacer. Je peux le rendre un peu plus grand, peut-être ici. Et cliquez à l'extérieur. La même chose avec celle-ci. Il suffit de double-cliquer autour et de sélectionner cette image, Alt et Maj, et agrandir un peu. Et que diriez-vous de celui-ci ? Nous n'avons pas de forme comme celle-ci. Cliquez sur notre triangle. Venez ici, et nous avons quelques options ici. Vos cages à flèches, soulevez-les. Vous pouvez changer la taille, quelque chose comme ça. Vous pouvez accéder à vos images et cette fois c'est le cas, faites-les glisser et les déposer à l'intérieur. Regardez, maintenant, double-cliquez dessus et déplacez-le simplement vers la droite pour être centré. À l'extérieur, cliquez sur cette petite icône ici. Regardez la frontière, et c'est tout. Qu'en est-il de ces deux images ? Je peux apporter cette image. Ça va être énorme, non ? En remontant, je maintiens le quart de travail et je fais ça très petit sur un « put this » ici. Je vais juste monter pour que vous puissiez voir ce que je veux dire. Alors, comment on met une forme floue au-dessus d'une image. Il est donc bon d'y ajouter du texte. C'est très facile. Juste un chapiteau rectangulaire le rayon autour de huit est très bien. Frontière. C'est bon vers le bas et cliquez sur le flou d'arrière-plan. C'est vrai ? Cliquez dessus et assurez-vous que le montant est inférieur. Pour voir plus de texture sous une image réelle depuis l'arrière-plan. Et vous pouvez jouer avec le corps flou et collant. Encore une fois, c'est bien. Comment rendre une image floue. C'est vrai ? Cliquez dessus pour l'option Alt et Maj, faites-le glisser vers la droite. Et ici, il suffit de cliquer sur cette icône ici et de flouter l'objet. Si vous cliquez dessus, le montant est de cinq, faites-le baisser de 1, 2, 3 ou C. C'est généralement 1 ou 2. Et c'est ainsi que nous travaillons sur les images. Dans Adobe XD. Il y a beaucoup de choses que nous abordons à l'avenir. Assurez-vous de faire des entraînements sans entraînement, nous n'allons nulle part. Après avoir fait un peu de pratique. Et vous êtes vraiment doué pour jouer avec le texte, les formes et les images d'Adobe XD. Nous partons pour notre projet. 10. Créer une page de profil Instagram pour répéter la grille Tablette: Très bien, essayons de recréer cela dans Adobe XD. En fait, c'est très, très cool et je vais juste cliquer sur cette icône ici. Cliquez ici et faites glisser une boîte. Je vais simplement cliquer sur ma sélection et cliquer dessus pour voir laquelle est de deux à cinq. La hauteur diffère pour, clic diffère pour lequel il est cool. Donc, c'est la même chose. Bon, commençons par le haut. Revenons à mon dossier d'image aérienne et à son logo Instagram. Je vais juste le faire glisser et le déposer ici. Il est trop grand ou en bas Alt et Maj et le rend plus petit à partir du centre. Et je vais juste le mettre ici. Reprenons la ligne ici et maintenons la touche Maj vers la droite. Vous voyez que la taille est une. Vous pouvez le mettre à moitié. Cliquez sur 0,5. La taille va donc être de moitié. Maintenant, nous devons changer la couleur peut-être avec un bleuâtre. Maintenant, comment créer cela très rapidement, créons l'un d'entre eux. Je vais donc simplement cliquer sur Maj enfoncée et en créer l'un. Allons à l'intérieur et cliquons sur ce petit coin pour avoir une bordure. Pour l'instant, je vais juste garder le ballon et réfléchir à quelque chose. Dans Adobe XD, nous avons quelque chose appelé Repeat Grid. Il suffit de cliquer dessus. Lorsque vous cliquez dessus, vous obtenez deux poignées. Il suffit de le faire glisser vers la droite pour voir ce qui s'est passé. Je vais tout copier pour vous. Si vous placez votre souris entre elles, nous pouvons simplement modifier l'espacement en faisant glisser vers la droite et la gauche. Je veux mettre l' espacement de cinq. Maintenant, faites glisser ça vers la droite. Maintenant, faisons de même avec celui-ci. Mettez la souris ici et faites monter ce nouveau dragon qui espacera cinq nouveaux dragons. Et la ligne des arbres suffit. C'est cliquer à l'extérieur. Je veux ressentir ça avec les mêmes photos. Comment pouvons-nous le faire ? Nous avons besoin d'un plugin. Vous devez installer un plug-in dans les autres semaines, cliquez sur cette petite icône ici, qui est les plugins. Et vous ne devriez rien avoir ici. Il suffit de cliquer sur ce petit signe plus. Lorsque vous cliquez dessus, vous obtenez ce panneau, l'application de bureau Creative Cloud. Cliquez sur Tous les plug-ins, une recherche pour IU Faces, puis cliquez sur Installer ici vous voyez un historien. Quand il est installé. Vous pouvez fermer celui-ci car il apparaîtra simplement dans le panneau Plugins. Cliquez sur Visages d'interface utilisateur. Il suffit de double-cliquer et de sélectionner l'un d'entre eux. Double-cliquez donc et sélectionnez l'un d'entre eux. Vous pouvez donc leur dire quelles sources vous allez utiliser. Je peux utiliser un éclaboussure et des pixels. Sélectionnez une photo. Je peux le dire au hasard 24 suivis restants pour moi et cliquer sur Appliquer. Donc, la nature aléatoire va le remplir avec ça et voir à quel point c'est cool. Je n'ai pas besoin de la bordure Double-cliquez. Voyons maintenant ce qui se passe. Si je décoche, la frontière va être annulée pour tous . Et quoi d'autre ? Je peux ajouter cette lettre ici et voir ce qui se passe. Tout ce que je fais à cette image unique va être affecté dans toutes ces images. Dans et dans votre fichier de projet, vous avez quelque chose appelé des icônes de matériaux, des icônes de matériaux Google. Et cela va chercher quelque chose appelé des ions ici. Nous allons juste le sélectionner et copier les yeux et un peu Control V, maintenir la touche Maj enfoncée et les rendre petits. Je veux le mettre ici. Et je veux le rendre blanc. Mais le problème, c'est que je veux être ajouté à tous. Ce que je vais faire, c'est que je vais simplement cliquer sur Command Control X. Maintenant, double-cliquez. Maintenant, je vais à l'intérieur de l'un d'eux. Maintenant, commandez et contrôlez V pour le coller. Vous voyez, il l'ajoute à toutes les images. Maintenant, faites-le glisser et mettez-le ici. Et à quel point est-ce cool ? Quoi d'autre ? Nous sommes ici en fait ? Il y a donc plus d'espaces. Nous avons une ombre portée ici. Double-cliquez sur l'un d'eux. Ajoutons une ombre portée. Peut-être que le Y est un et b est deux. Mais la couleur de l'ombre portée devrait être plus intense. Et la couleur, peut-être que nous avons changé la couleur autour de quelque chose comme ça. Lowish, quelque chose de plus cool. Mais j'ai quelques lignes ici, non ? Je peux donc double-cliquer ici et faire glisser ça vers la droite. Et il suffit de jeter un coup d'œil. Jetez un coup d'œil. Si nous nous déplaçons ici, cliquez ici et le tracé est un peu plus à droite. Et maintenant, vérifiez ça. Si je clique ici, je peux simplement le déplacer pour rendre plus agréable. Qu'en est-il de celui-ci ? Kate et un cercle et maintenez Alt et Option. C'est ça. Vous pouvez utiliser la même méthode que les gars, qui va se brancher. Peut-être que cette fois, juste Unsplash. Sélectionnez maintenant une photo. Et vous pouvez en choisir quatre ou aimer celui-ci et l'appliquer. C'est vrai. Maintenant, modifions la couleur de la bordure. Le bleu va changer cette couleur. Joli. Ce que nous avons d'autre ici va clôturer cela pour eux. Imposé suivant les abonnés, t à 1 abonnés. Je peux donc cliquer sur Color et changer et le rendre un peu fou. Et mettez-le ici, vous voyez qu'il va être centré tout le temps, faites-le glisser vers la gauche et cela va être posté. Et vous voyez que cet espacement va baisser. Maintenant, qu'en est-il de l'espacement ? Je peux simplement sélectionner ces quatre et cliquer sur cette icône de calque ici pour que l'espacement soit égal. Très bien, c'est sympa. Qu'en est-il de celui-ci ? J'ai donc besoin d'une autre ligne ici, donc je vais juste copier celle-ci parce que je suis paresseux ou Alt and Shift, faites-le glisser vers le bas. C'est ça. Qu'en est-il de cette image ? Nous allons sélectionner le rectangle. Je vais venir ici et interagir est en panne. Peut-être changer le coin de celui-ci pour l'aligner. Il suffit de le faire glisser pour que cette ligne soit une ligne. Apportons maintenant les images. Je vais faire glisser ça et le déposer ici. Je n'ai pas besoin de la frontière. Très bien. Maintenant, ajoutons ça en haut. Vous savez comment faire ce rectangle à la jambe droite. Vous pouvez faire glisser la bordure, rayon trop de poids pour rendre l'arrière-plan flou. Cliquez sur le flou d'arrière-plan. Alors faites glisser ça vers le bas. Jouez avec elle jusqu'à ce que vous en soyez satisfait. Je crois que je suis content de celui-ci. Nous avons besoin de quelques icônes ici. Revenons à l'icône Google. Au hasard, je vais juste ajouter une partie de ça. Vous pouvez aller choisir une meilleure icône. Copier. Coller, long décalage pour le faire sourire. Maintenant, mettez ça ici. Cliquez et faites-le glisser, et celui-ci. Sélectionnez-en quatre. Assurez-vous que l'espacement est égal. Une ligne depuis le centre. Très bien, cool. Encore une fois, sélectionnez-en quatre. Et remplissons-le de blanc. Maintenant, comment ajouter le texte ici ? Double-cliquez ici, appuyez sur Contrôle C. Maintenant, venez ici. Vous pouvez cliquer et faire glisser le curseur. Notre texte va donc être juste à l'intérieur. Maintenant, Control V. Maintenant, cliquez dessus. Changez la couleur de remplissage en noir. Maintenant, nous devons y ajouter plus d'espacement. C'est bon ? Celui-ci, donc le look hiérarchique supérieur sera toujours à l'intérieur de cette boîte de sélection, ce qui est très cool. Et qu'en est-il de celui-ci ? Si vous changez, vous cliquez à nouveau sur Texte, en un seul clic. Soyez le changement. Vous, c'est ça ? C'est vrai. Maintenant. Changez la couleur par quelque chose comme ça. Vous devriez être en haut pour pouvoir cliquer sur le haut. Très bien, c'est tout. Si je maintiens la touche Maj enfoncée et que je le fais glisser, je peux le placer au centre. La ligne. Cela signifiait que c'est centré. C'est vrai. Maintenant, facilement, nous avons créé notre projet maintenant, appuyez sur Commande ou Contrôle S pour l'enregistrer. Il est maintenant temps de les finaliser, notre conception, la première chose que je peux voir, c'est qu'ils ne sont pas alignés. Cela signifie donc que je peux cliquer ici et descendre Shift et réduire cela très progressivement. Je peux les sélectionner et faire glisser un peu vers la gauche aligner ce joli Instagram. Cool. Le premier. Je vais juste supprimer ceci ou vers le bas, Alt et Option et faire glisser cela vers le bas. Joli. Celui-ci devrait être tout capital. Nous allons donc simplement cliquer ici et cliquer sur la capitale. Je peux peut-être faire glisser ça un peu. Différentes couleurs, un peu plus foncées. Et c'est tout. Vous allez tout à fait bien. Cela, peut-être que je peux simplement déplacer tous ces éléments pour qu'ils soient centrés. 11. Comment utiliser les composants Colors Style de personnages dans le panneau de bibliothèques ou d&#3: Travaillons professionnellement dans Adobe XD en apprenant à utiliser les bibliothèques, ou il était utilisé comme panneau Actifs, mais pour le moment, il a changé le nom en bibliothèques. Nous avons ici trois options : couleurs, caractère, style et composant. J'essaie de créer mon application mobile avec plusieurs images et œuvres d'art. Ça va être beaucoup de ça, peut-être 1000 de ça. Mais comment travailler professionnellement ? Ce que je veux dire, c'est que je suis seulement en bas Contrôle et clique sur cette petite icône pour aller à l'intérieur de cette boîte, je vois le cadre de sélection. Maintenez donc la touche Commande et Contrôle enfoncée et cliquez sur la couleur souhaitée. Maintenant, cliquez sur le signe plus. Maintenant, je l'ai ajouté. Je peux double-cliquer dessus et je peux juste taper B à coup sûr pour Bitcoin. Je maintiens le contrôle enfoncé et je clique et ce violacé. Et est-ce que j'ajoute cette couleur aussi ? Je vais juste appeler ce bouton, par exemple. C'est vrai ? Maintenant. J' essaie également d'ajouter cette couleur à celle-ci. Maintenez la touche Contrôle enfoncée et sélectionnez celle-ci. Et il suffit d'un clic là-dessus. J'ai ajouté cette couleur. Encore une fois, j'ai ajouté cette couleur, donc ce sera le même nom et les mêmes couleurs. Maintenant, si je change d'avis, si je voulais changer cette couleur par autre chose, il suffit de jeter un coup d'œil, de cliquer avec le bouton droit et de la couleur que vous souhaitez modifier. Appuyez sur, modifiez et modifiez-le et voyez qu'elle va changer dans toutes les autres couleurs qui ont utilisé cette couleur, n'est-ce pas ? Jetez un coup d'œil. Tout cela a utilisé cette couleur est Command ou Control Z pour revenir en arrière. À quoi ressemblent les personnages ? Il suffit de jeter un coup d'œil à ce texte différent de celui-ci et de celui-ci, n'est-ce pas ? Mais je veux que tous ces textes soient identiques. Donc, ce que je fais, je clique sur ce texte Bitcoin et je clique sur ce signe plus. Maintenant, je sélectionne celui-ci et je clique simplement sur celui-ci et je clique sur les caractères comme et je vais toujours changer le nom en code quatre bits. Par exemple. Maintenant, je sais que tous les noms seront de la même taille, la même famille, de la même police. Et ça ne m'inquiète pas. J'ajoute également cette couleur. Je sélectionne ça. J'ajoute également cette couleur. Mais il y a un problème. Je veux ajouter cette couleur à celle-ci, mais je veux aussi que la taille et la police soient les mêmes. Donc, dans ce scénario, je dois également créer ce tableau de caractères. Il suffit de jeter un coup d'œil. Si je viens ici et que j'ajoute cette couleur, le courant est ajouté, mais la taille de police ne sera pas la même. Alors, ce que je fais, appuyez sur Commande ou sur Control Z pour revenir à la normale. Maintenant, jetez un coup d'œil. Je suis en silicone celui-là et j' ajoute une diapositive de personnage. Maintenant, changeons le nom en numéro. Maintenant, jetez un coup d'œil. Si je viens ici et que je sélectionne celui-ci et que je clique et que ce sera le même que celui-ci. Qu'en est-il de celui-ci ? La même chose ? Et ce qui est cool à ce sujet. Si je change d'avis et que je souhaite modifier la police et la couleur, je peux cliquer avec le bouton droit de la souris. Je peux modifier la création de couleurs, peut-être la faire publier, n'est-ce pas ? Et aussi qu'en est-il de la police ? Je peux changer la police en. Ils vont tous changer en même temps. C'est ainsi que nous travaillons en tant que concepteur professionnel et Adobe XD. Qu'est-ce que les composants ? Maintenant ? Le composant est très cool. Il suffit de jeter un coup d'œil à ce devenir un jour logo. Par exemple. J'ai besoin de ce logo partout. Peut-être que je maintiens Alt et Option et Maj enfoncés et faites-le glisser pour copier cela. J'ai beaucoup de Bitcoin. Si je change d'avis, je veux changer ce logo, qu'ils doivent aller ici et le changer un par un. Cela n'a pas de sens. Et si je veux changer la couleur pour qu'elle en ait besoin alors qu'en est-il de l'autre ? Il faut aller un par un et changer toutes les couleurs. Ce n'est donc pas vraiment bon dans le design, car nous avons des milliers de choses à changer. Le meilleur moyen est donc de maintenir la touche Contrôle enfoncée et cliquer sur cette icône et d'en faire un composant. Et je vais juste appeler cette API. Il suffit de jeter un coup d'œil à celui-ci. Je dois également supprimer tous ces éléments. Maintenant, il y a deux façons de le faire. Nous pouvons cliquer dessus, le faire glisser et le mettre ici. Ce qui n'est pas une bonne idée car je veux être exactement au même endroit. Je veux donc le supprimer. Appuyez sur Supprimer sur votre clavier. Cliquez sur cette petite icône ici, appuyez sur Commande ou Contrôle C pour la copier. Maintenant, sélectionnez le premier, Arthur appuie sur Commande ou Ctrl V, pour copier au même endroit. Encore une fois, contrôlez V pour copier au même endroit. Maintenant, pourquoi faisons-nous cela ? Parce que si je change d'avis, si je clique ici et que je veux peut-être changer cette couleur par autre chose et jeter un coup d'œil. Toutes les couleurs changent. Et une autre façon cool de faire cela. À l'avenir, j'ai peut-être changé d'avis. Je veux ajouter ce signe à tous ces Bitcoins. Ce que je fais, permettez-moi de m' accrocher à Alt et de les copier. Maintenez la touche Maj enfoncée et réduisez-la un peu. Joli. Maintenant, jetez un coup d'œil à ça. Je clique sur ce signe plus. Maintenant, c'est un terrier. Je veux changer tous les Bitcoins car ils sont tous combinés avec le logo italien. Il suffit de cliquer sur l' Ethereum et de le faire glisser et de le placer sur une boîte CDS. Laissez-le aller. Voir. Ils changent tous et ont la même taille, le même endroit. Appuyez sur Commande ou Ctrl Z pour revenir en arrière. C'est vrai. Vous savez maintenant pourquoi nous utilisons cela. Maintenant, je peux cliquer dessus et a, B. Tous changent. Vous savez maintenant pourquoi utiliser des couleurs, caractères, des diapositives et des composants. Toujours lorsque nous concevons, nous devons toujours noter notre palette de couleurs. C'est ainsi qu'il a créé. Ou si vous voulez tout le compilateur que vous utilisez le tableau d'art, vous pouvez cliquer sur l'écran et simplement cliquer sur le signe plus. Ils vont tous être ajoutés. N'oubliez pas, changez le nom pour savoir où ils se trouvent. Peut-être que celle-ci est la date, celle-ci est le titre Ethereum. Cette ligne est la ligne. Il s'agit de prix. Donc, vous comprenez l'idée. C'est ainsi que vous travaillez avec cela. Nous pouvons également faire autre chose dans celui-ci. Peut-être celui-là. Celui-ci va se répéter beaucoup. Je maintiens donc le contrôle enfoncé et je clique et ce numéro sera déplacé pour que ces deux-là soient sélectionnés. Alors Control Shift, je suis en silicium 28 et je fabrique ces composants, non ? Revenons en arrière. Maintenant. Cliquons dehors, cliquons dessus, faites-le glisser et placez-le ici. Je veux le mettre ici. Le moyen le plus simple consiste à cliquer avec le bouton droit sur Modifier le composant principal Et je maintiens le contrôle enfoncé et clique et cette couleur, je vais à l'intérieur. Je change la couleur par autre chose. Il va donc être changé ici aussi. Qu'en est-il de ces chiffres ? C'est la même chose, peut-être que la valeur de la taille de l' élément à 15, 14, C change également. Cela va donc être très facile. Et quand nous avons beaucoup d'œuvres d'art, cela nous simplifie beaucoup la vie, surtout avec le client qui change chaque jour comme le mien dans nos projets. Nous faisons beaucoup de pratique là-dessus. Ne vous inquiétez pas à ce sujet. Ce n'était qu'un examen de la façon dont nous utilisons les couleurs, les caractères comme les composants. 12. Créer un design de site Web réactif: Il faut que tout soit réactif. Dans Adobe XD, nous avons cet en-tête de site Web et il doit être réactif. Cela signifie que si je fais glisser ce sourire animé pour une vue mobile, tout devrait venir à gauche. Mais dans ce cas, rien ne s'est passé. Appuyez sur Commande ou Contrôle Z. Mais si je sélectionne mes plans de travail, le bleu en haut et cliquez sur le redimensionnement réactif. Maintenant, jetez un coup d'œil. Si je fais glisser ça vers la gauche. Il fonctionne. Donc c'est comme ça que fonctionne réellement la réactivité, n'est-ce pas ? Très bien, laissez-moi appuyer sur Command Z. Maintenant, permettez-moi d'expliquer comment cela fonctionne. Je vais supprimer ces deux-là. Maintenant, créons un bouton. Je vais juste cliquer sur un rectangle, faire glisser de gauche à droite. Faites glisser ce coin pour le rendre très arrondi. Cliquez sur la couleur de remplissage, est devenu couleur verdâtre, bordure plus t. Et mettez-le ici, appelez ce côté. Je veux le rendre un peu plus grand. Je vais juste le mettre ici. Cliquez sur ce bouton. Et c'est automatiquement un redimensionnement réactif. Voyons voir. Si je le fais glisser et que je le rends plus petit. Il va changer. Celui-ci va rendre tout réactif à l'intérieur de la page. Et si je veux rendre celui-ci réactif ? Cela signifie que si je veux faire glisser ça, ces textes d'inscription devraient toujours être au centre. Comment faire en sorte que cela se produise ? Appuyez sur Control Z. Il doit être groupé en premier, sélectionnez-les tous les deux. Contrôle G. Maintenant, si je fais ça à gauche ou à droite, s'il est groupé, il sera toujours au centre. C'est ça l'astuce. C'est vrai ? Laissez-moi simplement agrandir ça. Et ça va être exactement comme ça. Qu'en est-il de celui-ci ? Si je sélectionne celui-ci et que je veux le réduire, je veux être le même. Mais la même chose. Regroupez tout, Contrôlez G. Maintenant, si je fais ça aussi petit, c, tout sera dans la même position. Juste l'image va changer. Très bien, il s'agissait d'un redimensionnement réactif très simple. Et maintenant, qu'en est-il de celui-là ? Une barre de menus en haut. Si je fais glisser ça et que je le mets à gauche, je perds tout, n'est-ce pas ? Ce n'est donc pas juste. Donc, laissez-moi juste copier ça. Je veux le garder ici et m' assurer qu'ils sont tous contrôlés par groupe G. Maintenant, refaisons-le et voyons ce qui se passe. Rien, non ? Parce qu'après cela, vous devez cliquer sur le redimensionnement réactif. Maintenant, regardons ça. Tout va bien, mais le texte passe à l'intérieur de Y et nous allons vous montrer une pression sur Control Z pour revenir en arrière. Maintenant, cliquez sur la barre de menus. Après un double-clic. Sélectionnez des bits, décalez tout le texte. Maintenant, je passe dans le manuel. Et voir ici nous avons une position fixe, cela signifie une largeur fixe et une hauteur fixe. Je vérifie ça. Je veux cliquer là-dessus. La hauteur change en fonction de la taille de l'écran. Regardez cet écran. Il s'agira d'un écran de tablette et cela va être plus ou moins donné, mais cela va toujours être correct, mais la taille change. Appuyez sur Control Z. Revenons à nouveau. Sélectionnez-les, maintenez enfoncée, Maj, sélectionnez-les tous, assurez-vous qu'ils s'alignent par le bas. Donc, p sont tous alignés. Maintenant, je veux fixer la position ici, l'alignement en bas, qu'ils ne montent pas et ne descendent pas. C'est une chose. Qu'en est-il de celui-ci ? Silicium, celui-là ? Et allez au manuel. Donc corrigé avec le graphique et prenez-les tous, Ramon est-il réparé, peut-être juste en bas. Alors, sélectionnez-le et faites-le glisser vers la gauche. Cva est arrivé. Très intéressant. C'est ainsi que nous créons une conception web réactive. 13. Projet de monde réel - Déclaration des – obtenir l'emploi: Nous avons une offre d'emploi d'un client, et c'est ce qu' il demande aux antagonistes. Ils ont une librairie appelée T book, et comme quelques personnes ont le temps de visiter et d'acheter le livre physique. Et également en raison du blocage du COVID-19, nous envisageons de créer une librairie en ligne. Nous pensons qu'ils pensent que cela signifie que je n'en suis pas sûr. C'est notre travail de les convaincre de faire la décharge et que vous êtes la bonne personne pour cela. Ils veulent un site Web et des applications mobiles pour que n'importe qui puisse commander un livre à tout moment. Nous n'avons aucune idée du processus. Veuillez nous faire savoir ce que vous pensez et donnez-nous vos idées et votre calendrier. Ils veulent donc nos idées. Comment convaincre le client. Vous êtes le meilleur concepteur pour réaliser ce site Web et ce design d'applications mobiles. Maintenant, je vais vous montrer le secret d'obtenir facilement n'importe quelle offre d'emploi en suivant ces étapes. Tout d'abord, nous informons le client par l'intermédiaire de comprendre votre problème. Énoncé de problème. C'est ce que nous répondons au client. Avec le monde de plus en plus concurrentiel, maintien d'un bon équilibre travail-vie personnelle est déjà un défi. Les gens poursuivent les délais, voyagent plus souvent pour le travail, nous sommes coincés au travail, nous passerons leurs heures de bureau. Dans ce processus, ils n' ont pas assez de temps pour visiter les magasins ou les bibliothèques de Bouddha pour acheter ou louer le livre. En raison également du COVID-19, les bibliothèques et les librairies ont été fermées. Et les gens ont de la chance maintenant, sorte que les gens ne peuvent pas acheter ou emprunter de nouveaux livres dans les librairies. Le livre T est donc confronté à une perte financière car il n'a que hors ligne à cause des portes. Très bien, maintenant nous avons dit au client que nous comprenons le problème. Et maintenant, nous arrivons avec la solution. Nous proposons des idées, solution numérique ou un site Web de commerce électronique qui peut faire la présence du livre en ligne. Que l'utilisateur puisse parcourir deux catégories de livres différentes et fournir toutes les informations sur les livres en ligne sans consulter aucun autre site Web. Cela signifie que la taille européenne va être parfaitement parfaite. Les utilisateurs peuvent également acheter les livres des auteurs préférés et du genre préféré. Nous fournissons également des livraisons gratuites ou en espèces. C'est à vous de décider. Nous avons donc trouvé les idées. Nous passons à l'étape suivante, c' est-à-dire le processus de conception. Nous montrons maintenant à nos clients ce qui va être le processus de réalisation de ce travail et combien de temps cela va prendre. Tout d'abord, nous faisons la découverte. Cela signifie la recherche des utilisateurs de la DMV, entretiens avec les utilisateurs, l'analyse concurrentielle avec moodboard. Ensuite, nous définissons, nous définissons des personas utilisateur, carte d' empathie, une carte de parcours utilisateur. Ensuite, nous idéons le flux utilisateur, le tri des cartes, l' architecture de l'information. Ensuite, nous proposons la conception, le câblage ou la faible fidélité, haute fidélité et le prototypage. Ensuite, à la fin des tests, qui sont les retours concluent les concepts futurs. Les trois premiers seront UX et un 4 et 5 seront l'interface utilisateur. Maintenant, nous devons leur envoyer des recherches sur les utilisateurs. Qu'est-ce que la recherche utilisateur ? Nous leur envoyons ces questions parce que nous devons leur dire nous comprenons vos problèmes et nous avons posé les questions. Vous devez donc nous donner les réponses. Quels sont les objectifs, les valeurs et la vision des utilisateurs de votre entreprise ? Quels sont vos indicateurs bruts pour les cinq ou dix prochaines années ? Mais les problèmes que votre produit résout ? Et dans quelle mesure est-il commercialement viable ? Qu'est-ce que vous essayez de les aider à atteindre ? Qui sont vos concurrents ? Qu'est-ce que vous aimez chez eux ? Quelles sont les recherches déjà effectuées ? Y a-t-il des contraintes de conception ? Si oui. Que sont-ils ? Y a-t-il des contraintes technologiques ? Si oui, que sont-ils ? Quels sont les délais pour les projets ? Quel est le processus d' approbation de la conception ? Et qui va les approuver. Après avoir posé cette question à l'intervenant, vous proposez une étendue de travail et un calendrier. Le calendrier va être de huit semaines. Nous faisons la découverte en parallèle. Au cours de la deuxième semaine, nous définissons l' idée, la conception et les tests. Revenons en arrière et les entretiens avec les utilisateurs. Nous disons donc également à nos clients, posant certaines de ces questions à nos amis, de trouver une meilleure idée, de mieux comprendre comment les gens font et achètent des livres en ligne. C'est ce que nous envoyons au client. Donc, ces questions issues des entretiens avec les utilisateurs et de la recherche utilisateur, revenons à l'activité que nous renvoyons au client ces questions et idées. Attendez la réponse. Si la réponse était oui, cela signifie que nous pouvons commencer nos travaux. 14. Qu'est-ce que la stratégie de conception de recherche utilisateur Comment créer des échéances: Qu'est-ce que la recherche utilisateur ? Il s'agit de questions d' entretien avec les parties prenantes. Même après avoir reçu un mémoire créatif pour le projet. réalisation d' entretiens avec les parties prenantes est cruciale car elle permet de prendre la bonne décision, attendre, de fin, de moment, de déception et de changements pour créer le bon produit. Voici quelques questions. Vous le savez déjà. Quelle est la question. Par exemple, le premier, quels sont les objectifs, les valeurs et la vision de votre entreprise ? Rassemblez toutes ces réponses dans un lieu appelé design, stratégie. L'intention de la direction. Ce projet consiste à créer des livres d'utilisateurs ou de leurs désirs. Les utilisateurs peuvent parcourir et lire les livres des choix. En plus de cela, ils peuvent également obtenir des informations sur l'auteur en même temps. De plus, ils peuvent parcourir librement livres comme ils le font dans leur bibliothèque ou dans un magasin. Utilisez-le également pour lire l'avis par les meilleurs crédits pour choisir parmi les définisseurs, livres, collection, genre ou catégories. Revenons donc en arrière. Recherche des utilisateurs. Quelles sont les mesures brutes ? Quels sont les problèmes ? Quel est l'argument de vente unique ? Qui sont les utilisateurs ? Toutes ces réponses seront ici. Quel public cible, professionnel, étudiant, femme au foyer, fondamentalement, tous les lecteurs de livres actifs, sexe, homme, femme, transgenre, n'ont pas d'importance. Profession qui travaille ou ne travaille pas les deux âges, tous les âges. Quelle est la tâche générale ? La tâche générale est de vendre livres sont des modules complémentaires qui, selon vous, peuvent parcourir différentes sections et catégories de livres et lire la préface et l'introduction de chaque livre en ligne. Faites donc attention aux détails et tout ce que l'intervenant dit et mettez-le ici. Contrainte technologique, Internet, smartphones sont acquis. Une petite ville peut avoir des problèmes de réseau, des canaux croisés. Ils recherchaient toutes les plateformes, iOS, Android, plateformes Web. Il peut également fonctionner sur des téléviseurs, des ordinateurs portables et des tablettes. objectifs de marketing ou d'image de marque augmentent les profits pour augmenter les ventes de livres et maintenir le taux de rétention. Tirer parti des réseaux sociaux, c'est le Nouveau Monde. Nous devrions laisser les gens créer des comptes et leur faire partager des blogs, des articles et des produits, du contenu de publication sur les réseaux sociaux. Pour accroître notre crédibilité, nous pouvons écrire des articles, partager des vidéos, des informations, des applications et des services, ainsi que des références d'utilisateurs. Nous pouvons utiliser le programme de parrainage pour accroître la notoriété de la marque. Concurrent majeur, Amazon Books, acheter des livres, Inde. Alors commencé et soumettez-le en ligne. Maintenant. Encore une fois, toutes les réponses et la recherche des utilisateurs se dérouleront à deux endroits. Premièrement, dans la conception de la stratégie. Revenons en arrière et aussi dans une portée de travail et de calendrier. Après toute cette réponse, nous trouvons les semaines et la durée appropriées du projet, et nous mettons tout ici. Découvrez les entretiens avec les parties prenantes que nous avons déjà réalisés. Ensuite, nous optons pour un entretien utilisateur, une recherche utilisateur ou une recherche concurrentielle. Ensuite, nous définissons, définissons les objectifs de l'utilisateur, objectifs commerciaux en créant des attributs de marque , des personas utilisateur, une carte de parcours client C, j, m ou une carte d'empathie. Nous créons chaque détail. Les gars de cette plateforme ne s'inquiètent pas des idées. Créez un flux utilisateur, un tri des cartes et une architecture d'informations des fonctionnalités et sections possibles à ajouter. Ensuite, vous accédez à Conception, Vue ou service esquisse, cadrage filaire, qui est une conception à faible fidélité. Vous optez pour la conception haute fidélité et le prototypage final. Ensuite, nous effectuons des tests et des commentaires, des tests de prototypes , des commentaires, des améliorations, une présentation finale. 15. Comment faire un entretien de l'utilisateur Créer des connaissances de rassemble: Qu'est-ce que les entretiens d'utilisateurs ? Analyse qualitative. J'ai interviewé certains amis et membres de la famille qui aiment lire livres, ainsi que des étudiants et des leaders passifs. Je les ai interviewés sur appels vidéo et des appels téléphoniques en utilisant Zoom, WhatsApp et vous y arriverez à cause du COVID-19. Au total, 11, neuf participants. Lequel j'ai eu l'occasion de parler et nous donner un aperçu leurs défis et de leurs motivations. Voici quelques questions générales. Comment décririez-vous votre journée typique ? Que faites-vous actuellement ? quelle fréquence lisez-vous des livres, quel est votre livre préféré ? Et un y ? Voilà donc quelques-unes de la question et la réponse va se rassembler à l'intérieur et elle mettra la réponse en recueillant des informations. J'aime toujours acheter de nouveaux livres tous les mois, augmenter ma collection. J'utilise beaucoup d'applications de magasinage en ligne pour acheter tous les produits ménagers. J'avais l'habitude de me rendre dans des magasins hors ligne et de lire les informations d'un livre. J'aime bien. J'aime avoir de bonnes offres, MDS et les nouveaux livres que j'achète. J'ai toujours écrit avec un nouveau livre, des publications et des livres à lire. livres que je veux ne sont pas toujours disponibles en ligne. Je dois toujours continuer à vérifier. Quels sont les points douloureux ? Quel est le problème ? Aucune application Amazon n' est disponible pour acheter des livres en ligne ? Je ne reçois pas de bonne offre ou de réduction ou d'achat multiple des livres, dois rechercher les avis et les informations pertinentes sur un livre sur un autre site Web. Cela signifie qu'il ne fait pas partie d'un seul site Web. Vous n'avez pas beaucoup d'options à choisir. Beaucoup d'entre eux sont en rupture de stock, prennent trop de temps pour les livrer ou les ont reçus en mauvais état. Les passerelles de paiement ne sont jamais en sécurité. Et ce site Web, dont je n'ai jamais entendu parler. Revenons en arrière. Lorsque nous effectuons cette analyse quantitative, vous optez pour une analyse quantitative. J'ai effectué un sondage en ligne en utilisant Google pour observer tout schéma et similitude de ce que l'utilisateur potentiel pourrait souhaiter. Au total, 56 personnes ont répondu à cette zone qui nous a aidés à résoudre correctement le problème. Le sondage des utilisateurs du livre, je reçois le surnom de l'e-mail. Quel est votre âge ? Que faites-vous actuellement ? Vous lisez des livres. Quels livres papier générez-vous ? Lire. J'ai mentionné le nom de vos livres préférés. Avez-vous acheté votre livre ? Qu'est-ce que c'est au sujet de l'éducation ou des affaires ? avez mentionné le nom de vos livres préférés tout en reliant un nouveau livre. Ce qui vous excite le plus et ce qui peut être amélioré sur le site Web, puis le SAP. Voici l'analyse de la recherche qui a répondu. Quel est votre âge ? La plupart étaient autour de 21 ans pour Teddy. Que faites-vous actuellement ? Surtout des emplois qui travaillent. Quels types de livres génèrent de la lecture. Donc 22, c'est de la non-fiction. 23 c'est de la fiction. 18, éducatif, ce qui est bien. Comment acheter vos livres ? Nous volons un magasin, 39, ce qui est beaucoup, et alignons 51. Nous devons donc convertir cet ester hors ligne en ester en ligne. Tout en reliant un nouveau livre. Qu'est-ce qui vous excite le plus ? J'ai hâte d'acquérir de plus bonnes connaissances. C'est donc surtout ce qu'ils veulent pour lire des détails ou des critiques. Ne comptez pas sur n'importe quel site Web pour tous les détails du site, j'achète le livre. Je recherche un autre site Web où je peux obtenir toutes les informations. Nous devons donc créer un site Web complet. Quelles sont les fonctionnalités que vous aimeriez avoir dans une librairie ? Principalement des sections d'actualités. Le propriétaire C. Quels sont les derniers livres sur un genre ? Catégorie ? Notification, qui est un ramassage hors ligne plus élevé. Et le génial, comme la gamification, comme , euh, les tibias proposent de nouvelles idées. Très bien. 16. Comment faire des études de marché et des analyses concurrentes en créant des moodboard: En mode découverte, effectuons analyse concurrentielle et un moodboard. Qu'est-ce que c'est ? L'analyse concurrentielle, la gestion concurrentielle et stratégique est une évaluation de la force et de la faiblesse des concurrents actuels et potentiels. J'ai fait des recherches à la recherche de produits similaires et comparé cinq sites Web ou dont quatre sont solides. C'est ainsi que vous les avez comparés. Ils mettent les caractéristiques basses à gauche. Les pêcheurs élevés souscrivent, expérience utilisateur élevée, Lu, expérience utilisateur. Et nous passons en revue chacun d'entre eux, ce qui est simple. Je vais ici, j'ai cherché des livres en ligne, en Inde ou dans n'importe quel pays que vous êtes. Ensuite, étape par étape. Vous les parcourez et vous essayez de découvrir quel est le problème et quel est le processus qu'ils font exactement. Je veux dire, le premier badge sur bookshop.org. Cliquons sur l'un des livres et voyons le processus. Juste quand je clique, je passe en courant alternatif, la réduction est la priorité qui est très faible. Je n'aime pas le design. Et il suffit de mettre beaucoup de tiques ici. C'est ennuyeux. Je pense donc que ce n'est pas un bon design. est bien, c'est la partie Arthur, ce qui est bien, mais ce n'est pas dans un beau design. Très bien, ils ont au cœur, à la liste de souhaits, ce qui n'est pas vraiment important pour nous en ce moment. Nous passons maintenant à la page suivante. Je vais donc des biscuits. Je veux voir la mise en page. Je veux voir le processus. Je veux voir comment les concurrents vont et trouver un meilleur design est bon le prochain. Les fissures sont donc au sommet. C'est déroutant. Toujours dans la catégorie et au top. Ce n'est pas un mauvais design. Ils se soucient du prix. Très bien, commençons par la catégorie gauche pour la conception de la pièce. Vous optez donc pour le design Amazon. Voyons voir. Nous sommes dans la semaine du Black Friday. Vous avez 20 % de rabais. Est-ce la publicité de la première page ? Ce qui est bien. Nous avons toutes les catégories de fonctionnalités, comme l'animation. C'est le département des livres, c'est sympa. Sabina, ma ligne, une autre concurrente. Voyons voir. Très bien. Il est maintenant temps de créer le moodboard. Qu'est-ce que le moodboard et comment le créer ? Comme venez ici, recherchez une capture d'écran pleine page Chrome. C'est un plugin. Capture en plein écran. Nous allons juste entrer et ajouter à Chrome. Et ça va juste arriver ici à l'extension. Nous avons donc ajouté ces éléments à la fois. Donc c'est cool, venez ici. Je veux prendre une capture d'écran un peu toute la page, n'est-ce pas ? Juste en cas de disparition, je vais juste le rafraîchir. Si ce n'est pas le cas, si vous ne le voyez pas en haut, cliquez simplement sur cette icône ici et essayez d'activer cette cacahuète en haut. Maintenant, c'est une épingle. Maintenant, il suffit cliquer dessus comme vous, ce qui s'est passé ? Il fait monter l'écran sur toute la page, n'est-ce pas ? Maintenant, appuyez sur Commande ou Contrôle C pour le copier. Revenons à Adobe XD, discriminons les forums d'humeur, non ? Je vais juste appuyer sur Commandement ou Control V et ça va venir ici. Et je vais juste réduire ça. Par exemple. Je vais le mettre quelque part, peut-être ici. Donc, vous comprenez l'idée. Je vais juste mettre ça ici. Je vais juste mettre ça ici. Ensuite, je peux zoomer et comparer tout ce site que j'ai pris la capture d'écran. Donc, tout ce que vous voulez, il suffit de prendre une capture d'écran de chaque processus et chaque page qui fait partie de leur site Web. Ensuite, copiez-le ici, essayez de le comparer, proposez de nouvelles idées. Il suffit de vérifier les couleurs et le processus, le flux, et vous avez l' idée de l'ensemble du processus. Le moodboard est la meilleure chose que vous puissiez faire. Après avoir créé le Mood Board, nous pourrons passer à l'analyse concurrentielle. Nous savons maintenant comment ils fonctionnent. Le Luisa a connu l'OBS ou en ligne parce qu'il y avait des pertes et de l'expérience et des fonctionnalités faibles. fonctionnalités d'Amazon Books et de Sedna sont faibles. Mais comment l'expérience utilisateur ? Le meilleur était d'acheter des livres, India.com. C'est notre principal concurrent. Nous mettons également les comptes de fissures, ou ont, ils doivent créer des comptes. Livraison gratuite. Il suffit d'acheter des livres dans le cul pour l'expédition. Cadeau à l'achat. Trois d'entre eux. Détails du livre, livres éducatifs pour les retours, filtres de magasins hors ligne , service client ou offre des coupons et des bardeaux. Et c'est ainsi que vous avez créé analyse concurrentielle et c' est très, très important. Il faut alors trouver la meilleure idée. Celui-là. Toujours. Si vous voulez être un vrai concurrent, en fait. Maintenant que nous terminons partiellement notre découverte, il est temps d'opter pour un processus défini. 17. Comment créer une personne utilisateur: Processus défini. Le but de personas est déchiffrer une représentation fiable et réaliste de vos principaux segments d'audience. Pour référence. Ces représentations doivent être basées sur des recherches qualitatives et quantitatives des utilisateurs et sur une analyse VIP. N'oubliez pas que vos personnages sont aussi bons que les recherches qui les sous-tendent. Très bien, maintenant on s'assoit et on parle à Sartre Sandy. Son âge est Teddy pour l'éducation, statut de diplômé, le mariage, l' emplacement mortel Inde. Profession, Designer, passionnément, enthousiaste pour les livres. Les livres sont-ils parents, médias sociaux ou médias numériques ? C'est ce qu'elle pense. Personnalité, créatif, portatif, professionnel, organisé. Nous commencerons par l'acheteur. Sarah est décoratrice d'intérieur et travaille de façon indépendante. Elle adore lire des livres et possède une énorme collection de livres. À cause de sa charge de travail. Elle est incapable de visiter hors ligne parce que motivation des étudiants obtient des livres physiques et chaque fois que nécessaire, des livres électroniques aléatoires. La lecture de livres physiques donne plus de satisfaction une fois que le livre est bien terminé. Un autre aime lire toutes les catégories de livres. Mais surtout des looks de design, aime connaître les détails, la description des livres, les objectifs, obtenir des livres physiques en ligne à faible coût, obtenir plus de recommandations de livres proches sur le marché devrait être en mesure d'acheter plusieurs livres à la fois. Point douloureux ou problèmes. visiter un magasin hors ligne pour n' est pas possible de visiter un magasin hors ligne pour acheter des livres à chaque fois. Parcourez les catégories dans les magasins hors ligne, difficile. Acheter des livres à chaque fois coûte cher et ne bénéficiez pas de réductions. Ne recevez aucune recommandation de livre ni aucune information sur les nouveaux livres. Nous pouvons ajouter une personne persona. Nous avons David Taylor ici, âge, éducation étrangère, troisième cycle, marié, Mumbai, Inde et enseignant. By David est enseignant au lycée et adore les livres au quotidien. Il aimait toutes les catégories, mais les livres de sagesse, de connaissances et de positivité, ou ses favoris, encouragent également ses élèves à lire des livres. La motivation aime être membre d'une communauté de lecteurs. J'aime demander des commentaires sur les livres et aussi leur donner des commentaires. J'adore en savoir plus sur les nouveaux livres. Et il croyait chaque jour devoir apprendre de nouvelles choses. Quels sont ces objectifs ? Il devrait s'agir d'une plateforme où vous pouvez lire des informations relatives aux livres, obtenir plus de suggestions en fonction des catégories. Peut être en mesure de récupérer des livres dans des magasins hors ligne une fois commandés en ligne. Et il adorait créer une liste de souhaits et être averti lorsque le livre est dans l'estomac. Quel est le problème à peindre, mais aucun détail approprié n'est disponible sur le livre en ligne. Il n'y a pas d'endroit où lire les nouvelles du livre. Les lecteurs ne seront pas en mesure de recevoir un livre tôt. C'est en mesure de lire une critique des autres lecteurs sur les livres en question. Très bien, maintenant vous savez quelles sont les personas d'utilisateurs. 18. Comment créer une carte d'empathie Apprendre à connaître votre client: Section définie, qu' est-ce que le mappage vide ? Le mappage vide est un outil qui vous aide vraiment à connaître vos clients en comprenant ce que vos clients pensent, ressentent, disent et font. Vous pouvez développer, atteindre l'intérieur, ce qui vous aide à identifier de véritables problèmes, problèmes ou préoccupations que votre client peut avoir en ce moment. Très bien. Sarah, que dit et fait l' utilisateur ? Que voit l'utilisateur ? Que pense et ressent l'utilisateur ? Que fait l'utilisateur ici ? Que dit et fait l'utilisateur ? adore son travail et fournit une solution de conception à nos clients suivant le calendrier qui lui est donné, elle garde son corps en bonne santé et en forme grâce à elle garde son corps en bonne santé et en des exercices réguliers et à des habitudes alimentaires saines. Comme deux disques et prenez un long trajet, beaucoup d'autres. J'aime aussi faire du shopping. Parfois, elle adorerait conduire. Qu'est-ce que cela signifie ? Ça veut dire qu'elle peut écouter des podcasts. Nous pouvons dessiner un podcast ou un audio dans notre librairie en ligne. Qu'est-ce qui utilise un C, regardez des documentaires en ligne et recherchez de nouveaux livres et arbre de magazines avec roman et magazine régulièrement et achetez-les tous les mois. Avec des blogs et des articles sur différents sites Web pendant leur temps libre. Ou nous vérifions les bonnes affaires et les réductions. Donc, la plupart des gens recherchent des rabais, pensent et ressentent. Devrait essayer d'économiser de l'argent pour acheter des produits précieux, se sent frustré par de nombreux problèmes de médias sociaux qui se produisent actuellement dans le pays. préoccupation fixe concernant la santé de sa famille et de ses amis peut bien prendre soin d'eux. Toutes ces choses dont elle a besoin pour être plus concentrée et organisée dans son travail. Que fait l'utilisateur ici ? Voici des plaintes de sa famille pour dépenser moins d'argent. Écoutez des podcasts et un Spotify. Voici des critiques sur différents livres et articles de vos amis. Voici ce que les déductions des médias sociaux parlent de design et de style. Nous comprenons donc vraiment les besoins des personnes et nous avons essayé couvrir tous ces besoins sur notre site Web. Et nous avons la même chose avec David. Que voit et que fait l'utilisateur ? Aime la faune Tn, différents projets et activités sociales et dépense beaucoup d'argent pour acheter des produits. Et cela a réduit la quantité de produits que vous pouvez acheter. Donc vous comprenez le point et vous obtenez les idées, assurez-vous de créer mappage vide qui vous aidera beaucoup pendant le processus. Parce que lorsque vous parlez à des gens face à face, vous ressentez ce dont ils ont vraiment besoin. Et cela fait de vous un meilleur designer. Parce que lorsque vous ressentez les gens et que vous ressentez la compréhension, vous pouvez créer et proposer de bonnes idées. 19. Créer des cartes de voyage utilisateur ou des clients: Section définie, qu' est-ce que la carte de parcours utilisateur ? carte de parcours utilisateur, également appelée carte de parcours client, est un diagramme qui illustre visuellement le flux utilisateur, vérifie vos sites, commençant par le contact initial ou la découverte et en continuant. grâce au processus d'engagement en faveur de la loyauté et du plaidoyer à long terme. Sur la base de recherches des utilisateurs, ont créé un parcours client. Nous créons donc ces paires sur Utilisation de recherche pour mieux comprendre les points cruciaux, les défis, l'état d'esprit et les GMI globaux, qui utilisent un compteur de mitaines lors de l'achat d'un livre. Et énumérez les opportunités. Nous l'avons fait. Cinq parties, Sensibilisation, Recherche, Comparer, Choisir un commentaire, et les gars jettent un coup d'œil, euh, trouver un livre dans des parties de sensibilisation et de recherche, puis acheter en comparaison et choisir, puis postérieurement... commentaires sur l'achat, point de contact et excitation. Donc, le point ou le point de contact, et c'est le processus passionnant. L'utilisateur passe par ce processus pour acheter notre livre, des choses, pour lire un nouveau livre. D'abord. Prenez ensuite les suggestions d'amis, telles que des lectures de livres en ligne, des critiques, des informations sur un livre , parcourez différentes sections pour trouver de nouveaux livres, comme le site Web pour acheter le livre, par exemple sur si le livre est disponible. Dans le cadre de la recherche, vérifiez les pièces avec le filtre et d'autres options disponibles. Après avoir sélectionné le livre. Cherche des informations sur le livre. Vérifie les offres, les réductions ou les coupons. Au livre à la charrette. Vérifie les autres suggestions, ajoute plus de livre à la voiture. Produit vers la passerelle de paiement. Sur des détails tels que le nom, numéros et l'adresse, sélectionne le mode de paiement, le placement, la commande , a reçu la livraison après quelques jours, écrit un avis sur le livre et revient potentiellement pour prochain achat. Bien que nous fassions tous les processus, cela va être notre état d'esprit. Cela va être l'état d'esprit de nos clients. La première chose à laquelle un client pense, y a-t-il de nouveaux livres qui me plaisent ? Vous avez un livre d'un genre particulier ? Je vais rapidement chercher le livre que j'ai en tête. Quels sont leurs livres qui m'intéresseraient-ils ? C'est la partie suggérée. Quels sont les livres les plus vendus ? Combien dépensent-ils pour les livres que j'ai ajoutés ? Est-ce que j'ai une réduction sur les billets de code promo ? Maintenant, il veut acheter le livre et c'est son début en ce moment. Pourquoi dois-je signer ne peut pas l'acheter en tant qu'invité. Il y a donc beaucoup de gens qui n'aiment pas se connecter et ils voulaient l'acheter en tant qu'invité ou les rabais sur une pyramide particulière ? Existe-t-il des options pour obtenir une livraison plus rapide ? Existe-t-il des options de cadeaux ? Puis-je récupérer l' article dans un magasin, attendre de recevoir les livres ? Je ne me suis pas trompé. Ce sont donc là les cibles. Où est ma livraison ? Pourquoi n'ai-je toujours pas reçu ma commande ? Cela arrive à beaucoup d'entre nous. Cela signifie donc que nous avons besoin d'un système de suivi de la chronologie. Ainsi, chaque fois que vous êtes inquiet à ce sujet, nous venons de côté, c'est le processus de suivi. Et nous savons exactement où notre livre commande divers. J'espère que le colis ne sera pas endommagé. Enfin, de nouveaux livres dans ma collection. De nouveaux livres pour lire et acquérir des connaissances. Quels sont les problèmes de certains sites Web ? Jusqu'à quels nouveaux livres existe-t-il ? Jusqu'au prix des livres ? Non, tels que les livres ou les livres les plus vendus sont affichés. Trouver les livres signifie parfois que vous effectuez une recherche et que nous ne pouvons pas trouver les livres, mais vous n'êtes pas les livres car ils ne sont pas filtres de recherche appropriés pour affiner les résultats. C'est donc le processus que nous devons faire. Les gars. Les sites sont difficiles à parcourir sur un site Web encombré, peuvent trouver n'importe quel résultat et les livres en rupture de stock peuvent appliquer un coupon existant sur la commande. ne sais pas pourquoi je dois signer trop d'étapes pour commander des livres. Nous devons donc réduire les étapes. Rabais sur les options de paiement, les noix, de nombreuses options de paiement. Pas de livraison gratuite, pas de mode de livraison alternatif. Pas de livraison rapide ou le jour même. Vous ne savez pas quoi faire ensuite, pas d'informations appropriées ou la livraison estimée, de la piste ou de leur option. C'est un gars incontournable, c'est sûr. À propos de l'état de la livraison, de votre notification du produit de livraison en retard, mauvais livre reçu et de l'absence de possibilité de renvoyer le livre. Il n'y a pas d'informations claires pour donner un commentaire. Et quelles sont nos opportunités ? C'est la partie la plus importante de nous. Nous devons régulièrement mettre à jour les utilisateurs ou les nouveaux livres. Le vendeur propose des suggestions de livres visuels basées sur des requêtes de recherche courantes. Cela signifie que nous devons y remédier. Qu'est-ce que l'utilisateur recherche et nous proposons des suggestions, fournissons des recherches supplémentaires. Twitter propose des suggestions en fonction des mots-clés, personnalise les recommandations de livres sur page d'accueil pour réduire le besoin de navigation. Ainsi, à la minute où l'utilisateur cherche quelque chose, si vous ajoutez une ligne en haut de notre page principale et que nous recommanderons de nouveaux livres liés à ces mots-clés, mise en page réorganisée, réduisez le nombre de CTA. appel à l'action est une invite sur un site Web qui demande à l'utilisateur de prendre des mesures spécifiques. Vous avez donc l'idée, qu'est-ce que la cartographie du parcours utilisateur exactement ? Et c'est très, très important car dans chaque défaut, dans chaque processus, nous savons ce qui inquiète l'utilisateur , quel est le problème. Et si vous devez trouver des solutions. 20. Comment créer un flux utilisateur: Après avoir fait la carte du parcours utilisateur, nous devons créer un flux utilisateur et une manière simple dans la partie IDA. Qu'est-ce que le flux utilisateur ? Un flux est un chemin emprunté par un utilisateur et un site Web ou une application. Pour terminer une tâche. Le flux utilisateur les amène du point d'entrée à un ensemble d' étapes vers un résultat réussi et une action finale, comme l'achat d'un produit. scénario. utilisateur avait entendu parler de T book, une librairie en ligne pour les achats de livres en ligne et a décidé d'essayer et d'acheter des livres. C'est ce qu'ils utilisent. Il va faire de la recherche de site Web et Google va taper t book online car stone puis parcourir le lien, cliquer sur le lien du site Web, ouvrir le lien arrive à la page d'accueil, le livre T. Sur une page d'accueil, nous avons des offres et des réductions. Vous avez des ventes flash À propos de nous. Et le menu va accéder à la page d'accueil et explorer les produits disponibles. Pour l'exploration, nous avons recommandé des pages, nous avons catalogué et nous avons une offre spéciale à la fin, créer la page produit, explorer les produits disponibles. Vous avez des nouvelles, des bulletins de témoignages. partie la plus importante est la catégorie qui est le filtre, les livres et les bulletins d'information de vente. Il est peut-être allé chez le fœtus pour acheter les livres. Peut-être aller aux offres spéciales et au bar et commander le livre. À la fin, nous avons une page produit. Sur la page produit, nous avons des livres connexes. Peut-être veut-il ajouter un autre livre basé sur notre recommandation, protéger les informations et les critiques, ce qui est très important. Après avoir lu toutes ces infos, je vais l'ajouter au panier. Dans mon panier, vous avez les options cadeaux et ajoutez des coupons. Passez à la caisse, à la page de paiement dans les informations de paiement, l' adresse de livraison plus tôt. Ensuite, nous disposons d'un système de suivi pour montrer le processus de réception du livre et la livraison du livre. Il va s' agir du flux d'utilisateurs Avar. 21. Qu'est-ce que la grille de cartes et comment Moodboard peut aider: Qu'est-ce que le tri des cartes ? Le tri des cartes est une technique de recherche UX permettant découvrir comment les gens comprennent et classent les informations. tri des cartes crée une base pour une architecture d'informations robuste qui permet la création d' un système de navigation correspondant aux attentes des utilisateurs. Nous demandons donc toujours ce qui va se trouver dans la page d'accueil, le menu de la barre de navigation, la recherche, le compte de carte préférée. Donc, cette partie va également être basée sur nos gars de moodboard. Nous sommes donc bons pour le moodboard, si vous avez toutes les pages, toutes les étapes. Donc, si on clique dessus, que va-t-il se passer ? Si nous ajoutons une carte d'identité, cela se produirait. Nous savons donc déjà ce que font leurs sites Web. Maintenant, avec cette information. Nous pouvons créer notre tri de cartes. Revenons donc en arrière. Nous savons donc ce que nous allons avoir sur la page d'accueil. Ce que vous allez avoir dans un catalogue ou une page de catégorie 330, rubriques de modification de genre devraient être en haut. Nous savons donc ce que nous avons à apporter au catalogue de la page de test sur le terrain. Nous savons ce qu'il y a à l'intérieur des États-Unis. La section Héros a donné deux lignes d' informations sur ces portes, missions et objectifs, ce qui va se trouver dans la galerie de produits de deux ou quatre images du livre, fois prix, offres et réductions. Description détaillée, nom de l'auteur, publication, bouton de livres à plusieurs sections et option Ajouter au panier. Qu'est-ce qui va se trouver dans la page du panier ? Liste de tous les livres dans les offres mentionnées par ListView, remise appliquée, livraison gratuite si elle est disponible. Page de paiement sur les informations de l'acheteur, nom et adresse, option de paiement CTA, y compris les informations et les services et fonctionnalités de paiement sécurisés et sécurisés. C'est donc exactement ce que nous devons faire en incarcérant. Nous avons donc noté que ce qui va se trouver à l'intérieur chaque page que nous allons créer. Et cela va nous aider beaucoup à l'avenir. 22. Comment créer de l'architecture d'information: Après le tri des cartes, nous réalisons l'architecture de l' information. Fondamentalement, l'architecture de l' information est basée sur le nom de Carter. Quoi qu'il soit mis là. Si vous devez le mettre dans ce livre T book, librairie en ligne, processus ou architecture. L'architecture de l'information consiste décider comment organiser les parties de quelque chose. Pour être compréhensible. L'architecture de l'information vise à ajouter du contenu organisateur afin que l'utilisateur puisse facilement ajuster la fonctionnalité du produit ajuster la fonctionnalité du produit et trouver tout ce dont il a besoin sans trop d'efforts. C'est donc ce que nous faisons et c'est ce que nous utilisons pour le prototypage, pour l'esquisse. Donc Tybalt, la page d'accueil AV. Qu'y a-t-il dans la page d'accueil ? Nous avons un menu dans le menu de nos livres, magazines, livres de prises, livres audio, livres à vendre. Sur la page d'accueil de vos best-sellers, les nouvelles publiées, précommande, les livres éducatifs et les livres d'occasion. Nous avons différentes sections comme les tendances, livres recommandés, les offres spéciales, vente flash, les dernières nouvelles. Nous avons également une navigation différente pour les menus déroulants, la barre de recherche, tel le marqueur favori argon, où le compte déroulant. Et vous avez certaines fonctionnalités pourraient être livrées, paiement sécurisé. C'est pourquoi vous devez nous faire confiance, section essentiellement la meilleure qualité conserve une garantie pour la livraison de la lumière plus grande. Et sur le côté droit, nous avons des filtres. Vous avez un rôle sur les réseaux sociaux. Au bas de la page. Nous avons le compte, ma liste de suivi de commande dans l'éditeur vf fœtal en haut. livres les plus récents présentaient l'histoire des montres. heure actuelle, nous savons exactement comment organiser notre design. En catégories. Nous avons des photos, des biographies, des livres de cuisine éducatifs et des liens rapides comme à notre sujet, contactez-nous en bas pour le pied de page. Et il s'agira de l'architecture de l' information. Et vous devez également utiliser votre moodboard, voir ce que font les autres sites Web et trouver une meilleure idée, une meilleure solution. 23. Comment créer des Wireframes ou des wireframing faible: Qu'est-ce que le filaire ? Encadrement filaire basse fidélité ou esquisse papier. Une fois que j'ai organisé toutes mes idées depuis la phase d'idéation, j'ai commencé à concevoir le site Web. Pour commencer ce processus, j'ai commencé à esquisser plusieurs écrans principaux de sites en utilisant mon flux utilisateur comme guide pour le flux utilisateur, ce processus. Nous pouvons également utiliser l'architecture de l' information. Quel est le processus ? Quel est le détail de chaque détail ? Nous ne mettons pas tous les détails, juste la section Accueil générale, comme celle-ci. Revenons aux filaires. Et c'est à ça que ça ressemble. En haut, nous avons le logo, vous avez la barre de recherche, nous avons quelques icônes ici. Et vous avez l' appel à l'action du CTA. Vous pouvez accéder à la page de filtre. Ici, les services, les fonctionnalités, livres électroniques tendance et recommandés comme les offres recommandées. Puis les ventes flash, la nouvelle section, les témoignages, les bulletins d'information. Et nous avons le pied de page, nous avons le logo, nous avons les médias sociaux ici. Et la page de vainqueur. Nous avons le plus utilisé. Et le premier était page de l' éditeur et toutes les catégories ici, si vous cliquez sur l'un des livres de la page de description, nous avons quelques photos, vous avez des détails, informations sur les livres, des critiques. Nous avons également un bulletin de bas de page. Nous avons donc également une page À propos. Après avoir ajouté ce produit, après avoir ajouté ce livre pour avoir une carte. Nous avons ajouté une liste de produits à nos cartes, n'est-ce pas ? Nous avons un sous-total, nous avons un coupon pour une réduction. Nous avons une ventilation détaillée du montant que vous devez payer et pourquoi. Nous avons une barre de progression qui suit le paiement partiel en quatre et la sécurité du paiement tout à fait ligne. C'est donc le processus que nous devons faire dans notre cadrage ou notre esquisse à faible fidélité. 24. Tailles et système de grilles: Il est maintenant temps de créer une conception haute fidélité de câblage. Créez donc une nouvelle page et placez votre moodboard et vos croquis ici. Et nous essayons de faire un câblage élevé basé sur les commentaires et les informations personnelles. J'ai appris de la phase d' esquisse. J'ai commencé à concevoir mes premières filaires à l'aide d'Adobe XD. Vous devez vous assurer de créer quelque chose qui convient mieux à nos utilisateurs, n'est-ce pas ? Essayez de le rendre très simple. Vous avez donc beaucoup d'idées provenant de différents endroits, de différents endroits. Comment commencer à partir de la page d'un héros, la première page, du logo. Mais la conception haute fidélité devrait être très rapide car vous souhaitez obtenir des commentaires. Nous ne voulons pas passer au processus de conception. Je veux dire, prenez les couleurs et choisissez les polices. Il s'agit d'un processus très rapide. C'est vrai ? Il est maintenant temps de créer notre site Web. Nous savons quoi faire. Nous avons beaucoup d'idées, nous avons beaucoup d'informations. La première chose que nous faisons, c'est les gars du système de mise en page de grille. Par défaut, les valeurs sont 12, 16, 122 et 140. En ce qui concerne la marge, je vais expliquer chaque détail dès maintenant. Mais d'abord, passons ici. Par défaut. C'est ce que l'Adobe XD va nous donner. 1640. Que se passe-t-il si mes clients veulent 1400 pour le design ? Nous devons donc créer ces marges. Permettez-moi d'expliquer ce qui va se passer. Je dois faire cette ligne 1400. Cela signifie que ça va être 1400. Donc, mon design devrait être au centre. Donc, jusqu' à ce que la grille ressemble exactement à ceci. Et ça peut avoir 16 ans, ça n'a pas d'importance, peut avoir 20 ans et jouer avec le caniveau. Mais il va vers la gauche. Ce sera excusé. Rendez ça très bizarre quand vous voulez mettre la marge. Je peux cliquer sur cette icône ici. Je peux le dire 120, 120 habiles, non ? Mais cela va aussi changer celui-ci. Il est donc très difficile de tout aligner sur la taille que je souhaite pour mon site Web. J'ai donc un truc très cool pour ça, que je vais vous montrer. Notre client nous envoie un site Web qui nous demande si nous pouvons avoir ce site Web ? La taille du site Web est de 16, ce qui forçait la taille totale en 1920. Nous pouvons donc facilement utiliser cette formule, 1920 moins la taille que nous a demandée le client, ou la taille du site Web que nous aimons vraiment sera égale à un nombre. Nous divisons cela par deux et nous avons la marge. Et puis je peux juste venir ici et mettre la marge ici. Revenons ici. Par exemple, je vais concevoir quelque chose comme quatre cents. Quatre cents, n'est-ce pas ? Ici. Nous l'avons. 1920 moins 400 va être de 5, 20. Maintenant 520 moins 2, c'est 260 pour la marge de droite et de gauche. Si je clique sur le principal , la grille va être activée. Il suffit de cliquer sur cette icône, à gauche. Maintenant, cliquez ici et placez ce nombre à 60 pour obtenir la marge de 400 à 64. D'accord. Maintenant, comme ils sont exactement au centre, à quel point est-ce cool ? Venez ici. Cette ligne rouge va donc être notre site principal. Nous n'allons donc pas à gauche ou à droite. Il s'agit de la zone de marge. Il s'agit de la zone d'espacement. Juste pour les plus lourds. Et pour certaines pages de héros, nous pouvons utiliser le total de 1920. Le reste devrait être exactement au milieu de 1640. Nous avons 12 colonnes. L'écart entre la colonne est la gouttière avec 16. La colonne est 12. 12 colonnes. Nous avons le caniveau. Vous voyez, lorsque je clique sur le numéro, j'utilise la grille, je dois toujours revenir en arrière et cliquer sur le nom principal par défaut. Décreed va être activé en ce moment. Et la largeur de colonne, nous pouvons le faire par défaut, mais je ne veux pas le faire pour l'instant. Donc, lorsque vous êtes vraiment sûr de vouloir utiliser cette grille, utilisez-la par défaut pour ce projet. Cela signifie donc que si vous créez une page de modification sera exactement la même grille. Vous apprenez donc que si la taille est 1640 antisyndicale moins celle divisée par deux, vous avez la taille marginale, n'est-ce pas ? Placez la marge ici et vous obtenez la même taille que vous voulez vraiment. 25. Section de conception des héros ou des bannières: Très bien, revenons ici. Nous avons donc déjà ce 400 et musclé suppriment ce risque d'enlever cela. On va commencer ou se vanter d'un câblage. Mais comment commencer très rapidement et très vite ? Nous avons un kit d'interface utilisateur pour commencer. Venons à vos kits d'interface utilisateur et double-cliquez sur le matériel mobile Web UIKit actuel, probablement lui assombrissant l'équipe. J'en ajouterai peut-être d'autres. C'est un kit d'interface utilisateur Web. Nous avons, je viens de mettre un titre ici pour que vous puissiez trouver l'élément d'interface utilisateur. Si vous recherchez des pages de destination, voici quelques options. Vous pouvez simplement le copier et le mettre à l'intérieur. Votre page de destination va être très simple. Par exemple. Le nôtre va être une combinaison de celui-ci et peut-être de l'en-tête, le héros avait de l'air. Il va ajouter des séquences vidéo, ou peut-être celle-ci. Très bien, alors venons ici à l'élément UI pour l' instant et montrons simplement les premières pages d'appel à l'action. Permettez-moi de vous montrer les prix, les tableaux et la section du contenu. Nous pouvons l'ajouter rapidement pour avoir une idée de la façon dont le client l'aime. Par exemple, je veux celui-ci et cliquez avec le bouton droit de la souris. Copiez-le. Bien. Votre page, Main. Cliquez sur le principal et contrôlez V. Maintenant, nous l'avons ici. Il suffit de le mettre ici les gars. C'est vrai ? Maintenant, je vais juste le faire glisser vers la gauche et ici aussi. C'est donc cool. Maintenant, cliquez sur le principal et accédez à la zone de la colonne et faites-le glisser vers le bas. L'opacité. Je ne veux pas voir ça très, très court, quelque chose comme ça. Il a moins d'attrait. Nous avons un en-tête supérieur, n'est-ce pas ? Mais je peux changer certains d'entre eux. Je ne veux pas mettre un nom en haut. Peut-être que je vais juste supprimer celui-ci. Et trouvons certaines des idées, les gars. Sur la base de ce que nous voyons. Je vais simplement cliquer ici et le mettre ici. Allons-y un peu. Allons-y un peu plus près. Peut-être que six vont bien se passer. La bordure doit être blanche et la sensation est vide. Je vais juste utiliser le même texte. Et je vais juste appeler cet effet que c'est 10, c'est trop petit. Allons en faire 14. Maintenant. Il est égal à gauche et à droite. Maintenant, zoomons un peu. Sélectionnez le tableau, je double-clique dessus, maintenez Alt et Maj enfoncés et faites-le glisser vers la droite ? C'est vrai. Et j'essaie d'être le même au centre de cette 12e année. Je vais juste utiliser ça comme barre de recherche. Votre voyage, plus longtemps. Suivez ça et mettez-le ici. en va de même pour maintenir Alt et Maj enfoncées. Et je vais juste appeler cette recherche en dessous du côté droit. Au lieu d'utiliser ces 10, ceci, je vais juste les supprimer. Alors venez ici et peut-être mettez le personnage ici. Pas de bordure. Je n'ai pas à mettre la personne ici. Passons à vos plugins. Cliquez sur l'icône pour le design. Dans une barre de recherche, tapez coeur. C'est vrai ? Je crois que c'est cool, le cœur de l'EI. Appuyez donc sur Commande ou Control X pour le copier. Revenons ici et collons ça ici. Il va le laisser ici. Je vais juste le rendre blanc pour l'instant. Il suffit de sélectionner celui-ci pour le copier à côté de celui-ci. Ensuite, nous avons besoin d'un panier, peut-être d'un panier d'achat. Cool. Donc, si vous sélectionnez celui-ci, vous allez copier ces icônes à côté. Très bien ? Et je vais juste maintenir le quart de travail enfoncé et le rendre un peu plus petit. Et mettez-le ici. Il est également blanc. Pour l'instant, c'est bon. Donc, et ici, au lieu de x, nous avons un livre « t book ». Vous pouvez également créer le logo d' une table très rapidement, les gars. Créons donc ce logo car il va être utile. Appuyez sur T. Revenons en arrière. Je n'ai pas besoin d'un plugin appelé T book. Je le fais remonter. Maintenant, créons la même chose. Il suffit d'utiliser ce plan de travail et de le mettre ici. Changez la couleur en noir goo. Je vais juste copier ça et le mettre ici aussi. Zoomez un peu. Joli. Zoomons un peu avec l'intérieur ici. Joli. Et ces deux-là vont mettre ça au centre et faire glisser ça ici. Cool. Mettez-ça ici. Négatif b, plus le petit fait pivoter, mettre ici pour le C. Ici, peut-être avec un zoom plus grand. Allons sélectionner tout cela le long du Maj et les sélectionner. Et maintenant, sélectionnez le texte total et cliquez sur ce bouton moins b2, soustrayez. Et regardez. Nous avons créé le logo très rapidement. Et qu'en est-il de la boutique en ligne de textes ? Il suffit de taper plus grand, de changer la couleur. Et la première lettre est majuscule. Cliquez sur cette couche. Et nous y voilà. Joli. Très bien, maintenant espacé, j'utilise ma flèche vers le bas et sélectionne ici une flèche supérieure jusqu'à ce que vous correspondiez à ce coup d'État. C'est vrai ? Commandez Control G pour les regrouper. Bien, c'est ça ? Maintenant, nous avons également cette image, n'est-ce pas ? Allons-y. J'essaie de mettre cet emprise sur Alt et de copier tes poumons Shift pour arriver à divers petits et j'ai essayé de le mettre ici. Et voyez comment ça se passe. Joli. Maintenez également la touche Contrôle enfoncée et cliquez sur l'intérieur. Rendez ça blanc. Nous avons donc le LIGO ici, ce qui est très cool. Il manque quelque chose en ce moment, je pense que l'espacement et la marge catholique sont problématiques. Cliquez sur une mise en page principale. le moment, ce n'est pas le cas, il manque quelque chose, quelque chose n'est pas cool ou non contrôlé et cliquez dessus à l'intérieur. Vous devez donc cliquer sur Contrôle pour entrer à l'intérieur. Et maintenant, je peux juste ramener ça. Parfois, on ne sait pas ce qui s'est passé. Donc, on essaie de le réparer. C'est pourquoi nous utilisons la marge. Donc, revenons en arrière. Je n'ai pas besoin de la marge. Pourquoi ? Parce que je peux utiliser quelque chose comme ça. J'ai besoin d'en dessiner un peu comme ça. Et prenons une couleur. C'est notre couleur principale. Et trouvons quelque chose de très léger. Cliquons sur cette couleur plus pour ajouter cette couleur à nos échantillons. Est-ce que c'est le cas, cliquez sur cette couleur ou sur Contrôler. Cliquez sur. Allons-y et plus encore. Nous avons donc ces deux couleurs comme couleur principale afin que nous puissions les utiliser tout le temps. Revenons à ce sujet. Retournez ici. Je suis à la recherche d'une vidéo, quelque chose comme ça. Parce que je vais ajouter un contrôle vidéo C, revenir en arrière, contrôler V. J'aime mieux cette couleur que celle-ci. Alors, sélectionnez celui-ci. Pas de bordure. Eye Dropper, cliquez dessus, et c'est la même couleur que celle que nous aimons aller ici. Et à celui-là, je n'aime pas ça pour enlever ça, il suffit de le faire glisser, je vais lire. Très bien. Qu'en est-il de ça ? Je veux ce logo, je veux cette icône. Passons aux icônes ici. Il suffit d'appeler ça une vidéo. Sélectionnez celui-ci. Et pouvez-vous nous obtenir des vidéos qui seront ici. Faites-le glisser ici, et nous agrandissons un peu. Je veux le mettre au centre. Je sais donc et le client le sait. Il va y avoir une vidéo. Ou je peux changer la couleur en bleu pour être plus évidente. Ici, je peux taper. Bienvenue dans T book. C'est changer la couleur. Peut-être un peu plus gros. On vérifie, je veux mettre ça 0, non ? Alors, je peux décider que 50 seraient très bien. Et le livre T doit également être sélectionné en gras. À l'aide du boulon. Faites glisser cela vers le bas, faites-en un petit muscle appelé cette boutique en ligne sélectionnée. Le premier serait capital. Faites-le un peu trop petit. Et la police doit être étroite. C'est juste un test. Ça n'a pas d'importance. Je peux le changer plus tard, c'est vrai. L'écart, peut-être 600, tellement. Maintenant, sélectionnez la flèche vers le bas. Et revenons en arrière. Maintenant, appuyez sur Commande ou Control S pour enregistrer notre projet. Et à cause de mon Moodboard, j'ai quelques idées. Je veux mettre une image ici. Et je vais juste cliquer ici, 16 ça va bien. Maintenant, le champ doit être bleu. Et aussi, je vais mettre quelque chose comme le best-seller. Faites glisser ceci vers le bas. Peut-être 60 ans, trop. 8, cuisiner ou Alt. Faites glisser ceci en arrière, maintenez enfoncé cliquez sur ce petit coin, brisez-le. Éteignez la frontière où je suis maintenant plus t et tapez ici. Meilleur vendeur, n'est-ce pas ? Je vais juste en énumérer 10. Cela devrait être audacieux. Et aussi ces écarts trop, peut-être 100, beaucoup mieux. Option Best Seller ici. C'est faible. C'est vrai ? Maintenant. Assurez-vous que c'est au centre. Cool. Sélectionnez. cela, maintenez enfoncé, Maj, sélectionnez et sélectionnez, appuyez sur Commande ou Contrôle G pour les regrouper. Eh bien, je suis le contrôle et je clique sur cette bordure. Je veux le rendre un peu plus petit. Faites-le glisser vers la gauche. Cliquez sur Repeat Grid. Et ceci ici, regardez, il est aligné. Je vais juste m'inciter à revenir. Très intéressant. Ou je pourrais, c'est quelques-unes de mes idées. Je veux mettre un texte ici. Je ne sais pas ce que c'est, mais probablement je vais juste mettre du texte pour cliquer sur Text, Revenir des plugins, les chercher. Remplissez avec un espace réservé. Cela signifie que vous avez le Select. Maintenant, remplissez-le. Et insérez du texte. Il va ajouter du texte en fonction de votre paramètre par défaut. Cela devrait être 12. Devinez. Faites glisser ça vers le haut. L' écart est très élevé. Utilisez cet espacement entre la lettre, puis la touche fléchée. Je pense donc que c'est cool. Et je ne veux pas être deux lignes. Bon numéro ici. Peut-être un peu. En tant qu'école, j'ai ici une collection de boutons, bouton appel à l'action. Décide que la bonne nuit n'a pas d'importance. Expliquez la taille et je suis érudit. Je vais juste appeler cette collection. Cliquez ici. Décrochez pourquoi les tiques sont plus grosses. C'est vrai ? J'ai besoin de la flèche. Passons donc à sélectionner celui-ci est bon pour les icônes. Il suffit d'appeler cette flèche. Et nous, c'est cool. quadratiques viennent ici. Donc, le long du quart de travail le rend un peu plus petit ici. Et rendez-le blanc. Sélectionnez-les tous les deux et faites-les glisser pour les placer au centre. Joli. Peut-être que ça va un peu dans celui-ci, n'est-ce pas ? Celui-là, ici. Je peux le regarder pour avoir la bonne idée. Je cherche Book, tapez votre livre. Et vous allez au contrôle X, venez ici et mettez-le ici. Je veux mentionner combien de livres nous avons dans la presse de restauration T, peut-être 60 000 livres que nous avons dans notre librairie en ligne. 60 K. Et appelez cette collection de livres. Ici 45, la première lettre devrait être majuscule. Sélectionnez les icônes qui doivent être bleues. C'est vrai ? Copier. La même chose ici. Je suis à la recherche d'un utilisateur. Utilisateurs. Un peu mis les utilisateurs S, nous donnant quelque chose de cool ou de soins intensifs. Autorisez le décalage, faites-le un peu plus petit. Je ne veux pas ça. Mettez-le ici. Rendez-le bleu. Cliquez ici, supprimé. Peut-être que nous avons 20 millions d'utilisateurs. Très bien, cool. Je vais juste mettre ici le client. Vous avez 2 millions de clients, n'est-ce pas ? Joli. Voici notre page principale, l'icône de la page principale ici à plaque. Et c'est à ça que ça va ressembler. Le best-seller peut donc être un peu audacieux. Tout est cool en ligne parce que le magasin est sympa. Nous pouvons modifier cette police. Vous avez sélectionné un vendeur. Et je veux faire entrer ça à l'intérieur. Joli. Encore une fois, Main. Si vous maintenez la touche Contrôle enfoncée et que vous appuyez sur Entrée, vous pouvez également obtenir le bouton Lecture. C'est si mal. Qu'en est-il en ligne ? Parce que le magasin étroit devrait être sur la normale, je suppose, mieux. Et sélectionnez cette flèche vers le bas pour ramener l'espacement et sélectionner l'extérieur. Amenez-le ici. Peut-être qu'on se lève. Je l'aime mieux. 26. Conception de page info pour la page principale Hi Fi: Sur la base de nos croquis, nous avons donc quatre catégories ici. J'ai donc demandé au client le seul qui nous a dit ce dont il avait besoin. Je maintiens Alt enfoncée, faites glisser ça vers le bas et assurez-vous de cliquer sur cette petite icône ici, aligner, de la sentir bleue. Voici donc les noms dont nous avons besoin pour l'instant. Nous allons simplement cliquer sur le texte. Je vais juste appeler cette livraison rapide. Rendez-le blanc. 0. Bon blanc. L'espacement doit être de 20. Et nous le réduisons un peu. Très bien, cool. Je suis à la recherche d'une icône temporelle. Il suffit de cliquer ici et de taper l'heure. Pas mal. Tract est ici. Rendez-le blanc. Livraison rapide et la police doit être en gras. Joli. Quand il s'agit d'un texte, je vais simplement cliquer dessus. Le croupier s'empare d'Alt, le fait glisser vers le bas et le rendre blanc. Si tu le rends blanc, ça va être une très belle année. Je vais juste faire glisser ça ici. Du texte. Très cool, très intéressant. Et il suffit de mettre ça en place. Bonne livraison. On y va. Bon, qu'en est-il de l'espacement ? Bien joué tout ça. Sélectionnez-les avec Maj et cliquez sur Ajouter une grille de rubriques. Maintenant, je peux simplement le faire. Je veux juste avoir quatre ans. Et l'écart et l'espacement devraient être comme ça. conscience peut se pencher sur le principal et qu'en est-il du système de réseau ? Très bien, chaque arbre, Colomb, nous avons ça, donc tout irait bien. Sélectionnez le groupe de rubriques et la grille de dissociation. Cliquez avec le bouton droit. Allons à l'intérieur. J'appelle cela un paiement sécurisé. Nous avons également modifié les icônes avec une carte de crédit. Joli. Rendez-le blanc, faites-le un peu plus petit. Et dis-le, oui, je vais juste enlever ça. L'impression est de retour ici. Joli. L'autre est la meilleure qualité. On peut avancer rapidement ce type, mais je veux le faire. Donc peut-être que beaucoup d'entre vous sont trompés par le fait exactement. Je cherchais simplement l' icône, je l'ai mise ici. Il va supprimer celui-ci et le faire glisser vers la gauche. Et aussi celui-là. Je vais chercher une icône. Je l'ai mis ici, je vais juste déplacer celui-ci ici. Cette icône est ici. Le nom est une garantie de retour. Donc, ce sera exactement ce que nous recherchons et jouons. Très cool et très intéressant. Qu'en est-il de celui-ci ? Nous avons également besoin de quelque chose comme ça. Maintenant, cliquez sur la ligne et venez ici et juste à x jusqu'à ce que cela devienne bleu. La taille devrait peut-être être cinq. Pas mal. Peut-être un peu plus gros. Cabine coordonnée. Joli. Peut-être que l'EI devrait être huit. Mieux. Suivez cela vers la droite. La taille et la taille doivent être inférieures. La couleur. Ici, je devrais être fier. Et nous y voilà. Select et C. Je vais juste le mettre au centre de tout ça. Donc, ils changent simplement ces trois. Joli. Nous avons donc trois bannières ici en cliquant et ce sera Switch, qui va à gauche et jamais. Joli. 27. Section de la tendance de conception: Sélectionnez donc la page principale et cliquez sur cette petite icône et je la fais glisser vers le bas. Parfois, les gens ont des problèmes avec ça, n'est-ce pas ? C'est comme Kool-Aid et le point de vue le plus élevé devrait être de 1080. Si c'est ici. Si je clique et que je l'ouvre, ce sera comme ça. Pour être réaliste. Il devrait être le 1080. Et jouer ou Contrôler Enter va être comme ça. Maintenant, je peux faire défiler vers le bas. Le prochain est donc très important et très cool. Il suffit d'appeler Trending. Sur la base de nos croquis, nous savons que nous devons placer ici une icône tendance. Je peux utiliser la même chose. Mettez-les en lignes. Si vous voulez être aligné. Il suffit de les sélectionner, les aligner pour le ressort et de les placer au centre. Vous voyez que la ligne bleue est au centre. Sélectionnez celui-ci et faites-le glisser vers le haut. Pour les tendances, je peux utiliser quelque chose comme si j'avais une idée, peut-être que je ne l'utilise pas, mais je vais juste donner quelques idées ici. 16. Aucune bordure ne doit être bleue. Je cherche un polygone d'image, vais juste nous appeler et voir ce que j'ai ici. Nous allons donc ajouter une image. Je peux utiliser ce centre d'images, n'est-ce pas ? Vous avez des images tendance ici. Et nous avons peut-être aussi quelques idées, les gars. Sentez les pauvres, il devrait y avoir du blanc, peut-être cinq, trop, trois. Et aussi, nous devons remplir cela avec ce pas d'école. En ce moment. Peut-être que je veux Drop Shadow pour ça. Mais l'ombre du camion doit être bleue. Opacité. Et le nom de l'auteur du livre, peut-être les rôles de Dave. Et nous avons également besoin de l'étoile. Il suffit de cliquer ici sur ce triangle et de le faire glisser jusqu'à cinq. Ca va à l'intérieur, utilise ces coins. Et ici aussi. Pour créer cette étoile. Il va aller sur le terrain, trouver une couleur très intéressante. Maintenant, je peux le réduire. Fais-en cinq. L'écart devrait être moindre. Dissociez-le. Cliquez sur et créez ce package ou G pour le regrouper. Joli. Nous avons donc tout cela. Nous allons sélectionner cette commande G pour la regrouper. Il suffit de le faire glisser vers la droite, maintenez Alt et Maj pour le réduire à partir du centre. Cliquez dessus et réduisez l'opacité. Sélectionnez donc ce clic droit et replacez le recul. Une fois encore. Sélectionnez, faites-le glisser vers la droite et Alt et Maj pour le réduire. Cliquez avec le bouton droit. Envoyer à l'arrière. Ensuite, l'opacité. Nous réduisons donc l' opacité qui aura l' air de ne pas être cool ou de contrôle pulmonaire. Et cliquez sur parce que c'est un groupe. Va à l'intérieur. Cliquez sur cette petite icône ici et sélectionnez cette couleur. Maintenant, les triglycérides, nous prenons la même couleur, le contrôle pulmonaire. Cliquez sur ce bouton. Cliquez sur, j'ai essayé de le passer à droite. Nous avons donc la même couleur. Je sais donc que je devrais être comme ici et ici. C'est ça le fossé, n'est-ce pas ? Nous pouvons donc utiliser la même chose à droite. La même chose, maintenez les touches Alt et Maj enfoncées et faites-le glisser vers la droite. Joli. C'est donc mon idée de mettre la formation ici. Alors sélectionnez-les tous et faites-les glisser et placez-les au centre. 28. Conception recommandée de la section Hi Fi: Je vais donc juste venir ici et trouver quelques idées créer ma recommandation pour vous. C'est peut-être quelque chose comme ça, mais je peux peut-être l'utiliser à ma manière. J'aime bien cette partie, la grande et les deux petites, mais différemment. Voyons l'idée. Nous avons donc l'idée d' design différent et nous l'utilisons pour améliorer notre conception. Cliquons et faites-le glisser vers le bas. La même chose, traquez les tendances. Je vais juste le mettre ici. Appelez-le quatre. L'acte est encore un peu en baisse . On va juste utiliser celui-là. On suit ça, on le met ici, on contrôle. Rendez-le blanc. Celle-ci, fais-le, regarde. Je peux peut-être le rendre plus petit, quelque chose comme ça. Maintenant, C, faites glisser ceci vers la gauche pour voir le centre. Maintenant, lorsque vous voyez ceci, puis faites-le glisser un peu vers la gauche. Joli. Maintenant, cliquons et faites-le glisser ici. Rendez-le blanc. Faites-le un peu plus petit. Titre. Je vais juste taper quelque chose. air beau par qui ? Cela devrait peut-être être étroit pour l'instant. Il devrait être régulier. Par Jack Dorsey Capital. Glissons-le et mettons-le ici. Rendez-le blanc. Faites en sorte que ça soit joli. Tout ça. Et j'ai aussi besoin de ça. Je vais copier ceci et ceci et simplement le faire glisser ici. Je veux que ce soit bleu. Sélectionnez le cadre, devenez blanc. À l'heure actuelle. Peut-être un peu plus grand au centre. On y va. Et ici. Appuyez maintenant sur T et tapez 40$. Le champ doit être blanc. Maintenant, tout sur Alt et faites glisser ça. J'ai besoin de ma grille principale, donc je ne veux pas sortir de l'école ici. Donc, ça va être ici. Cela va entrer ici. Nous avons donc le fossé entre eux. J'ai donc besoin de deux d'entre eux. Nous y voilà. On va juste aller à l'école coopérative. Ils ont la même taille. Il va copier ça et le mettre ici. Décalez pour le rendre plus petit. La même chose. Ce texte devrait maintenant être un peu plus petit, n'est-ce pas ? Et 40 en haut. Peut-être que la taille devrait être de 40. Maintenant, sélectionnez ceci et Maj et faites-le glisser vers le bas pour le placer au-dessus de cela. Allons-y. Donc maintenant, c'est totalement compatible. Maintenant, cliquez avec le bouton droit de la souris, renvoyez-le à l'arrière Et c'est un. Nous vous avons donc recommandé. Joli. Très bien, permet de contrôler, d' entrer, de déboguer la fonction, de rechercher, tout est en place pour nommer. Je suis félicité pour vous. Joli. 29. Section de la conception spéciale: Revenons en bas, c'est aller chercher des idées. Sélectionnons ce 110 de la grille de disposition. Quelque chose comme ça. Je cherche peut-être des idées intéressantes. Et peut-être que je peux utiliser celui-ci. Mais coloriez-le. Placez, au lieu d'ajouter le panier aux cartes, placez le numéro ici. Et tous les trois, car ils sont très petits. Je veux voir le tableau d'ensemble. Très bien, revenons en arrière. Utilisez le même entraînement ou les mêmes morceaux Shift et Alt et faites glisser ceci vers le bas. Nous appelons donc cette offre spéciale. Offre spéciale un long quart de travail et le met au centre. Faites-le glisser vers la droite. Très bien, cliquons dessus pour que nous ayons plus d'espace pour une offre spéciale. Je vais d'abord cliquer sur le principal et activement, super. Pour voir où je vais. Je vais sélectionner celui-ci, maintenir Alt et Maj et faire glisser cela vers le bas. J'en cherche donc quatre. Il y en a quatre. Cliquez ici. Rayon de frontière 16. Il y a un truc cool. Appuyez sur la commande C, la commande V et allumez cette lumière. Et faites-le glisser vers le haut pour copier l' un sur l'autre. Vous pouvez utiliser cette image. Nous disons donc au client nous mettons l'image ici. Je n'ai pas besoin de la bordure et du grand pour le moment , sélectionnez celle-ci. Il contrôle, maintenez la touche Alt enfoncée, faites-le glisser vers la gauche. Faites glisser ceci vers la droite. Joli. J'ai besoin de ça. Il prend les parages. Je vais juste double-cliquer pour aller à l'intérieur, maintenir enfoncé, décaler, cliquer, copier, venir ici, coller, cliquer et maintenir enfoncé sur Alt et faites-le glisser ici. C'est bon d'être plus petit. Mais avant cela, pour une offre spéciale, nous avons besoin de quelques étiquettes. Il suffit de cliquer ici et de créer des balises. Soyons incarnés. L'impôt six serait très bien. Texte. Comme une romance. Description de quoi parle le livre, de quoi s'agit-il cette offre ? Mais si la catégorie des livres, de la romance et peut-être ensemble devrait être de 20, vous jouez avec ça jusqu'à ce que nous obtenions quelque chose à l'école, un long quart de travail et le traînez vers la droite. Appelons cela inspirant. Je peux donc le mettre au centre. Pas mal, non ? Mais faisons-le. Cela devrait être 12. Cela devrait être plus petit, quelque chose comme ça. Et essayez de faire de ce centre. Je traîne vers la droite. La même chose. Encore une fois, double-cliquez sur Copier, cliquez ici, contrôlez le centre d'inspiration V. Je ne veux pas le rencontrer. Arrière-plan donc illégal et faites glisser vers le bas pour le rendre un peu plus grand. Maintenant à la carte option pour le tour de panier peut utiliser cela prend la commande ou le contrôle V pour l'amener sur le dessus. carte. 16. Prochaine. J'ai également besoin de ces chiffres. Mettons-le ici. Pour la console du dollar, je suis tout le temps. Faites-le glisser vers la droite, réduisez ce bit normal. Et peut-être que c'était de couleur D3. Nous avons réduit l'opacité, nous avons réduit l'opacité et cliquez sur cette icône de couche ici. C'est vrai ? Maintenant, mettez-le ici et centrez-le. Assurez-vous que la couleur est proche du bleu. Signifie de le faire glisser vers la gauche. Ayez cette couleur bleuâtre clair et cliquez sur cette icône ici pour bénéficier de la réduction. Je peux peut-être cliquer ici et plus léger. Il était donc 53. Et maintenant pour ce qui est de la réduction, cliquez ici, réduisez cela. C'est ce que nous sommes en train de créer. Maintenant. Cliquez sur l'arrière-plan et sur Control L pour le verrouiller. Je vais juste cliquer dessus et l'amener un peu à gauche. Joli. Vous pouvez juste l' amener à droite. Bien mieux. Maintenant, cliquez dessus et déverrouillez-le. Maintenant, revenons en arrière. Cliquez sur une mise en page principale, activez la mise en page. Sélectionnez toutes ces grilles lipidiques. Va vers la droite. Il va zoomer un peu pour que je puisse vivre avec. Joli. Très cool. Il s'agit d'une offre spéciale. pièces. Et la mise en page du clic est désactivée pour le moment. Cliquons dans le principal et notons ceux-ci pour les agrandir un peu. Et aussi cette assiette. Et voyons ce que nous avons fait. Recommandé pour ces offres spéciales à deux becs. Vous jouez avec il faut quelque chose que nous devons réparer en premier, c'est celui-ci. J'ai expliqué que ça prend la taille et tout. 30. Section de réduction: Maintenant, le prochain est le rabais. Faites glisser ceci vers le bas. Je vais juste mettre ces réductions. Et la première lettre est majuscule. Et nous allons utiliser l'un de ces éléments. Tracez-le vers la droite. Et ça va rendre ça plutôt bon ici. Ce blanc. Je vais juste mettre ça ici. Option de réduction. J'ai déjà l'icône pour cela. Voici peut-être celui-là. Copiez ceci et mettez-le également ici. Très bien ? Et nous avons le temps de profiter des réductions. Disons que je mettrai ça sur 16, ce serait bien. Pas de bordure. En fait, le polonais doit être blanc, le champ doit être vide. Essayons celui-là. Et la taille peut toujours changer. Alors, venez avec l'idée. Je vais juste appeler ça Rs. Bon radiateur. Joli. Peut-être une semaine de plus, 14 ans. Et je vais juste contrôler G pour le regrouper. Apportez ici et apportez ici. Changez ceci par 12, et c'est 6. Deuxièmement. Maintenant, sélectionnez-les trois et alignez-les à partir du centre de cela. Très intéressant et très cool. Maintenant, je pense trop bien. Deux ou trois livres ici à prix réduit. Ce que je fais, c'est que je conçois quelque chose comme ces gars. Mettons ça sur une bordure 16. J'ai déjà un haut de ce rose ici. Amenez-le en haut, cliquez avec le bouton droit. Amenez-le devant et faites-le petit. Et qu'en est-il du texte ? support de livre ici ? X Command Control V, choisissez une couleur, faites-la blanche et réduisez-la. Nous ne faisons pas vraiment attention aux tiques et autres choses. Juste les idées de dessins et la façon dont les choses doivent être mises en page, juste des choses comme ça. Et aussi au chariot. Copie, ça devrait être bas et ça prend, ça devrait être assez sympa. Cliquez sur cette clique k. Toute cette grille de répétition. Je peux y arriver aussi. On y va. Donc ça va être réduit et ça va aller de notre part. Qu'en est-il de toutes ces coordonnées ? Sélectionner, sélectionner, sélectionner doit être 16. Celui-là. C'est très bien parce qu'en haut, 1616 et celui-ci, rayon d'angle devrait donc être de 16. 31. Conception de dernières nouvelles: Ensuite, nous allons simplement copier ceci et le faire glisser vers le bas. Il devrait s'agir des dernières nouvelles, ce que tout le monde aime. C'est. Je vois. Si je peux copier de n'importe où. Nous allons dissocier cela, suffit de cliquer sur l'un d' eux, de le faire glisser vers le bas. Et je veux en mettre quatre naturellement maintenant , grille juste sélectionnée. Je veux quelque chose comme ça. Et ajoutez-le au panier. Cela n'a pas d'importance comme ça parce que c'est dans les nouvelles. Pas besoin d'avoir le temps. Et les utilisations devraient également venir au centre. Alors écoutez ces deux-là , faites-le glisser et mettez-le au centre. C'est de les laisser mettre une ligne de texte à partir du centre. Vous pouvez également jouer avec ça. Joli. La prochaine, je veux ajouter ici le visage de l'Arthur, la photo de l'autre lumière. Et cela devrait être de couleur différente. C'est quelque chose qui est évident. Et bien maintenant, qu'en est-il du nom Sarah ? Et l'heure de ces nouvelles, où ? peut-être deux jours. Maintenant, il ne devrait pas s'agir d'une majuscule, d'une minuscule, d'une sélection, et de faire glisser ce stylo sur quelque chose comme celui-ci. Cliquez sur Repeat Grid. Et parce que cet arbre va avoir quatre ans ici, allons à l'intérieur du foie. Faites donc attention au nombre et à l'écart. Vous essayez donc toujours de concevoir quelque chose de très facile pour notre développeur. 32. Section des témoins de conception: Qu'en est-il des témoignages ? Je vais juste copier ça, trouver ça pour notre témoignage. Nous les appelons donc je n'ai pas besoin de logo pour cela. Ça va être cool. Au lieu de cela, appuyez sur Commande L pour verrouiller l'arrière-plan, je vais simplement supprimer celui-ci. Peut-être une idée de mettre une image de certains des auteurs. Écrivez la répétition polonaise et répétez créer, quelque chose comme ça. Et je vais juste le mettre l'un sur l'autre. Quelqu'un comme ces gars. Je veux vous montrer quelque chose de cool. Allons dans Plugins. Revenons en arrière. Sélectionnez l'une de ces faces d'interface utilisateur. Sur Unsplash, c'est cool. Sélectionnez des photos. Vous pouvez sélectionner pour ces valeurs moyennes ou de manière aléatoire les neuf autres et appliqués. Il va juste le remplir pour vous. Et aussi vite que ça. ce moment, je clique dessus et je le dissocie. Pourrait-il encore une fois cette icône de lettre ici et rendre la dernière blanche. Cela va mettre ici un numéro comme plus 60. C'est le nombre de personnes en tête. Nous avons les témoignages sur ses livres et ses critiques. Donc, je ne veux pas ça. Supprimez cela. Et trouvons des idées très intéressantes. Pour moi, ici jusqu'ici. N'oubliez pas que la frontière est de 16 ans. Faites-le glisser vers le haut, c'est cool. L'un d'entre eux est plus grand que le sommet. Et la frontière ici devrait être 3. Encore une fois, utilisez certaines de ces tiques. Cliquez avec le bouton droit. Mettez-le en avant avec du bleu. Voyons en voir quelques-uns. Et il y a des témoignages ou des gens qui écrivent une centaine que nous venons de stocker. Je cherche ça. Zoom. Copiez-le et revenons ici. Mettez-le ici, mais ça. Allons aligner ça. Discours, sélectionnez-le, sélectionnez-le , sélectionnez-le et alignez-les tous. Je pourrais, et j'ai aussi besoin d'une flèche. Revenons à l'icône et touchons cette flèche. Bonjour, Gun, Control X. Revenons en arrière parce qu'il ne fait que copier en haut. Si je l'ai sélectionné et que je clique sur cette flèche, ce sera juste ici. C'est mieux. Peut-être le rendre un peu plus petit. Mais ici, vous pouvez changer la couleur par autre chose. Et les gens le savent. Et juste en entrant dans cette couche, je peux juste la changer pour les déshabiller exactement comme ça. Ils peuvent simplement changer ça. Je peux aussi trouver une meilleure idée. Tout est sur la bonne voie ce clic droit et renvoyez-le à l'envers. Laissez-moi voir si je peux juste trouver une meilleure idée. Ou je peux simplement sélectionner tout cela, grouper, aller à cette fenêtre en haut, suivre cela. Et je vais juste voir quelque chose comme ça dans la couleur. Je veux dire, donc on va chercher cette couleur. Et avant cela, cette mise en page est très distrayante. Et je vais juste maintenir Alt enfoncé et faire glisser ça vers le bas. chose comme ça. Vous pouvez également jouer avec ça. Maintenant, je peux mettre ça ici. Il est évident qu' il y a quelque chose de Benezet. Joli. Très joli. Maintenant, si je clique, il va basculer vers la gauche et la droite. 33. Conception d'abonnements et de bas de page: Qu'en est-il de s'abonner ? Je vais juste cliquer dessus. Je vais juste faire glisser ça m'abonner à notre newsletter. Voyons ici un design très cool. 16, c'est ça ? Commande+C. Allez, nous suivons ça vers la droite. Rendez ça bleu. Je n'ai pas besoin de celui-ci. J'ai donc besoin de plus d'espace et de scribe. Et prenez le bon chemin. Voici la poignée pour le rendre un peu plus grand. L'espacement doit être de 20. espacement devrait donc être de 40. J'ai déjà fait le pied de page pour vous, alors ne perdez pas votre temps. Le tableau, quelques informations à ce sujet suivent. Client de liaison rapide, mes axes de coordonnées cartésiens entrent en contact. L'adresse, le téléphone et l'e-mail. 34. Conception de la page filtre Hi Fi: Très bien, commençons la page de filtre. Cliquez sur la touche principale de la touche Commande D pour le dupliquer. Maintenant, je n'ai pas besoin de tout ça d'ici à ici. Laissez-moi juste, il était verrouillé. Cliquez ici et vous n'avez que des listes. Je garde le pied de page. Allons donc à l'intérieur. Et ce dont nous avons besoin, c'est des livres. Et je vais le rendre aussi petit. Il suffit de l'amener ici. Maintenant. Nous avons besoin de toutes les catégories de livres. Passons donc à Amazon par exemple, comme les livres. Et à partir d'ici, copiez-les tous jusqu'ici, par exemple, appuyez sur Commande C. Maintenant, la meilleure façon de le faire est de bien votre bloc-notes et de le copier ici. Fichier Enregistrer sous dans un endroit. Ça n'a pas d'importance comme les filtres. Oui. Et fermez ça. Revenons maintenant à notre conception. Je vais juste taper quelque chose ici. Par exemple, les livres sont bons. Donc, peut-être que 24 devraient être impliqués, cela devrait être régulier. Peut-être un peu plus grand, un peu 2004, je suppose. Maintenant, utilisez votre grille de répétition et faites-la glisser vers le bas. Mesurez, cette taille est correcte. Tout. Et faites-le glisser vers le bas jusqu'ici. Peut-être un peu plus près, peut-être bien mieux. Maintenant, nous allons vous procurer un dossier. Le filtre est que vous venez d'enregistrer en tant que nœud et que vous le faites simplement glisser et déposez-le ici et voyez ce qui s'est passé. Ecoutez, ce contrat est que l' espacement devrait être plus élevé. Et nous y voilà. Et c'est la façon la plus simple de faire du bien dans Adobe XD. Très bien. Mais maintenant je remarque que la taille est très grande. Je veux faire 18 ans et mieux. Les écarts sont très élevés et réduisent peut-être huit. Très cool, très sympa. Très bien, Cool. Pourtant, je pense que c'est énorme. Peut-être en utiliser 16. Joli. Bon, maintenant, allons ici et appuyez simplement sur le type T. La plupart ont commenté. Les DC devraient également être audacieux. Et il y a un avantage ici, ici. Ici. Et ils devraient être 14. Et aussi régulier. Sélectionnez-les, Répétez la grille, réduisez-la vers le bas. Et groupez-le. Doit être le livre le plus récent, comme les livres. C'est donc exactement ce que nous faisons. Et pour le bon côté, nous avons cette idée géniale. Je vais juste copier ça et l'apporter ici. Faites-le un peu petit. Quelque dix aiment ce zoom. Nous avons le sujet et le genre et peut-être qu'il utilise des bandes dessinées. Ceinture de soleil, régulière. Nous avons un peu de mal à mettre ça ici. Nous devons également copier. Mettez-le ici. C'est énorme 12. Ici. Vous avez le format du livre. Et c'est un format de livres conçu pour qu'il puisse le choisir. 16, trop, 8. Appuyez donc sur T, ça va être p d f, p, d f peut-être un peu plus grand. Le prix peut être 19 donateur. Et ici aussi, nous avons la couverture rigide. blanc. 16. Également 16, 40. Pour l'autre. Pas besoin de frontière. Cela devrait être quelque chose comme ça. Ajoutons cette couleur. C'est aussi le cas. OK, c'est cool. Vous pouvez donc choisir parmi, vous voulez que la couverture rigide ou le PDF soit actif. Cette option est active lors de l'ajout au panier. C'est donc la plupart du temps que nous copions simplement ceci à partir de la conception de la page précédente. Donc pour avoir une vie plus facile, entrer en main et ce sera la mise en page. Si j'ai une clique, ce serait bien. Contrôlez G pour le regrouper. Joli. Désactivez cette option, sélectionnez tout cela. Répétez la grille, baissez-la. Mais vous voulez aussi appuyer sur Control Z. Vous voulez également la ligne ici. Peut-être qu'elle va aligner et télécharger notre ville. Quelque chose comme ça à ça. Grilles de fosse. Qu. C'est plutôt sympa. Donc, si vous cliquez sur ces icônes ici, vous pouvez l'avoir. Peut aussi apporter un peu ça à gauche. Et il suffit de jeter un coup d'oeil là-dessus. Je peux juste faire glisser ça vers la droite. C'est quelque chose qui se passe comme ça. Vous devez ouvrir ça. Vous devez augmenter cela. Et vous pouvez jouer avec ça. Pour être aligné sur cela. Revenons un peu en arrière. On y va. C'est plus agréable, plus propre. Donc, jusqu'ici, ce serait bien. 35. Conception de Pagination Hi Fi: Ici, nous avons fait quelques pages ici. Je vais juste cliquer ici. Allons à l'intérieur. Cela va être plus vieux. Rencontrez également la frontière. Ce sera donc le numéro un. Ce sera donc le numéro 2. Quelque chose comme ça, mais un peu plus de couleur. La couleur de fond doit être la même que celle du chercheur. Avec MS est actif. Peut-être que celle-ci devrait être un peu faible, plus lumineuse. Maintenant, nous avons ici la page suivante. Il devrait être à la page suivante. Je n'ai pas besoin de celui-ci pour ça. Ajoutons-y une couleur. Il devrait s'agir de la page précédente. casquette en P. Et il y a des flèches, des dés d'état. Era, cool. Celui-là. Celui-là. Et cliquez dessus. My Control X, Control V pour le copier. Parfois, c'est plus facile. La couleur précédente devrait donc être quelque chose comme ça. Une fois encore. Si je fais glisser ça et que je le mets ici, change-le ici, fais-le bien. C'est trop gros. Peut-être qu'un bloc-notes devrait être aussi. Et ici et là, on y va. C'est quand même à écrire comme ça. Et donc cela devrait être sauté, cela devrait être bas. Donc 1234. Et je vais l'utiliser, le mettre, un endroit est cool. 36. Conception des sections recommandées et populaires: Encore une fois, nous avons recommandé. Activons maintenant la grille. Et ajoutons six livres recommandés. Nous pouvons utiliser la même chose ici. Cliquez, cliquez sur, Copier, sortir et coller. On y va. Encore une fois, fermez ça un peu. Qu'en est-il de ceci et de cette copie ? Viens ici. Il suffit de le coller ici. Par qui ? Janice. Faites-le plus petit. Déplacez-le ici. Ce dont j'ai besoin, c'est de commencer. Et au moment de la copie du panier, sortez et collez-le. Sélectionnez, sélectionnez, sélectionnez, sélectionnez. Peut-être mis au centre. Joli. Je vais donc simplement cliquer ici et agrandir ça. Jetez tout ça. Je peux peut-être le faire. Sélectionnez celui-ci, sélectionnez-le et faites-le glisser vers le bas. Et je l'ai fait bien. Je dois faire glisser ça vers le bas. Maintenant, je pense que la bordure doit être bleue. Cliquez avec le bouton droit de la souris et renvoyez-le à l'arrière. Cliquez ici, alt et faites glisser ici, alt et faites glisser ici. Très bien, maintenant, fermons mon espace. Cliquez facilement sur Repeat Grid et voyez ce qui s'est passé. Je vais vous expliquer. Appuyez sur Command ou Control Z. Encore une fois, Commande ou Contrôle Z. Nous devons les regrouper ou au moins nous devons tous les sélectionner. Vous n'avez pas besoin de les regrouper. Parce que lorsque vous les sélectionnez et que vous cliquez sur Repeat Grid automatiquement sera sélectionné. Et c'est ce qui s'est passé. Mais l'espacement de la moyenne, regardez, si je répare ça, l'espacement va bien se passer. Regardez six d'entre eux. Et à quel point est-ce facile ? Cela ne sera pas recommandé et la même chose que de risquer de les sélectionner tous les deux comme ceci ou Alt et Maj et de le faire glisser vers le bas. Cela va être populaire. Et c'est tout. Et faites glisser ça vers le haut. Sélectionnez l'ensemble de la toile. Zoomez un peu et fermez-le vers le bas. Zoomons et cliquons pour voir la page. Écrivez des livres et prenez ce qu'il y a ici. Nous avons besoin de direction où que nous venions ici. Il devrait être de la maison et du tableau de bord. Cela va donc être au sommet. C'est bon d'être ici. Et toute la page et tout ça à partir d'ici. Montez ça. Joli. Et celui-ci n'est pas si mal, non ? Revoyez encore une fois. livres. On y va. Ici, au tribunal. Cette ligne devrait aller jusqu' au bout. Revenons en arrière. Des petites choses que vous devez juste réparer. Joli. couverture suit la page suivante, la page précédente. Félicité, populaire, et il partira. Donc, le total d'entre eux. Donc, si nous cliquons sur le signe plus, je peux voir qu'il sera ouvert et agréable. Cliquez sur gratuit pour cocher cette disposition de grille. Et c'était notre page de filtre. Si vous cliquez sur ce livre, que va-t-il se passer ? Chaque livre a sa propre page. 37. Carnet de conception page unique et info: Que va-t-il se passer si je clique sur ce livre unique. Il va donc avoir sa propre page. Cliquez sur l'icône Filtre, appuyez sur Commande ou sur Contrôle D pour le dupliquer. Maintenant, sélectionnez ici et supprimez cette pièce. Sélectionnez ici. Je vais juste y aller un peu. Je veux garder l'un d'entre eux et dissocier la grille. Cliquez avec le bouton droit. Dissociez-le. Nous avons besoin de ces sillons. Ajouter au panier et certains textes. Vous n'avez pas besoin de celui-ci, supprimez. Nous n'avons pas besoin de ce PDF. Je peux mettre ces livres parce que si on le dit, c'est des livres. Et par exemple, cette catégorie de livres est la bande dessinée. Ce sera le moment d'aimer ça. Correct ? Je vais juste faire glisser et mettre celui-ci ici. Peut-être un peu en haut, en bas, Shift. Faites glisser ceci vers le bas. Faites-le très petit. On y va. Plus petit. Grille de répétition. Je dois en avoir quatre. Si je peux faire ce coup d'État. Mais c'est quand même la taille est de deux pq, mais elle est plus petite. Il devrait donc être au centre. Encore une fois, cliquez sur et sélectionnez. Ayez de l'espace. Joli. Et ces deux-là devraient aller bien. Et intégral ici. Le titre doit être 20, par exemple. Et j'en ai besoin. Celui-ci va le mettre ici. Commandez X de sortir de cette boîte verte. Commande de contrôle V, changez la couleur en bleu pour que je puisse la voir. Ce sera l' image de l'autre. Et je vais juste m'entendre, je peux utiliser un de ces écrivains. Sarah. Ce sera là une zone qui va être tirée. Je dois écrire si vous ne faites que copier ces deux-là doivent être publiés. L'un des célèbres éditeurs est Mc Kay. Et quand va-t-il publier ? Peut-être qu'il n' allume pas un nouveau livre. Je n'ai pas besoin de celui-ci. Je peux les décomposer ici. Je l'ai mis ici. Permettez-moi d'agrandir ça un peu. Il faut aussi quelque chose comme 26. C'est un alignement très important et descendez. Donc, quand nous entrons à l'intérieur, nous pouvons également mettre quelque chose comme ça. Je vais juste copier ça. Assurez-vous qu'il est aligné et je vais juste taper peu parce qu'il va peut-être l' acheter sur Amazon. Et les essais Amazon devraient être ici. Et nous pouvons aussi simplement le mettre de ce côté. Je viens ici. Et c'était peut-être 246. Et ici, Bowl trip irrégulier. La même chose ici. Vous pouvez donc choisir parmi un PDF, un peu et un relié. On y va. Apportez-le et mettez-le ici. Cliquez sur. Mais je suis cliqué pour aller à l'intérieur. Je maintiens les gars du contrôle Glick. Utilisez ces cercles et faites-le glisser à l'intérieur. Il va donc être planificateur. Maintenant, je vais juste sélectionner tout ce tracé c'est Dis-moi. Et je veux mettre ça ici. Maintenant, je vais simplement faire glisser et sélectionner tout cela et le faire glisser vers le haut. Celui-là va être sous le bon côté. Nous avons également besoin d'un bouton Partager. Allons dans Filter. Je vais juste appeler cette icône de partage. Sélectionnez l'un d'entre eux. Nous allons donc sélectionner l'une de ces icônes. Icône de partage ici, ou celle-ci peut être comparée. Je crois que celle-ci est bien meilleure. Celui-ci est énorme. Très bien, vous avez donc l'icône Partager. Nous avons également besoin de cœur. Je peux faire glisser et déposer ça ici. Changez la couleur en bleu. Et le contour doit être bleu. En fait, je sais, je me sens beaucoup mieux. Bon, et regardez, nous devons l'aligner par le haut. Joli. Nous avons aussi ce plaisir. Mais pour TCF de mettre le chiffre comme 4, très bien. Et pour l'intérieur, je vais juste avoir besoin de trois commentaires. Allons le rendre un peu plus petit. Mettons-le ici. 12 c'est un bon chiffre. Et bien, je peux le sélectionner et le rendre un peu plus grand. La même taille que celle-ci. L'autre chose que nous avons la plupart du temps c'est le signe de la réduction. Leur vitesse, la mise en page que nous faisons vraiment sortir. Parce qu'ils ont une boîte de délimitation. C'est pourquoi parfois sept, non ? Sélectionnez le premier et le k2 que cela sélectionne ce coin devrait être huit, bien. Ou le bleu devrait être de 20  % de réduction pour aujourd'hui. Et c'est 0. Je peux donc l'insérer à l'intérieur. Voyez également ce qui fait baisser cela. La même taille. La prochaine, je vais juste remonter un peu. Qu'est-ce qu'ils ont d'autre ? La même chose. Maintenez le contrôle enfoncé et sélectionnez celui-ci, faites glisser la commande Control X pour aller sélectionner l'extérieur et la commande ou le contrôle V. Très bien, allons maintenant activer la bordure de quelques-uns. Donne-moi y aller. Sélectionnez le numéro 1. Le champ doit être noir et gras. Il va le mettre ici au centre. Puis Alt, faites-le glisser vers la droite, double-cliquez sur Maj plus. Revenons ici. Maj. Et ça monte. C'est la couleur qui devrait être haute, quelque chose comme ça, n'est-ce pas ? Celui-ci doit également être bleu. Donc je peux ajouter à cela sélectionné, voir leur taille réelle, c'est vrai, si mauvais. Donc, nous avons tout ici, non ? Qu'est-ce que nous avons d'autre basé sur nos recherches, nous avons quelque chose qui s'appelle, je vais juste utiliser ce format ici. Et je vais juste faire ces statistiques sans aucun écart entre elles, peut-être 0. Nous avons des détails sur le produit et nous avons également une vue habituelle. Très bien. Je vais juste faire de ça un battement. Et de quoi d'autre avez-vous besoin ? J'ai besoin d'une ligne ici, d'ici à ici. Peut-être de couleur bleuâtre. Faites glisser ça un peu vers le bas. C'est de sélectionner l'entrée ici. Joli. Et je vais simplement cliquer et dessiner quelque chose ici. Faites ça. Allons à l'intérieur. Mais ensuite, Alt, faites glisser ce coin vers le bas. Faites glisser ce coin vers le bas. C'est exactement ce dont nous avons besoin. Qu'avons-nous ici ? Nous allons utiliser cette ligne, faire glisser ça vers le bas. Et nous avons un titre de livre. Cliquez sur les deux et assurez-vous que nous pouvons simplement utiliser celui-ci. Maintenant, je vais juste sélectionner les deux. Répétez la grille. Joli. Dissociez-le. Peut-être que je vais juste le redéfinir, cliquez avec le bouton droit de la souris pour le dégrouper. Je vais donc créer ça devrait être l'autre. Je vais juste les enlever, faire glisser ça un peu vers le bas. Les étiquettes peuvent être comme si ce type va en mettre huit et le rendre bleu. C'est trop. Peut-être par amour. Il s'agit de la catégorie du livre. Je vais juste mettre quelque chose comme ça. L'amour, parce que nous avons beaucoup de choses. Je vais simplement sélectionner celui-ci et maintenir la touche Maj enfoncée et sélectionner également celle-ci, appuyer sur Commande ou Control G pour le regrouper. Lorsque nous faisons cela, nous avons ici quelque chose appelé rembourrage, il suffit de prendre des données. Donc, à partir de maintenant, j'utilise cette méthode. simple fait d'utiliser sera aussi 10. Il en est de même, donc il est au centre en ce moment, 10, 27, 27. Faisons 28. Et ce 128 aussi de gauche et de droite. Maintenant, testez ça. Si je maintiens les touches Alt et Maj enfoncées et que je le fais glisser et le mettre sur le côté droit. Et je vais juste appeler ça la romance. Il suffit de vérifier ça. Voyez-vous, proéminence. Je n'ai pas besoin de faire autre chose. Il va être au centre et ça va me donner une ligne. Disons que ce dessin est moi et J. Ce sera la même chose, 1028, 1028, écrivez quelque chose en bas. Six. Il va donc y en avoir six . Faites glisser ça vers le haut. Ce que nous avons d'autre côté, nous avons des livres connexes, ce qui est très important. Tout le monde le demandait. Donc, je vais juste utiliser l'un d'entre eux et faire glisser celui-ci ici. Plus petit, dissociez-le. Si je peux juste m'adapter à ces deux ans, c'est trop petit. Pas si mal. J'ai relaté des livres. Mettez-les tous les deux. Répétez la grille et voilà. Quatre. Je peux mettre quelque chose ici. Je vais juste utiliser celui-ci. Et maintenant, nous devons concevoir la barre des clients. Et c'est la partie délicate. Nous allons d'abord le concevoir ici, n'est-ce pas ? Et ce sont les commentaires que les gens ajoutent à cela. Très intéressant. Faisons en sorte que ça soit agréable. Comme les noms des gens. Dave Jackson devrait être régulier. Et ce devrait être certains textes qu'il a mentionnés à propos du livre. Et ça va être la star qu'il a donnée. Très bien, Cool. Joli. Nous en avons pour l'instant. 38. Créer des animations de composants pour les détails du produit: Très bien, comment créer le composant ? Sélectionnez la pièce que vous souhaitez disparaître. Cela signifie donc que si je clique sur cet avis client, nous ne devrions pas voir cette partie, n'est-ce pas ? Il devrait donc s'agir de groupe, de commandement ou de contrôle. G. Sympa. Maintenant, si je clique et que je les sélectionne tous et que je sélectionne la pièce composant. Celui-ci, nous avons un état par défaut. Cliquez sur ce signe plus et cliquez sur Nouveau domaine. Il suffit de le laisser à l'état deux ou vous pouvez simplement le mettre sur l'avis client. Je vais le laisser à l'état deux. Dans l'essai 2. N'oubliez pas que je sélectionne ce groupe et j'abaisse l'opacité. Donc, je ne vois pas celui-là. Et c'est aussi ce qui va se passer. Je vais juste cliquer là-dessus. Il est contractuel à droite. Joli. Cliquez dessus, et il devrait s'agir de cette couleur. Et cet avis client doit être totalement bleu. Quoi d'autre ? Je vais juste sélectionner cette commande Control X. Maintenant, je vais aller à l'intérieur, double-cliquer dans Command Control V et faire glisser ça vers le haut. Maintenant, je suis dans l'état de ce composant. Si je pouvais maintenant le sélectionner à nouveau, passez à l'état par défaut. Si vous devez faire quelque chose qu' on appelle le prototypage, faisons-le maintenant pour que vous sachiez ce que je veux dire. Allez au prototype. Je veux que lorsque je clique sur ce coutume, lorsque vous cliquez sur cet avis client, suffit de double-cliquer dessus. Vous voyez que c'est en train de se produire. Cela signifie en tapant. Et cette vue habituelle, je peux aller choisir ma destination pourrait être l'état à refroidir. Et l'assouplissement devrait être une facilité d'entrée, de sortie. Et la durée est de six secondes. Allons dehors. Remettons le design. Cliquez sur ce produit de vous. Maintenant, passons à l'état 2 et indiquons deux. Si je clique sur Détails du produit, que va-t-il se passer ? Encore une fois, il est bon de prototyper. Double-cliquez sur les détails du produit, double-cliquez. Cela signifie qu'en appuyant sur les détails du produit, la transition doit se faire sur l'animation automatique. Nous avons également changé ceci, le précédent. De plus, le tableau est par défaut, indiquez six secondes. Nous allons donc sélectionner celui-ci, et passons à l'état par défaut. Et par défaut, si je clique dessus, la transition, le type devrait être bon à animer. J'ai donc besoin de cette animation fluide de gauche à droite. Allons dehors. Cliquez sur Design, cliquez dessus. Nous pouvons donc changer si vous voyez celui-ci, cliquez sur Estate par défaut. Encore une fois, vous pouvez voir que c'est ça. Cliquez maintenant sur le filtre et jouez-le. Il suffit de vérifier ça. Si nous cliquons sur les commentaires des clients, que s'est-il passé ? Si je clique sur les détails du produit, que s'est-il passé ? Nous appelons donc cet état de composant. Vous faites beaucoup d'exemple et beaucoup de pratique, alors ne vous inquiétez pas. Ce n'est qu'une explication simple de son fonctionnement. Et nous y voilà, continuons. Donc, au bas, nous avons quelque chose appelé recommandé. Encore une fois, je vais juste copier ces gars. Il suffit de le faire glisser et de le déposer ici. Joli. Et c'est tout. On va juste faire traîner ça. Allons-y. Et c'est ce que nous faisons. Joli, très cool et très intéressant. Appuyez sur Commande ou Control S pour enregistrer cette page également. 39. Créer ma page de carte: Il s'agissait maintenant d'une bande dessinée, d'une page sur la bande dessinée ou d'un seul livre. La deuxième est ma carte. Je n'ai pas besoin de tout ça. Supprimer. Je ne veux pas ça aussi. Je garde peut-être le reste. Je n'aime pas formater le nom. C'est bon. C'est normal d'écrire ici. Vous pouvez peut-être décider si vous voulez le conserver ou non. Ayez quelque chose de plus ici. Nous avons dû écrire un nom, essayer de le rendre très petit. Et nous avons aussi quelque chose comme ça. Ajoutez-le au panier, non ? Je n'en ai pas besoin, non ? Pas besoin de devenir plus petit. Ça va juste le mettre ici. Alors, ça va être libre. Et le numéro ISBN pour s'assurer qu'il s'agit du même livre. Je vais le dire. Cela peut aller à un groupe G to. Il va venir ici. quoi je pense, c'est quelque chose qui au-dessus de cela, d'aller les sélectionner tous est long, faites glisser ça vers le bas. Nous avons besoin de quelque chose comme ça, car il se peut que vous ayez plusieurs livres sur cette page. Et vous devez avoir pauvre le bleu, mais très, très clair. Je vais juste copier ça et l'apporter ici. Cliquez avec le bouton droit de la souris. Ce sont les éléments, peut-être que nous avons un fichier. Très bien, faites-le glisser vers la bonne quantité. Nous avons également le prix et le prix total. Prix, c'était peut-être de la nourriture. Et le prix total sera de 40. Qu'avons-nous d'autre ? On peut avoir des ordures dans la poubelle ici. Peut être à gauche. Apportez tout à gauche. Si je le veux, je peux le supprimer. Je peux sélectionner toutes ces grilles de répétition. Mais avant cela encore, nous avons besoin de la ligne clinique, de l' indice, de la ville en bas. Sélectionnez l'ensemble de cette grille de répétition. On y va. Trois, très bien, dissociez-le. Je suis censé avoir cinq ans. Cela signifie que ce sera pour les deux livres commandés du même livre, peut-être 20 également. Cela va être 80 après JC. Au fond, nous avons quelque chose appelé sous-total. On y va. Nous avons une TPS très faible. Que signifie la moitié si nous avons un coupon ? La discipline doit être bleue. Celui-ci doit être bleu, pas de champ. Et cela crée quelque chose d'intéressant. Appuyez sur la commande C, la commande V. Faites glisser ceci vers la droite. Pour le bleu, j'ai besoin de X. Moi. Écrivez peut-être votre propre code ici, devrait être plus petit. Ici aussi. Vous avez un code promo. Bien, et faites glisser ça vers le haut. Voyez à quoi ressemble ma carte ? assiette. Nous avons donc cinq articles lorsque le prix total, TPS sous-totale, l'expédition, le paiement total dans votre code ici. Et c'est tout. 40. Créer un suivi de l'expédition: Ok, pour le navire et le suivi, suffit de sélectionner le titre Commande Control V. Cela va appeler cela signifiait le suivi. Et nous n'en avons pas besoin, peut-être que j'ai besoin que ce titre appelle ça. Ici, nous nous attendions à la livraison et nous devrions être à l'heure. 16 ou exemple. Celui-là, je n'ai pas celui-là. Ici. Nous avons expédié vos colis. Sélectionnez-les tous, cliquez avec le bouton droit de la souris et dissociez-le car nous n'avons pas besoin de cette pièce. Cette partie et cette partie. Pas le temps de sélectionner tout ce Maj vers le bas pour rendre tous ces différents petits. Ok. Sélectionnez ce T. Il suffit de le faire glisser vers la droite. Réduisez cela un peu pour nos parties principales, ce qui va être très, très intéressant. Quel contrat est un capuchon rond, bleu. Peut-être cinq ou peut-être 10. Ligand le cercle. Tout le temps, fourreau ici. Ici. Mais celle-ci devrait être grise. Également. Posez DCL vers le bas, reculer et décaler, faites-le glisser vers la droite. Je vais aussi rendre ça brun. Et je l'ai mis ici, en bas, Shift, fais glisser ça jusqu'ici. Il s'agira donc de notre principal suivi des expéditions. Je vais juste coopérer. Et ce sont bientôt les envois de textes. Et devrait également être gris. Et ici, nous avons quelque chose appelé « Unaware », qui est une très faible opacité. Il s'agit donc du suivi des expéditions dans le processus. De quoi d'autre avons-nous besoin ici ? J'ai besoin du prix, 40$. La même année. Vous n'avez pas besoin de cette pièce. Je vais juste copier ça et trouver ça . Il va aller à l'intérieur. Ce sera le suivi des détails. Contrôlez la lampe et sélectionnez-la. Puis Alt et Maj et faites-le glisser vers le bas. Allons-y un peu. Et nous avons besoin de cette frontière. Pas besoin d'avoir de la piste. Et je vais juste choisir ça et monter un peu. Et je vais aussi utiliser le même titre. Ça va être quelque chose comme ça. Sélectionnez-les, venez ici, venez ici. C'est donc le processus que vous devez ajouter, peut-être que le colis est arrivé. Et tu as compris l'idée. Et je vais juste remonter la même chose. Nous en avons donc fini avec le suivi de nos expéditions. 41. Page à propos de la conception: Pour créer la page À propos de nous, cliquez à nouveau dessus. Nous pouvons utiliser la première page et la page principale car elle va maintenir Alt enfoncée et copier celle-ci. Mettez-le ici. Allons à l'intérieur. Je vais juste appeler ça À propos de nous. Supprimez cette pièce. Cette partie, je veux juste mettre en pause la photo ici et cliquer simplement sur cette commande ou Control L pour la verrouiller et supprimer tout cela. Je vais juste supprimer celui-là sera peut-être que je pourrai centraliser celui-ci. Il n'a pas besoin de ça. Déverrouiller. Essayez ça. Et nous pouvons également utiliser la même méthode. Ici. Ça va peut-être être le cas. Et nous ajoutons du texte ici, les gars. On serait peut-être numéro 6. C'est arrivé. Donc, c'est six. Peut-être que nous avons un comptage de chiffres. Vous ne pouvez pas contrôler L pour le verrouiller. Et c'est centralisé. Cette ligne vient du centre. Centre. Peut-être allez-y et mieux, sélectionnez tout cela et depuis le centre. Maintenant. Et il suffit de répéter la grille. J'ai juste besoin de dégrouper. Maintenant, je vais juste mettre une image ici, par exemple. Il s'agit de la partie image. Et je pense que nous allons tous écrire des livres improbables de meilleure qualité sur le marché. Sélectionné et la majuscule X. Comment m'a contrôlé ? 16. Donc deux comme ça. Par conséquent, la quantité de publications que nous avons ou que nous le faisons ici rend très faible. Faites glisser ça vers le bas pour ne pas 400. Donc tous les deux, peut-être que celui-ci devrait être un peu plus grand. Peut-être que 26 seront des acheteurs. Sélectionnez celui-ci et cela devrait être 0 ici également. Nous avons donc besoin d'une photo ici. Vous avez quelques témoignages. Je n'ai pas besoin de celui-ci. Supprimez, supprimez le témoignage déjà arrivé, sélectionné et faites-le glisser vers le haut. Et nous avons besoin d'un abonnement et de l'emplacement. Vous avez donc mis l' abonnement ici. Et je n'ai pas mis l'endroit ici. Parce que je veux profiter de ces vacances et les amener ici. Collez-les. Assurez-vous d' utiliser la couleur bleue. Sélectionnez-les et agrandissez-les un peu. Et sur la carte, sélectionnez ici. Très bien, pour la carte, nous avons un plug-in. C'est ce qu'on appelle la carte fantaisie. Il suffit de sélectionner la carte et d'y accéder. Et peut-être que Tokyo, ça n'a pas vraiment d'importance, Tokyo. Et il peut prendre celui-ci et appliquer la carte. C'est ça. Et ici, nous avons besoin d'épingle. Je vais simplement zoomer et créer une ellipse et un cercle. Quelque chose comme ça. bordure doit être blanche. Les champs devraient peut-être l'être. Pourquoi ça devrait être cinq. Il suffit de double-cliquer dessus. Voici celui-là. Faites-le glisser vers le bas. Encore une fois, créez une ellipse, le centre. La bordure doit être blanche. Et cinq, peut-être pas de champ. Et c'est ce que nous faisons. Maj, cliquez sur ceci et moins, et c'est tout. C'est ce que nous avons ici. Il suffit de réduire la taille un peu. Et c'est peut-être l'endroit. C'est intéressant, non ? Et nous y voilà. Cliquez et faites-le glisser vers le haut. Voyons ce que nous oublions souvent de notre discours. La marchandise et la larme, et sur le livre, certains textes ou missions et notre histoire. Les témoignages ou l'emplacement doivent être conservés. Et c'est tout. Je l'ai gardé. Joli. Très bien. Fermons ce branchement. Fermons celui-là. Et la partie suivante, nous avons fait du prototypage. C'est l'une des meilleures choses et amusantes que nous aimerions faire dans Adobe XD. Je suis sûr que vous devez adorer ça. 42. Comment commencer le prototypage et l'animation: Avant de faire le prototypage, jouons avec l' animation automatique et le prototype et comprenons la base de celui-ci. C'est vrai ? Maintenant, j'ai créé la boîte ici et j' essaie de dupliquer ça. Maintenez les touches Alt et Maj enfoncées et faites glisser notre plan de travail pour écrire. C'est vrai. Maintenant, faites glisser celui-ci. Ils y retournent. Si je fais glisser cette formule vers le bas, décalez-la , faites-la glisser vers la droite. C'est ainsi que cela fonctionne. Je veux que lorsque je clique dessus, cela se déplacera vers la droite. Alors, comment ça marche, passez au prototype. Lorsque vous passez au prototype, lorsque vous sélectionnez quelque chose, cela apparaîtra. C'est vrai ? Maintenant, je vais simplement faire glisser ça et le déposer sur ce plan de travail. Je lui dis ce que je vais cliquer sur ce cube et une boîte, le déplacer vers la droite, et vous voyez cette ligne, c' est ce qu'on appelle le cadrage filaire. Par défaut, c'est untap. Cela signifie donc que si je clique dessus, il va écrire le type par défaut est en transition. Et deuxièmement, cela signifie que si vous cliquez dessus, cela va à R2 et que l' animation est dissoute. Et la durée est d'une seconde. L'heure qui va passer à celle-ci de gauche à droite. Cliquez dessus. Allons-y jouer. Comme vous êtes debout. Je saute à droite. Maintenant. Revenez en arrière et sélectionnez-le à nouveau. Bonne transition. Et au lieu de la transition, il suffit de le mettre sur l'animation automatique. Le type est donc automatiquement animé. L'assouplissement n'est pas. instant, je vais vous expliquer. Cliquez sur Plan de travail, plaque, sélectionnez et cliquez sur. Il suffit de le faire glisser vers la droite. C'est comme si une animation de gauche à droite était compréhensive par elle-même. Maintenant, si je sélectionne celui-ci et que je le fais glisser vers la gauche ou vers le tableau d'art. Il en va de même pour cela. En appuyant dessus, nous saisissons auto animate et Eurasie pendant une seconde. Si je clique de droite à gauche, jouons. Jouer. Jouer. C'est une animation simple. Et si je le veux ? L'assouplissement, il devrait être à l'aise pour celui-là. Et de droite à gauche. Je vais mettre un peu d'aisance. Vous voyez la différence ? C'est fini. Ça va vite et lentement. Permettez-moi de faire encore une chose. Je veux le rendre plus petit. Il suffit de sélectionner ce décalage de colonne , de sélectionner celui-ci et de les rendre petits. C'est vrai ? Je peux donc voir la durée. Encore une fois, allez au prototype, sélectionnez celui-ci, assistez , voyez ce qui s'est passé. Il va être très rapide et très lent. Celui-ci commence lentement, il est à 0, ça ralentit et on va vite. Cela signifie que lorsque vous terminez, il a essayé d'être lent. Mais le meilleur est toujours, est d'utiliser, d'utiliser, d'entrer et de sortir, ce qui signifie que le début, les différents humble au milieu, vont vite et à la fin, essayez de ralentir à nouveau. Celui-ci est n'importe quelle assiette Zout. Gauche, droite, droite, gauche au centre est rapide de l'assortiment, lent à la fin est lent. Cette transition va être un mode varié. Qu'en est-il de la différence entre l'utilisation de Snap ? droite à gauche ? Mettons-le, on finit la différence. Donc, à gauche, à droite, c'est un claquement. Je m'accroche juste à l'endroit. droite à gauche, c'est remonter et sauter. C'est comme une course à pied, aller vite, prendre un élan comme aller, prendre de l'élan, aller vite. Celui qui, à la fin, devrait être équilibré, disons. Et celui-là est un accrocheur. Voyez la différence entre Snap et Bounce. Juste rebondir comme celui-ci. Et cela va être très bas et juste à la fin, il va de l'avant et de l'arrière. Qu'en est-il de la durée ? Si je clique sur ceci et sur la durée, nous avons 1 seconde. Mais je peux venir ici et appuyer sur le numéro trois et entrer. La durée va maintenant être de trois secondes. Vous voyez la différence ? Cliquez sur. Cela prend trois secondes. C'est donc rapide. Qu'en est-il de ces choses ? Les étrangers peuvent le faire pour le oui possible. Quatre secondes. Donc, 3 secondes rebondissent. Encore force. Snap. Deuxième rebond pendant une seconde, claquement. Je ne fais qu'expliquer la partie animation. Essayons maintenant de mettre ça sur 1 seconde pour gagner du temps. 1 seconde. Et l' animation automatique est une facilité. Celui-ci est aussi dans sa sortie. C'est surtout ce que nous faisons. Quels sont les déclencheurs ? Je ne veux pas simplement cliquer là-dessus. Parfois, je veux avoir une page propre. Je ne veux pas que ma souris apparaisse. Donc je vais simplement cliquer et sélectionner le filaire, aller à déclencher et le mettre sur Keith et la manette de jeu. Cela signifie que vous pouvez taper des mots-clés comme S. Donc si j'appuie sur S, cela va être animé comme celui-ci. Je ne veux pas encore mettre ma souris, ma souris dehors. Et j'appuie sur S, je vais être animé. Mais pour le prochain, il faut que je clique. Si je voulais que celui-ci soit avec des clés, ça pourrait se déclencher. Mais comme les touches et la manette de jeu de type S aussi. Donc la plaque S, encore une fois, comme ça marche. Nous pouvons également le déclencher par glissement. Je vais juste faire glisser ça. Très bien. Je vais juste faire glisser ça vers la droite. C'est ça. Une fois encore. La presse S revient en arrière. Il va le faire glisser vers la droite. Qu'en est-il de la voix ? Vous pouvez mettre votre voix, oui , je veux dire, hé, et ça va être animé. Et vous devez également maintenir la barre d'espace enfoncée. Et votre avion va vous dire que vous maintenez la barre d'espace enfoncée et vous direz , maintenant parce que j'enregistre, je ne vais pas faire ça. Alors Spacebar et dites : Hé, et ça va marcher. Je vais juste mettre un onglet maintenant. Ce ne sera pas une traînée. La plupart du temps est donc inexploitée. Et celui-ci est également inexploité. Ce que je vais montrer mon animation, je la mettrai sur des mots-clés et une manette de jeu, donc je n'utilise pas ma souris dans toute la page. Maintenant, permettez-moi de vous montrer encore une chose à propos de l'animation automatique. Je vais passer en mode design. Je vais juste faire glisser ça vers la droite, à droite. Et j'ai juste essayé de m' assurer que c' est le cercle C qui va obtenir ce coin et en faire un cercle. Et il suffit de voir ces gars d'animation. En tapotant, ça va être tellement cool. Revenons en arrière. tapotement est bon à entendre. C' est ce qu'on appelle l'animation automatique et on l'a mis sur l'assouplissement. Il devrait être dans, est hors de la durée pendant laquelle vous l'avez mis en seconde. Maintenant, vous pouvez mieux le voir. Et la même chose ici, c'est la deuxième fois. Voyons ce qui se passe. Maintenant va être très petit parce que l'assouplissement était sur aucun en ce moment est activé, est dans sa sortie. Très joli et très lisse. Vous connaissez maintenant les bases du prototypage. Je vais juste les sélectionner et les supprimer. 43. Prototyper la page principale: Avant de faire le prototypage, jouons avec l' animation automatique et post-dip et comprenons les bases de celle-ci. Très bien, maintenant j'ai créé la boîte ici et j' essaie de dupliquer ça. Maintenez les touches Alt et Maj enfoncées et faites glisser ou ortho vers la droite. Très bien. Maintenant, faites glisser celui-ci, faites-le glisser vers le bas, décalez-le, faites-le glisser vers la droite. C'est ainsi que cela fonctionne. Je veux que lorsque je clique dessus, cela se déplacera vers la droite. Alors comment cela fonctionne, passez au prototype et vous allez à Puerto lorsque vous sélectionnez quelque chose, cela va apparaître correctement. Maintenant. Je vais juste faire glisser ça et le déposer sur ce plan de travail. Je lui dis ce que je vais cliquer sur ce cube et une boîte, le déplacer vers la droite, et vous voyez cette ligne, c' est ce qu'on appelle le cadrage filaire. Par défaut, c'est untap. Cela signifie donc que si je clique dessus, il va écrire le type par défaut est transition et l'outil de plan de travail. Cela signifie que si nous cliquons dessus, cela va à R2 et que l'animation est dissoute. Et la durée est de quatre secondes. L'heure qui va passer à celle-ci de gauche à droite. Cliquez sur ce bouton. Allons-y jouer. Comme vous êtes debout. C'est ça, sauter à droite. Maintenant. Revenez en arrière et sélectionnez-le à nouveau. Bonne transition. Et au lieu de la transition, il suffit de le mettre sur l'animation automatique. Par conséquent, le type est l'animation automatique. L'assouplissement n'est pas, maintenant je vais vous expliquer. Cliquez sur Plan de travail, plaque, sélectionnez et cliquez sur. Il suffit de le faire glisser vers la droite. C'est comme si une animation de gauche à droite était compréhensive par elle-même. Maintenant, si je sélectionne celui-ci et fais glisser vers la gauche ou vers le plan de travail 1. Il en va de même pour cela. En appuyant dessus, nous saisissons auto animate et Eurasie pendant une seconde. Si je clique de droite à gauche, comme joué, joue, joue. C'est une animation simple. Que se passe-t-il si je veux celui-là ? L'assouplissement, il devrait être à l'aise pour celui-ci. Et de droite à gauche. Je vais mettre un peu d'aisance. Vous voyez la différence ? C'est sorti. Ça va vite et lentement. Permettez-moi de faire encore une chose. Fumée automatisée. Il suffit de sélectionner cette colonne, de déplacer , de sélectionner celle-ci et de les rendre très petits. C'est vrai ? Je peux donc voir la durée. Vous pouvez passer au prototype, sélectionner cette plaque et voir ce qui se passe. Il va être très rapide et très lent. Celui-ci commence lentement, c'est facile, la peau ralentit et va vite. Cela signifie que lorsque vous terminez, il a essayé d'être lent. Mais le meilleur est toujours, c'est que cet assouplissement est un sens intérieur. Le départ très lentement, au milieu, va vite et à la fin, essayez de ralentir à nouveau. Celui-ci est dans sa plaque LT. Gauche, droite, droite, gauche au centre est rapide de l'assortiment, lent à la fin, est lent. Cette transition va être un mode varié. Qu'en est-il de la différence entre l'utilisation du snap ? droite à gauche ? Mettons-le, on finit la différence. Donc, à gauche, à droite, c'est un claquement. Je viens juste de s'accrocher à l'endroit. droite à gauche, le windup revient en arrière et saute. C'est comme une bûcheron qui courait. Allez vite, prenez un élan comme aller, prendre de l'élan, aller vite. Celui qui utilise à la fin devrait être équilibré. Voyons voir. Et celui-ci est un accrocheur de voir la différence entre Snap et Bounce. Juste rebondir comme celui-là. Et cela va être très lent et tout comme à la fin, ça va aller de l'avant et de l'arrière. Qu'en est-il de la durée ? Si je clique sur ceci et sur la durée, nous avons 1 seconde. Mais je peux venir ici et appuyer sur le numéro 3 et entrer. Maintenant, la durée va à 3 secondes, voyez-vous la différence ? Cliquez sur. Cela prend trois secondes. C'est donc rapide. Qu'en est-il de ces choses ? Les étrangers peuvent le faire pour le possible, oui. Quatre secondes ou trois secondes. Rebondir. Encore de la force. Accrochez-vous à la seconde, rebondissez. Pendant une seconde. Snap. Je ne fais qu'expliquer la partie animation. Essayons maintenant. Et je vais mettre ça sur 1 seconde pour gagner du temps, 1 seconde. Et animer automatiquement et y a-t-il un Zout celui-là aussi ? C'est surtout ce que nous faisons. Qu'en est-il de la gâchette ? Je ne veux pas simplement cliquer là-dessus. Parfois. Je veux avoir une page propre. Je ne veux pas que ma souris apparaisse. Donc je vais simplement cliquer et sélectionner le filaire, aller à déclencher et le mettre sur Keith et la manette de jeu. Cela signifie que vous pouvez taper des mots-clés comme S. Donc si j'appuie sur S, cela va être animé comme celui-ci. Je ne veux pas encore mettre ma souris, ma souris dehors. Et j'appuie sur S, je vais être animé. Mais pour le prochain, il faut que je clique. Si je veux que celui-ci soit avec des clés, passez à plus délicat. Mais comme les touches et la manette de jeu de type S aussi. Donc la plaque S, encore une fois, s, ça marche. Nous pouvons également le déclencher par glissement. Ce contrat est juste, je vais juste faire glisser ça vers la droite. C'est ça. Une fois encore. Plus S revient en arrière. Il va le faire glisser vers la droite. Qu'en est-il de pourquoi ? Vous pouvez mettre votre voix ? Oui, je veux dire, on peut dire, hé, et ça va être animé. Et vous devez également maintenir la barre d'espace enfoncée. Et votre avion va vous dire que vous maintenez la barre d'espace enfoncée et vous direz , maintenant parce que j'enregistre, je ne vais pas faire ça. Alors, descendez la barre d'espace et dites : Hé, et ça va marcher. Je vais juste mettre un onglet maintenant. Ce ne sera pas une traînée. La plupart du temps est donc inexploitée. Et celui-ci est également sur onglet. Ce que je vais montrer mon animation, je la mettrai sur des mots-clés et une manette de jeu, donc je n'utilise pas ma souris. Toute la page. Maintenant, permettez-moi de vous montrer encore une chose à propos de l'animation automatique. Je vais passer en mode design. Je vais juste faire glisser ça vers la droite, à droite. Et essayez simplement de vous assurer que c'est cercle C qui va obtenir ce coin et en faire un cercle. Et il suffit de voir ce cas d'animation. En tapant sur. Ce sera ce qu'on appelle. Revenons en tapant l'année des moustiques. C'est ce qu'on appelle l'animation automatique et on a mis sur l'assouplissement. Il devrait être dans, hors de la durée pendant laquelle vous l'avez mis en seconde. Maintenant, vous pouvez mieux le voir. Et la même chose ici, en les utilisant au second plan. Voyons ce qui se passe. Maintenant va être très intelligent parce que l'assouplissement était inconnu en ce moment, est allumé, est dans sa sortie. Très joli et très lisse. Vous connaissez maintenant les bases du prototypage. Je vais juste les sélectionner et les supprimer. Viendrons ici. Pour le prototypage. Je veux l'utiliser rapidement. Je vais juste tenir toutes ces choses et les faire glisser un peu vers la droite. Peut-être que je sélectionne tout et que j'apporte tout ici. Donc, pour le prototypage, je vais juste faire glisser ça vers la droite. Pour le premier, je vais simplement sélectionner tout cela et appuyer sur Commande ou Control G pour le regrouper. Lorsque vous groupez cela, je vais simplement cliquer avec le bouton droit de la souris et le faire glisser vers la droite. C'est vrai. Très intéressant. Donc, si je clique sur cette icône, je veux changer cette bannière et aller à droite. Cela signifie donc qu'il va faire glisser ça vers la gauche. Faites glisser ceci vers la droite. Très bien, cool. Cela va aussi vers la droite. Et l'opacité est en baisse. Ces deux-là arrivent au centre. Cela va vers la droite et les capacités diminuent. Rapidement. Au centre, veillez à sélectionner le réservoir droit sur Control and Shift Select. Contrôle Shift Select va vers la droite et opacité vers le bas. Mais celui-là, le contrôle sélectionne venir au centre. Peut-être avons-nous changé de couleur et peut-être changé cette couleur en violet également. Voyons maintenant l'animation. Si je clique sur cette petite flèche, vais vers la droite, à droite. Allons au prototype est sélectionné il fait glisser ceci vers cet onglet Plan de travail et ceci, l'animation automatique, la facilité d'entrée, facilité d'ouverture et six secondes, tout va bien. La même chose. Si je clique sur cette petite icône, y reviendrai. Le C arabe va se souvenir des paramètres précédents. Il suffit donc de le faire glisser vers la gauche, vers le plan de travail gauche et ça va fonctionner. Sélectionnez le bouton principal sur Lecture. Voyons si je clique dessus, voyons ce qui se passe. air très beau et très cool. Ce sera un beau curseur et tout va être compréhensible. Il suffit de regarder l'interrupteur et nous allons changer la notoriété des couleurs. Donc, la prochaine chose est que si je clique sur aller aux collections, celle-ci devrait venir sur cette page, la page de filtre. Très bien, je vais juste faire glisser ça vers la droite. Si je clique dessus et que je le fais glisser, mettez-le sur cette page, si la page fœtale, tout devrait aller bien. Maintenant, en sélectionnant le livre T, vous devez toujours revenir à la page d'accueil. Je n'ai donc pas besoin de le mettre animation automatique pour le moment parce que je ne cherche pas d'animation. Si vous ne cherchez pas d'animation, mettez-la toujours en transition. De plus, dans celui-ci, je ne cherche pas à animer automatiquement. Je suis à la recherche d'une transition simple. C'est bon ? Je vais expliquer chaque détail dans l' animation de destination et taper beaucoup de pratique. Mais à l'heure actuelle, nous connaissons les bases. Donc, si je clique sur Main et que je vais dans Collection, transition simple, revenons en arrière. Il suffit de faire une transition, non ? Nous devrions donc le client, si vous cliquez sur pour accéder à la collection, vous allez dans les filtres. Revenons au design. Quoi d'autre ? Nous n'avons pas besoin d' animer tout cela est compréhensible, c'est compréhensible. Il suffit d'animer cet arbre pour vous montrer comment il fonctionne. Sélectionnez ces trois grille de répétition et essayez de faire la grille de répétition. Je vais juste faire glisser ça et le mettre quelque part comme ça. En développant cette option, vous avez accès à ce groupe de défilement. Il suffit de cliquer dessus. Si vous cliquez dessus, nous obtenons deux poignées. Et je vais juste le ramener ici. Et ramenez-le ici. Animons cela et voyons ce qui se passe. Allez dans la plaque principale. C'est bon, et il suffit de jeter un coup d'œil. Je peux le faire glisser vers la gauche, je peux le faire glisser vers la droite afin de pouvoir facilement montrer mes clients comment fonctionne ce carrousel. Très bien, très joli. La même chose s'applique à celle-ci. Je peux venir ici et je peux l'étendre pouvoir le montrer à mes clients. C'est ainsi que cela fonctionne. Encore une fois, cliquez sur ce lien, il s'agit de poignées de niveau deux. Zoomons un peu. Viendrons ici. Zoomez un peu. Viendrons ici. Rejouons-le. Rejouons-le. Il est refroidi. Et vous voyez comment cela fonctionne. C'est très facile et très intéressant. Très bien, donc maintenant nous savons si une bonne étape d'approche, si nous sélectionnons cet onglet, simple transition, nous n'avons pas besoin l'animation qui passe par les filtres. 44. Créer des page de filtre de composant animée: Maintenant, animons ces parties. Cliquez sur le mode design. Dans cette partie, nous avons besoin de deux choses. Si je le sélectionne pour l' instant, faites-le glisser vers le haut. Une chose mal conçue, dissociez-la. Donc, peut-être autant, celui-ci le dissociera. Nous avons donc besoin de la ligne. Je veux changer ça avec celui-là. Parce que je veux l'animer. Je veux animer tout ça. Les copules sont ici et collez ça. Et essayez d'en faire une très petite taille. C'est vrai ? Cliquez avec le bouton droit, dissociez-le et supprimez-le. Et déplacez-les pour amener ça ici et mettez-les ici. Alors, animons ça. Maintenant, je veux sélectionner ce produit chimique sur G. Sélectionnez celui-ci Commande G et sélectionnez cette ligne de commande pour vous assurer que l'espacement est correct est de quatre, c'est bon. Maintenant, sélectionnez tous ces éléments et cliquez sur les composants. Il s'agit de notre état par défaut. Cliquez sur Signe Plus près des états, l'état le plus récent est activé. Je vais juste appeler PDF. Cela signifie que nous cliquons sur PDF. Si vous sélectionnez le PDF, tout va être reculé. Ecoutez, c'est le PDF de l'état. Nous sommes à l'intérieur. Maintenant, maintenez le contrôle enfoncé et sélectionnez cette option désactivée. Le champ doit être bleu et tout reste doit être blanc. Sauf celui-là. Nous réduisons l' opacité autour de 15. Et ce To, devrait être, cette couleur. Doit être blanc et pauvre il y a cette couleur. Animons donc ce décor à l'extérieur. Cliquez ici. Il s'agit d'un fichier pdf et c'est l'état par défaut. Je vais en prototyper un. Je sélectionne celui-ci, je comprends que ce handle est déjà groupé dans le PDF. Je veux donc choisir le PDF, suffit de double-cliquer dessus pour composant et la propriété par défaut est la façon dont il fonctionne. Nous double-cliquons dessus et vous double-cliquez, vous obtenez ceci. Et l'animation de tabulation, le mettre sur animation automatique est une facilité de sortie et six secondes, mais la destination est PDF. Maintenant, sortons. Sélectionnez à nouveau. Maintenant, si nous sommes en mode PDF et que nous devons cliquer à nouveau sur la couverture rigide, c'est ce que vous faites. Si vous sélectionnez la couverture rigide, double-cliquez dessus, nous pouvons simplement gérer cela signifie que l'animation sera active. Va à animer. La destination est par défaut. State en ce moment est une facilité et six secondes, sortons voir comment ça marche. Cliquez sur la plaque filtrante. Cliquez donc sur saut, saut. J'ai l'air bien. Peut-être que ça va être un peu rapide, non ? Essayons de le rendre un peu plus lent. Je vais donc passer en mode PDF et le mettre en 1 seconde. Remettez-le dehors, cliquez ici, état par défaut. Cliquez sur cette icône ici et mettez-la sur 1 seconde. Très bien, passons au jeu du chargeur Design. Par défaut. Je l'ai maintenant, c'est un peu mieux. Je peux donc choisir celui que je veux. Je peux l'ajouter au panier. Maintenant, ce qui est cool à ce sujet, si je sélectionne tout cela et que je maintiens la touche Maj enfoncée et que je sélectionne celle-ci. Bien joué la grille de répétition et peignez-la. C'est vrai ? Et encore une fois, allez vous mettre dans une assiette. Tout cela va être animé. Effecte le refroidissement par Repeat Grid et le composant. Ils fonctionnent donc tous correctement. C'est de l'héritage. C'est que je vais juste ajouter ça à mon panier. 45. Catégories de livres Ajouter à l'animation des cartes Hi Fi: L'autre chose que nous pouvons animer ici est celle-ci. Sélectionnez celui-ci, cliquez avec le bouton droit de la souris et dissociez-le. À l'heure actuelle. Maintenant, il suffit d'appuyer sur Commande ou Control G pour le regrouper. Ils sont tous sélectionnés. Changez la couleur en gris. Et nous sommes dans la bande dessinée. Il y a peut-être une page intitulée Comics. Si ce n'est pas le cas, créez une bande dessinée, c'est comme des bandes dessinées. Nous sommes donc dans la page des bandes dessinées. Il devrait être différent des autres pages, n'est-ce pas ? Donc la couleur devrait être sur 20, peut-être un peu trop. 16 ans, peut-être un peu audacieux. Et bleu. Et juste un pourboire. Je vais donc simplement appuyer sur Command Control G pour le regrouper. Maintenant, quelle autre option pour copier cette page Victor. C'est vrai ? Maintenant, si je clique sur la fiction, c'est ce qui va se passer. La bande dessinée remonte à 14 ans revient à la même couleur. Et aussi un radiateur. La fiction va être audacieuse et elle va être, regardez, c'est vrai. Mais lorsque nous cliquons sur la fiction, ces derniers ou devraient changer le climat, celui-ci devrait être de la fiction. Fiction, c'est ça ? Je vais donc juste changer la couleur. Peut-être que nous nous battons contre cela pour qu'il puisse voir la différence que nous changeons quelque chose. Passons donc au mode prototype. Si je clique et que je fais fiction, maintenez le contrôle enfoncé et que je clique, nous obtenons cette poignée filaire de lettre. Faites-le glisser vers la droite. Je voulais aller animer, je suis dans les nouvelles. Et six secondes, si je clique sur la bande dessinée, revient à la bande dessinée. en va de même pour l'autonomie des onglets. Et c'est tout. Allons-y jouer. Si je clique sur fiction, je vais présenter des sections. Tous ces livres vont changer la fiction comique qui revient. L'autre chose est Ajouter au panier. Si je clique dessus, que va-t-il se passer ? Nous avons un autre exemple de gars de composants. Il suffit de le dissocier. Si je clique dessus, ces deux-là sont sélectionnés, n'est-ce pas ? Et un composant ajoutant un nouvel état, un état auquel déposer une succession. Cela va être la couleur devrait être changée en vert. Et cela va être ajouté au panier. C'est vrai ? Accédez à l'état par défaut, accédez au port, au type. Double-cliquez dessus. L'animation est que tout va bien. Cela va être état à état, pour double-cliquer dessus jusqu'à la destination. Nous faisons l'état par défaut, revenons à l'état par défaut. Et maintenant, je peux tout simplement sélectionner à nouveau, Répéter la grille et revenir en bas. Bien, un filtre. Contrôle Entrée. Donc, ça marche, non ? Je veux qu'une couverture rigide puisse ajouter à mon panier et l'ajouter au panier. Retournez en arrière. J'avais que la carte peut utiliser la même chose pour celui-là. Et celui-ci peut ajouter que celui-ci est un gardien. C'est donc l'animation cool et très intéressante. Et cela fonctionne également. Fictions. BD. Retournez en arrière et faites l'animation. C'est vrai ? Lorsque nous faisons l'ajout à l'animation, nous pouvons également, dans le monde réel, ajouter le 1 à cela. Il y a une icône de panier ici, ma carte le panier, que nous allons le faire dans le design final. Mais pour l'instant, vous connaissez les bases. Ceci est donc ajouté au panier. Si je clique dessus, liez-le à la page de mon panier. instant, pour l'animation. 46. Terminer la prototypage et l'animation Hi Fi: Je vais choisir celui-là. Si je clique dessus, que va-t-il se passer ? Il va sur cette page. Je vais juste faire glisser ça et le déposer ici. Rapprochons ça. Donc, cela anime cette page. Si je clique dessus, que va-t-il se passer ? Je vais sur une seule page. J'aime appeler l'art. Également. Nous l'avons déjà fait. Vous voyez à quel point c'est cool ? Les composants. Tout est agréable et lisse. heure actuelle, nous allons ajouter à l'option panier. Il va revenir ici. Il suffit de double-cliquer dessus, de le copier et de l'amener ici. C'est peut-être un peu petit. Mais il n'y a rien que nous puissions faire pour résoudre ce problème qui va être très difficile de modifier cet état par défaut. Revenons-y très rapidement. Il suffit de regarder un composant près de l'état. Donc le nouvel état, celui-ci va être et il suffit de taper ajouté au panier. Et c'est tout. Passons au prototype et à la réalité virtuelle animée par défaut, double-cliquez sur l'état. La destination doit être d'état à état pour double-cliquer. destination doit être par défaut. L'état est appelé la page de bande dessinée. Et essayons de faire l'animation. Cool. Si je clique dessus, quelque chose va juste apparaître ici. Une fois encore. Ça va être très intéressant. Allons à Design. Je peux y ajouter un signe plus. Il s'agira également de E. Sélectionnez toutes ces commandes Control G pour le regrouper. Cliquez sur le composant plus signe proche de l'état, un nouvel état. Ce sera le numéro 2. Et cela va aussi être totalement désaffecté. C'est vrai ? Revenons donc à l'état par défaut. Si nous sommes sur l'état par défaut et double-cliquez dessus. Je clique sur ce double-clic. L'état par défaut doit être dans l'état 2. Et si je clique dessus, définissez l'état deux et obtenez le bonbon est double-cliquez. Nous choisissons que la destination soit l'état par défaut. Voyons ce qui s'est passé. Jeu de bande dessinée. Moins 1, 2. Vous voyez ce panneau. Cela signifie que vous devez le faire plus rapidement. Ici. Si nous sommes dans l'état par défaut et que nous cliquons sur cette destination devrait être de deux secondes. Et encore une fois, sortez et cliquez sur état pour sélectionner celui-ci, la destination doit être sur le deuxième clic. Et nous y voilà. Moins plus, plus. Ajouté au panier va être comme ça. C'est ainsi que nous l'animons. Il va nous dire quelque chose comme ça. Signer plus et ajouter au panier. Et l'un d'eux va apparaître ici et nous verrons les commentaires. Tout fonctionne correctement et nous devons fixer cette pièce avec le design. Si nous sommes dans l'état par défaut. Cela va donc arriver à cette partie. Cela signifie donc que nous devons choisir cette option. Et nous devons faire quelque chose comme ça. Et nous pouvons ajouter quelque chose qui s'appelle More. Si vous cliquez sur Plus, pouvez voir plus de cet avis client. Encore une fois, la même chose. L'icône ici. Apportez bien ça. Avant cela, je vais juste aligner ça en premier. Ensuite, je vais jouer avec ça jusqu' à ce que nous obtenions un effet très cool et intéressant. Très bien, ça va être notre page. Retournons à l'école en bas. C'est donc ce que nous faisons. Nous arrivons sur cette page et nous utilisons peut-être la couverture rigide. Nous l'avons déjà fait. Nous changeons le produit. Nous voyons le titre pour voir le client l'évaluer. Nous voyons les livres connexes que nous pouvons ajouter, nous pouvons en voir plus, nous pouvons voir plus d'avis. Et nous pouvons voir cette recommandation. Très cool, très intéressant. Et c'est tout. Ils y ajoutent plus, Ajouter au panier. Maintenant, nous avons le silicone, le panier, quelque chose qui arrive dans le panier. Donc, si nous sélectionnons le panier, vous allez sur cette page, mais le transitoire doit être Type Transition. chose est, je pense que je vais vérifier si je clique sur ce prototype d'état par défaut. Maintenant, il s' agit d'une transition. C'est pourquoi c'était une belle animation. Sélectionnez cette option, consultez l'état par défaut. C'est là que vous voyez les 12 chiffres, non ? Je vais juste sélectionner là-dessus pour essayer et ça devrait être animé automatiquement. Sortons, cliquez à nouveau pour rester au type. Si je clique sur le bouton Moins, le type passe à l' animation automatique, animez-le à nouveau. Si c'était bizarre, nous voyons les 100 voir bien de nos jours à l'animateur Autonoma va régler cela. Mais c'était en transition. Même celui-ci est en transition, je suppose. Laissez-moi voir. C'est une transition qui devrait pouvoir s'animer. L'état par défaut est l'animation automatique. Reprenons la bande dessinée au chariot. Plus intelligent. Joli. Donc, si nous cliquons sur ce disque, il y aura des transitions car nous n'avons pas besoin d'animation. Transition et rendez-vous sur cette page et vous allez au paiement. Et à la fin, nous passons au suivi des expéditions. Si je clique sur le paiement, le suivi de l'expédition, cliquez sur T book. Nous revenons à notre page principale et ce sera une transition. Cette transition sélectionnée est connue dans l'animation. Celui-ci, sélectionnez la transition de ma voiture. Cela signifie donc que lorsque nous aurons fini, quelque chose qui va venir ici. Donc, c'est comme deux ou le panier est plein. Lorsque nous cliquons sur le panier, nous arrivons à cette page et nous voyons le sous-total. Vous pouvez cliquer sur le paiement pour être payé. Après le paiement, nous voyons livraison de notre expédition et toutes les informations. Et quand il est livré, c'est très bien. On peut tout revenir au livre T book. Il fonctionne parfaitement. Nous pouvons voir toutes les animations et les derniers livres. 47. Enregistrez votre prototype et votre contrôle final: Avant d'envoyer cela à notre client et de recevoir des commentaires, nous essayons de tester cela et d' obtenir des commentaires de la part de quelques amis. ai envoyé ceci à des amis, peut-être cinq ou six amis, et demandez-leur, si vous comprenez bien cela ? Il faut qu'ils l'obtiennent. C'est donc quelque chose que nous devons simplement enregistrer. Une fenêtre Alt R va enregistrer cette page, les gars. Windows Alt R est donc un enregistrement de cette page. Ensuite, vous pouvez l'envoyer à des amis. Lorsque vous recevez des commentaires. Lorsque nous avons fait quelques tweets et quelques critiques rapides, quelques changements dans la conception et le texte. Vous pouvez l'envoyer au client et obtenir des informations. Vous pouvez demander au client son vrai nom, ses livres et quelques mots, vocabulaire, phrases, tout ce dont vous avez besoin dans ce processus. Quant à la page À propos de nous et beaucoup de choses. Et même la page À propos de nous peut également être animée. Si nous revenons ici, nous avons quelque chose qui s'appelle À propos de nous. Maintenant, il va faire glisser ceci et le mettre sur la page À propos de nous. Cliquez sur celui-ci. Faites glisser ceci sur cette page et laissez refroidir. Donc, si je vais ici, descends. Si je clique sur la page À propos de nous, je vais aller sur À propos de nous. L'autre chose que nous pouvons faire ici, c'est celle-ci. Je peux cliquer sur cette petite icône ici et sélectionner tout cela droit, cliquer avec le bouton droit et la placer au premier plan. Et la position fixe, puis le défilement, c'est ce qui va se passer. Si je l'ai revu lorsque vous faites défiler, tout se passe en dessous, n'est-ce pas ? Et il s'en tient au sommet. Il y a beaucoup de clients qu' ils nous ont demandé de le faire. Et nous pouvons aussi simplement cliquer dessus et venir. Si vous êtes en mode Création, cliquez sur cette petite icône ici. On va juste gratter ça à gauche. Et je peux aussi trouver des ombres drop-shadow. Drop-Shadow va être bon pour celui-là. Ecoute, mec, je suis là, vois l'ombre portée. Donc, le courant ne va pas être combiné et il a l'air professionnel, n'est-ce pas ? Nous avons donc toujours accès au menu de la barre supérieure. Il y en a certains qui nous demandent de faire cela. C'est pourquoi je dois vous dire que la position fixe fonctionne de cette façon. C'est vrai ? Maintenant, nous avons déjà fait notre prototypage. Cliquons là-dessus. Une fois encore. Il va venir ici. Revenons en arrière. Faites défiler vers le bas Il s'agira d'un rouleau ou d'un carrousel. Carrousel. Très joli. Allons voir les collections, fictions et les bandes dessinées. Nous allons PDF et relié. Il fonctionne au travail de la carte. Et cliquons sur cette page pour aller à l'intérieur. Baissez ça. J'y suis peut-être allé aussi. Je veux peut-être voir les détails du produit. Très joli. Carrousel celui-là. Ou je veux avoir ces livres à la cour. Cliquez maintenant sur le panier. Parfait. Payez pour cela et consultez l'expédition de livraison. 48. Le secret de choisir les couleurs - Guide d'émotion des couleurs pour créer un système de concep: Comment choisir les couleurs pour notre design Web et mobile. Avant de choisir la couleur, nous devons comprendre la couleur, émotion et la couleur du logo de l'entreprise. L'entreprise possède ce logo. Cela signifie qu'ils ont déjà un coin principal. Donc la plupart du temps vous avez la couleur, mais vous n'avez pas tweeté, peut-être que cette couleur peut être modifiée de cette couleur. Je vais vous expliquer. Avant ça. Imaginez qu' il y ait une entreprise qui n'a même pas de logo. Vous devez donc les suggérer. S'il y a un livre, cela signifie que la confiance est que la créativité est follement imaginative. La combinaison de bleu et violet va être de la même couleur. Allons sur un site comme celui-ci. L'Amazon, ils ont conservé le titre, signifie la bannière. C'est la même couleur que cette couleur. Cela veut dire, mais celui-ci est un peu plus léger. Revenons en arrière. Donc ils devraient aussi avoir la même couleur ici, nous avons quelques couleurs. Vous devez donc visiter un site Web et obtenir des idées. Peut-être cette couleur, peut-être décolorée. La plupart des couleurs sont donc un peu sombres, ont de la teinte, ont de l'obscurité. Revenons donc à Amazon, comment ils ont créé ces couleurs. Il y a un site Web appelé mon point de couleur c'est l'espace, non ? Revenons ici. Imaginez que j'ai cette couleur. C'est la couleur principale, non ? Je vais juste copier ça. Le principal type de l'entreprise, les habitudes déjà ou l' une de ces couleurs. Ça n'a pas d'importance. Je le cherche, peut-être décourager la même couleur que cette couleur. Vous choisissez un courant comme vous pouvez le rencontrer. Cela n'a pas d'importance en fonction de ce que fait exactement l'entreprise. Nous avons donc besoin de cette couleur pour ce triangle et il suffit de la remplir avec cette couleur. Et c'est de la couleur, il suffit de le copier. Contrôle C. Revenons à ce site Web, Control V, et de la même couleur, il suffit de cliquer sur Générer. J'ai donc mis ma couleur principale ici et clique sur le site Web Générer dans Michel Wedel Espace. Maintenant, nous obtenons ici beaucoup de génération de couleurs cool. Il s'agit d'un dégradé générique. Il s'agit d'un dégradé assorti, d'une palette de points et bien plus encore. Nous pouvons donc utiliser cette palette. La première est votre couleur principale, et la seconde, la troisième, et il y en a beaucoup, non ? Mais en gros, nous choisissons trois couleurs la plupart du temps, non ? C'est notre couleur principale. Celle-ci pourrait être notre deuxième couleur, mais nous devons la traiter, nous avons le changement un peu. Alors, comment le faire ? Je vais juste copier ça. Je vais juste venir ici et dupliquer ça. Et encore une fois, je vais juste mettre cette couleur ici et obtenir et générer. Donc, j'arrive à quelque chose comme ça, non ? C'est donc la couleur qu'ils ont déjà ici. Regardez, c'est la couleur, donc c'est comme ça qu'ils choisissent la couleur. Mais bouton d'appel à l'action, nous avons besoin de quelque chose de plus pop pour qu'ils puissent le voir davantage. Il va donc venir ici. Je vais juste faire glisser ça comme ils ont copié Control V. Donc c'est la couleur qu'ils ont. J'ai donc joué avec ça. Je sais déjà que ça me plaît. C'est ce qu'on appelle DCG. Laissez-moi revenir ici. Cet autre site Web appelé hexa actuel signifie que nous pouvons mettre cette couleur ici en couleur hexa qui vient. Appuyez sur Entrée. Vous avez beaucoup d'options. Vous obtenez les alternatives. Et peut-être que je vais exempter comme ça, non ? C'est de couleur rose, quelque chose de plus pop. Mais je sais déjà que je veux quelque chose qu'on appelle une bonne couleur rose. Et c'est la couleur que je connais déjà. C'est un peu rose, mais il est ombré. Cela signifie un peu d'obscurité ajouté à ce rose. C'est donc d 71868. J'ai choisi cette couleur et une périhélie, non ? C'est donc mon deuxième commentaire. C'est donc ma couleur principale. L'entreprise l'a déjà fait. Cela signifie créatif, le même genre d' entreprise, ils choisissent la même couleur. Quoi d'autre ? Revenons ici. Et cela va devenir une troisième couleur, exactement comme Amazon. C'est donc encore cette couleur de matériau. Donc, d'abord, celui-ci, je l'ai changé pour une couleur plus pop comme le rose. Et celui-ci va être orange. Crime au troisième col. Nous n'avons donc que trois couleurs. Alors, comment les appliquer ? Il y a une règle appelée les 60, 30, 10, 60 pour cent qui va être notre arrière-plan. Maintenant, vérifiez ça. Ici. 60% va être cette couleur de fond, n'est-ce pas ? 60 %. Les 30 % seront des éléments ou ici, du texte ou des photos. 10 % sont appelés à agir. C'est ce qu'on appelle l'appel à l'action, n'est-ce pas ? est donc 60 % de l'arrière-plan. C'est ce que nous allons faire. Et la téléprésence peut être des éléments de photos ici et de textes, et 10% d'appel à l'action. Et c'est ainsi que nous appliquons. C'est vrai ? Revenons maintenant à notre conception. Si vous voulez connaître la signification de la couleur, il suffit de rechercher dans Google Color Signification. Et ça peut obtenir beaucoup de choses. Le violet est luxe, ambitieux, indépendance, mystère. Il y a un sens deux couleurs, non ? Ainsi, lorsque vous choisissez vos couleurs, vous pouvez créer quelque chose comme celui-ci. J'appelle ça un système de conception. J'ai mis le site Web de district et ma couleur qui est l'espace corréler adobe.com et couleur hexadécimal. Permettez-moi de montrer qu' adobe.com aussi. Comment ça marche. On peut mettre cette même couleur, comme peut-être celle-ci. Copions ça et mettons-le ici. Eta. Ensuite, vous pouvez choisir l'analogique E1. monochromatique est tout de même. Il suffit donc de le coller à nouveau. Donc, tous monochromatiques. Alors choisissez quel cardio comme triade, couleur complémentaire, ils sont opposés, juste collés, voyez le contraire de jetés. Il peut être décoloré. Et il y en a beaucoup plus. Mais ce qui est génial , c'est le bouton Explorer. Cela signifie que je peux rechercher si j'aime une couleur rose et ajouter des lignes. Ou si j'aime les rangées sombres, peux juste tourner les rangées sombres. Il suffit de cliquer dessus. Et vous obtenez beaucoup de palette de couleurs cool. Il suffit de jeter un coup d'œil. Magnifique. Et vous pouvez simplement cliquer dessus et copier simplement la couleur que vous aimez vraiment. Venez dans Adobe XD. Et nous y voilà. Il suffit de le coller. Et c'est votre voiture, par exemple. Je n'ai pas besoin de celui-ci. Nous avons déjà notre couleur, est-ce pas ? Ce qu'il a mis ici. La couleur principale, la couleur rose du bois foncé et la couleur jaune, comme celle d'Amazon. Le jaune était celui-ci, mais j'ai ajouté un peu de teinté, faites-le glisser un peu vers le bas pour obtenir la même couleur. Je me disais donc qu' un peu sombre est peut-être meilleur que celui-ci. C'était donc trop lumineux pour moi. Donc, pour chaque couleur réduire l'opacité, obtenir une deuxième couleur de cette couleur sera peut-être utile pendant la conception, non ? Et aussi, nous avons la couleur noire et le gris et la lumière. Greg va être utile pour beaucoup de choses, surtout pour ce genre de frontières. C'est vrai ? À la fin, j'ai mis le sens de chaque couleur pour que l' érudit signifie quelque chose. Vous ne devriez pas vous tromper avec la couleur de Jakarta. J'ai expliqué pourquoi nous utilisons ces retraits et pourquoi nous utilisons ce type de couleur jaune. Et qu'est-ce que cela signifie ? Chaque couleur a donc une signification, vous devez donc la chercher. 49. Ajouter des couleurs à la palette de couleurs: Il est maintenant temps d' ajouter ces couleurs à notre bibliothèque ou à nos ressources de couleurs. Nous devons ajouter ces couleurs à la palette de couleurs. Je vais juste créer quelque chose comme ça. Pas de bordure et cette couleur. Ou je peux simplement les copier. Aucune différence. Venez ici, double-cliquez et collez-le. Donc, la même chose. Je dois faire deux choses, clinique et le sentiment, je n'en ai pas besoin. Faites glisser ça vers l'extérieur. Il suffit de cliquer sur ce signe plus. J'ai cette couleur principale. Et j'ajoute aussi ce signe plus. Je l'ai ajouté. Ce sera donc ma couleur principale. Vous pouvez toujours nommer cette couleur principale. Maintenant celui-là, donc celui-ci est sélectionné. Cliquez sur la pipette pour obtenir une couleur plus claire. Cliquez dessus, plus léger, et cliquez également sur ce signe plus. La même chose se produit, et c'est le signe couleur plus. Et aussi ces soins intensifs subtils. Maintenant, je vais juste faire glisser ça vers le bas. La même chose avec celle-ci. Ça s'éleverait, je vais juste copier ça. Sélectionnez celui-ci ici. Cliquez sur le signe plus. Et je vais aussi ajouter celle-ci, appeler cette rose, puis cliquer sur la pipette. Celui-là. Ce sera notre palette de couleurs. N'importe quelle autre couleur ? Vous pouvez peut-être modifier l'opacité. Juste ces couleurs. 50. Comment trouver les meilleures polices pour notre site Web: Très bien, il est temps de parler de quelque chose de très important. Comment trouver la bonne police pour notre site Web. La meilleure façon de le faire est celle-ci, les gars. Par exemple, allons sur Amazon et installons ce plugin appelé Font Finder. Type. Font Finder aura l'extension Chrome et dans un solide va être comme un t. Très bien, donc quand vous êtes sur un site Web et que vous cliquez sur cette icône ici, je peux mettre ma souris dans n'importe quel texte que je veux connaître. Par exemple, quel est son titre ? Si vous cliquez dessus, il vous indiquera que la taille de la police est de 28 pixels. Je savais donc que j'appréciais cette taille de police. Je vais utiliser la même chose. Quelle est la famille de polices ? La famille de polices est Ariel et Amazon Ember. Donc, fondamentalement, ces zones sensibles. Donc, la plupart du temps prend pour Arial. Et ici, celui-ci est à huit, et c'est normal. Le poids de la police est normal. Ce n'est pas audacieux. Encore une fois, on va juste fermer. Et qu'en est-il de celui-ci ? Cela ressemble aux deux. Il voit, si je clique sur Suivant et que je clique dessus. Le poids de la police est de 700, ce sont donc les deux. Donc 400 c'est normal, 700 c'est les deux. Qu'en est-il de la famille de polices, c'est encore une fois, Ariel est la taille de la police 28. Qu'est-ce que c'était ? Ce soir aussi ? Donc 28, normal, 28, audacieux pour les catégories en vedette. Et qu'en est-il de celui-ci ? Et qu'en est-il de ces chiffres ? C'est le savoir, nous allons taper ici et peut-être que ce nombre sera de 21 pixels et normal. C'est ainsi que nous découvrons tout. Donc, si nous faisons des allers-retours lorsque vous concevez quelque chose et que parfois nous ne savons pas, vous pouvez y retourner pour trouver la meilleure chose pour notre site Web. Encore une fois, créez quelque chose comme ça. 51. Comment créer un style de personnage pour votre design: Je vais juste taper quelque chose comme ça. Jouer. Un. Apportez-le ici. Maintenant, la couleur que nous voulons utiliser sera cette couleur foncée, la couleur principale, n'est-ce pas ? Je vais juste sélectionner l'Asie. Et je ne le fais pas non plus, l'espacement devrait être 0. Et c'est le cas, l'espacement est, plupart du temps, le biais est de 16. Et 16 et son Fourier est à partir de 48. Donc, je vais juste aller huit heures. La Fonda est Helvetica. Je vais juste le mettre dans la zone pour l'instant. Nous créons donc tous ces éléments, a une superficie de 484044 et le 14 est le moins. Créez ensuite les 1234 meilleurs carbones. J'ai donc ce présentoir. La quatrième voie est 400 et cela signifie que c'est régulier celui-ci. ai donc sélectionné et je clique sur le style de personnage. Et c'est tout. Donc, si je tape quelque chose comme celui-ci, bonjour, changez la couleur. Ceci. Changez également cela pour boulonner et calmer. Oui, comme ça. Si je les sélectionne, cela arrivera, va changer exactement à la même chose. Ainsi, cette zone 48, cette zone 48 peut également être audacieuse et régulière. Alors maintenant, je vais le mettre sur n plus k, et bien, vous pouvez voir aussi petit, n'est-ce pas ? Donc, encore une fois, je le mets régulièrement. Cette fois, 40 ng-click. Vous pouvez voir cette zone de 40, n'est-ce pas ? C'est donc ce que nous faisons. Cela va être 40 en gras. On y va. Donc avant, avant, ce sera celui de Poppins. Nous ne l'utilisons donc pas. Maintenant, on y va 36. 36. Maintenant, mettez-le régulièrement. Et signe plus. Je vais devenir audacieux. Il peut plus signer. Donc, les gars, j'ai tout mis de 48 à 14 ans. Audacieux et normal ou régulier pour la zone ou sont réguliers et boulons. Qu'en est-il des marionnettes ? Nous en présenterons un et deux pour les marionnettes, 48 et 40 et 44. Essayons. Je vais juste cliquer dessus. Je vais juste taper. Poppins est une police Google est gratuite pour taper chiots dans la police Google et la télécharger. Il suffit de taper Google Phone Poppins. Et si vous cliquez dessus. Maintenant, téléchargez la famille. Et cette taille devrait être 4848 normale, ou 48 extra légères. Et un signe « plus ». Ça va appeler ça Poppins, qui est Poppins. Et ici, tapez simplement afficher un. C'est vrai ? Et la même chose peut aussi être des gars à boulons. Regardez, affichez-en un, qui est les deux. Ce faisant, nous économisons beaucoup de temps et de confusion pendant le processus, les gars. Alors, assurez-vous de le faire d'abord. La prochaine, c'est que j'essaie de faire le Fourier que 44 parce que c'est le premier. Très bien, maintenant nous avons créé nos personnages et nous découvrons nos visages de type. 52. Concevoir la barre de menu du site: Je dois commencer à concevoir. Nous avons déjà le design haute fidélité, n'est-ce pas ? Je vais juste faire défiler vers l'arrière et maintenir Alt et simplement le faire glisser et le déposer ici. Très bien, appuyez sur Commande ou Contrôle D pour le dupliquer, car je veux également la grille. Donc, si je clique ici, je peux obtenir la disposition de ma grille. Maintenant. Je n'ai besoin de rien d'autre. Maintenant, je vais tout supprimer. Vous voyez donc à nouveau comment nous pouvons concevoir à partir de zéro. C'est une histoire qui, en concevant, je vais juste dessiner une boîte ici. Je clique sur un rectangle et je vous fais venir ici. Le total, n'est-ce pas ? Maintenant. Donc, vous le faites glisser vers le haut et voyez quelle sera la règle de la terreur. Je pense donc que c'est bon. C'est vrai. La plupart de ces éléments vont donc faire partie de la vidéo que le véhicule va juste montrer. Pour l'instant. Ce que je vais juste changer cette couleur par la couleur principale. Et il y a autre chose. Je vais juste faire glisser ça vers le bas pour cette partie. Je cherche un très, très, très bien que celui-ci ait une frontière. Il n'est pas nécessaire d'avoir cette frontière comme frontière. Je vais utiliser une couleur plus claire, mais je n'aime pas cette couleur. C'est ça le truc. Donc je vais juste monter et je vais juste traîner ça jusqu'à ce que j'obtienne quelque chose de très cool. Je vais donc simplement le faire glisser pour qu'il soit très bas, couleur claire, mais nous devons le rendre plus léger car nous devons mettre un texte. Peut-être qu'une prise sombre peut être quelque chose comme une bonne livraison. Et peut-être que ça va être 20 ou 40 ans. Le contexte devrait donc être plus lumineux. Revenons ici. Cela va être notre contexte. J'essaie donc de changer cela par quelque chose de très, très léger, ceci. J'aime donc cette couleur. Je vais juste le copier. Je vais juste compter ce subtil clic droit édité et le coller ici. C'est donc essentiellement ce que nous faisons. Alors venez changer la couleur. Alors, laissez-moi venir ici et édité. Je peux peut-être être un peu plus. Ce type est très léger. Si j'y retourne, j'ai aimé ça, donc je vais le garder pour l'instant. C'est ainsi que nous travaillons pour contourner ce problème. Et qu'en est-il de la première ligne ? Nous avons certains comme ceux-ci, ce livre T la taille et tout. Mais essayons. Je vais juste apporter cette année comme référence. Et cela a commencé à concevoir cela. Donc, la plupart du temps, il y a 17 et 20 ans. Ici. Santi dedans. Si vous voulez concevoir quelque chose comme ça. La largeur doit donc être de 17, 20, le rayon de bordure doit être de 16. Et nous jouons avec la hauteur. Nous commençons à concevoir IE ou six fois. Appuyez sur 1, 1 e et appuyez sur Entrée. Ce sera donc notre gris clair. Nous pouvons donc toujours changer cela pendant nos gars de design, non ? Je vais juste cliquer ici et venir ici. J'ai besoin de cette icône. Et je vais juste le mettre ici. Je vais juste sortir de cette boîte. Alors cliquez dehors, venez ici et mettons-le ici. Et la couleur principale. Bien, je suis juste en train de vérifier. Alors mettons tout ici d'abord, puis adoptons des idées. Ici, nous avons besoin de quelques icônes qui sont toutes identiques. Passons donc à vos fichiers et cliquons sur Material, Icone Google. Ouvrez-le. Je cherche le cœur et c'est deux. Et aussi le panier. Et nous allons le copier. Retournez ici. Et en haut, je vais créer un plan de travail. La même taille. Et tout ce que je ne fais que copier, je vais l'apporter ici. Dissocions ça. Ensuite. J'ai une collection très cool et je ne vais pas les perdre. Pour l'instant. J'ai les trois. Revenons en arrière. Ce dont nous avons besoin d' ici, de l'audio. Je n'en ai pas besoin. Parce que nous cherchons peut-être les principales icônes que nous utilisons toujours. Fichiers d'édition à télécharger, peut-être pour image. Et copions-le, revenons ici et collons-les ici. Ça pourrait fermer. On y va. On y va peut-être. J'ai également besoin de l'icône de partage. Voyons si nous pouvons trouver cela. Copiez-le. Retournez en arrière. On y va. Il va l'amener ici. Donc, tout devrait être le meilleur. Je vais juste les sélectionner tous et les rendre égaux et égaux. Très bien, maintenant que j'ai ces icônes, je vais juste appeler ces icônes. peux donc toujours venir ici et trouver mes cartes postales. Pour l'instant. J'ai besoin de celui-ci. Très bien. J'ai besoin de chercher une icône, je suppose aussi. Revenons en arrière et retrouvons l'icône de recherche. Ici, on y va copier. Il va comparer ça qui, je crois, c'est mieux. Je n'aime pas celui-là parce que la poignée est plus petite . Je vais juste la copier ici. C'est bien. Gardez ça ici. Joli. Cœur électro. Et allons-y et apportons aussi leur panier. Mais le panier est rempli. Vous devez avoir quelque chose de très similaire. Alors dix de ce champ, allez à la bordure et cliquez sur cette icône, comme celle-ci. Il s'agit du champ de blé et d' un chercheur affilié. Maintenant, comment faire le même coup ? Je vais juste cliquer dessus. Peut-être deux. Je crois trop. 1,5 mieux. Et j'étais un peu proche. Maintenant, je peux juste l'apporter ici. Et il suffit de le reprendre ici et de faire face. Le personnage. Ou l'utilisateur. Rendez-vous sur Napal pour ajouter un visage ici, allez dans Filtrer les faces de l'interface utilisateur et une photo de sélection d'écran. Je vais juste choisir ce type, appliquer et l'apporter ici pour que je puisse mettre le nom, comme l'amener ici. Et revenons à notre bibliothèque et à nos panneaux de ressources. Et ici, je cherche ce genre de choses. Si je reçois, en tant qu'utilisateur, que devrait-il être ? Quelle est la couleur dont j'ai besoin ? Je peux toujours aller ici sur Amazon et je cherche quelque chose comme ça. Je veux dire, ça peut appuyer sur T et je vais juste venir ici. Et voilà. Cette taille est de 14 pixels. C'est bon ? C'est donc ce que je vais aller et c'est normal. Donc, nous allons juste y retourner. Je veux mettre cette passe 14 normale pour pouvoir mettre n'importe quel nom. Voyons donc voir. Donc, les arts, donc c'est cool. Nous n'essayons donc pas de deviner quelle est la taille. Recherchez toujours différents sites Web, les principaux sites Web, le célèbre site Web, afin qu'il puisse avoir une idée de la taille de la police. Maintenant, souvenez-vous simplement de cela. Ne vous contentez pas de mettre n'importe quelle taille à votre désir. De quoi d'autre avons-nous besoin ? Nous avons besoin de cette petite icône ici pour le profil pour que je puisse cliquer dessus, il peut être déroulant. Allons-y ici. C'est ce dont nous avons besoin pour le copier. Apportez-le ici. Collé. Joli. Changez la couleur. J'ai pu entendre, qu'est-ce que nous avons un filtre ? J'ai changé d'avis. J'ai essayé de concevoir quelque chose comme ça et de le rendre gris clair. Encore une fois, n'est-ce pas de l'Argon ? Oui, peut-être que je peux le rendre gris ou honteux ou je peux juste y ajouter cette lumière. Voyons quelle est la couleur. Je vais juste le copier. Je veux l'avoir dans mes échantillons, non ? Je vais juste le coller comme six, 1, 2, 3, 4, 5, 6 comptoir et l'ajouter et l' apporter ici. Donc, c'est tout le diable. Qu'en est-il de celui-ci ? Donc, ce n'est pas correct. Ils sont donc bien. Mais regardez la casquette. La casquette devrait être autour de lui. Parce que tout est arrondi dans notre design. Ici, nous avons Filter. Donc je vais juste taper quelle est la taille de l' effet qui revenons à cela et je vais juste vérifier que ça va être à nouveau 14, IT est le même que celui-ci. Revenons en arrière. Je vais juste mettre ces 14, y retourner. Je peux aussi rendre ça un peu plus petit. Cela peut donc être plus logique. Vous ne concevez jamais et ne le sélectionnez jamais. Cet espacement agréable et plus important à aligner sur la décomposition. Si vous voyez quand vous en faites un petit, cela arrive parfois, les gars. Je veux dire, parfois certaines de ces choses vont manquer. Et parce que ce côté arrive à un petit point, c'est ce qui va se passer. Est-ce que je sais que nous avons ici, que nous avons des recherches. Allons en haut du filtre gris, couleur principale. Maintenant, passons à la commande Home Control Enter. Nous pouvons donc voir le sommet. Voyez à quel point c'est cool et beau. Joli ? Il est au centre, de nos jours, et peut-être imprimé épique à gauche. Maintenant, tout est logique. Vous pouvez simplement chercher. Et je n'ai pas besoin de celui-ci. Je vais le supprimer. 53. Section de la conception de diapositives ou de bannières: Il est maintenant temps d'ajouter l'écran ici. Je vais taper quelque chose que nous avons déjà ici. Bienvenue dans T book. Je vais juste faire glisser cette dernière sélection et venir ici et les coller ici. C'est vrai ? Cela va aligner cela comme ça. Pour l'instant. Je vais le rendre blanc. Donc, pour l'instant, il devrait en afficher un, qui est les Poppins, n'est-ce pas ? Il va essayer. Le livre, c'est 44 ans. Qu'en est-il de 48 ? Car c'est bien mieux. Mais celui-ci, le livre T, devrait avoir 48 ans. La capitale ou l'audacieuse. Si vous ne le voyez pas, les gars , pourquoi ne pas le voir ? C'est parce que nous avons changé ce personnage pour être identique à l'arrière-plan coloré de domaine décoloré. Ici, venez ici sur le terrain et changez-le. La même chose que la librairie. Si j'ajoute ces deux-là, comme quelque chose comme 44, j'y oppose son veto. Simple, allez sentir, rendez-le blanc. Nous avons donc une librairie en ligne, bienvenue dans T book on. Je vais me ranger au frais. Ici, nous avons besoin d'un texte aléatoire, que je vais juste le copier et l'apporter ici. C'est génial avec le design haute fidélité. Vous pouvez toujours y aller. Et avant cela, quelle est cette couleur ? Je vais juste revenir à l' année, c'est une de ces couleurs. Voyons voir, quelle est la taille de cela ? 26. Je vais aussi chercher l'A6 2014, notre AMI petite comme celle-ci. 24, même couleur. Changez la couleur en blanc. Je pense que 24 est trop gros. Je cherche donc autre chose. Je cherche quelque chose comme ça. Taille. On y va. Je crois que c'est 40 pixels. Je cherche donc quelque chose comme 14 pixels ou 16 pixels. Ici, j'ai mieux changé de couleur. Et maintenant, nous devons fixer l'espacement. Mais la flèche supérieure modifie l'espacement. Si vous cliquez dessus, cette icône rouge signifie que je peux la faire glisser vers le bas. Je peux juste l'apporter pour le remplir avec seulement trois lignes. Jolie affaire, non ? C'est vrai. Revenons ici en bas. Qu'avons-nous ici ? Si je le sélectionne, il est groupé, cliquez avec le bouton droit de la souris et dissociez-le. Maintenant, je peux juste verrouiller l' arrière-plan et copier ça. Copiez et apportez-le ici. Très bien, pour le bouton, c'est ce que nous faisons. déjà créé un, donc je peux expliquer cette taille du bouton et la marge. C'est donc ce que nous faisons. Je n'ai pas besoin de la frontière. C'est la boîte. Regardez, la hauteur est importante, c'est un 40. La plupart du temps, la DMV a 14, 16 ans pour celle-ci, peu importe les mauvaises herbes. C'est ainsi que nous faisons une erreur de calcul du centre. Jetez un coup d'œil à gauche et à droite, 32, du haut et du bas sont 12 pour la marge, n'est-ce pas ? Je vais donc simplement sélectionner et regrouper ces deux-là. Et il suffit de sélectionner celui-ci et de le remplir d'une couleur foncée pour que vous puissiez voir celle-ci. Cliquons maintenant sur l'arrière-plan. Allez dans Couleur, couleur rose, tuant à une vue plus, puis sélectionnez le blanc à partir d'ici. Et si nous voulons en faire un composant, nous pouvons le faire. Vous pouvez juste, s'il s'agit d'un groupe. Après les avoir regroupés, nous voulons utiliser la plupart du temps ou en faire un composant. Que faisons-nous ici ? C'est recréer le rembourrage. Donc, tout ce que nous taperons ici, il s'agira de ces 12 haut et en bas, de gauche et de droite. Je dois taper ici. Bon à collectionner. Et ça va être au centre. Maintenant, nous réparons ce qui est déjà parfait. Nous devons d'abord en faire un composant. Donc, une fois que nous l'avons fait en tant que composant, c'est ce que nous faisons pour copier cela, sélectionnez Copier. Juste les gars, double-cliquez à l'intérieur et collez-le. Faites-le glisser vers le bas. Donc, il tient le telnet 1 au bon moment. Et assurez-vous que c'est cool. Et c'est tout. Et c'est ce que nous avons, c' est déjà le garder, vous le dire et vous le dire. Et à quel point est-ce cool ? Supprimer. Et c'est déjà un groupe. Je vais juste les aligner. Qu'en est-il de ça ? Si vous ne cherchiez pas d'icône ici, les gars, allons au pic gratuit ou à Victor gratuit. Vous pouvez simplement chercher des livres. Il y a beaucoup d'icônes sympas que vous pouvez utiliser, n'est-ce pas ? Si l'icône plate est le site Web que vous devez aller ou gratuit peaks.com, vous pouvez simplement taper livre. Ou des livres. Supposons qu'il y ait beaucoup d'icônes de livres que vous pouvez simplement télécharger et utiliser dans Adobe XD. Je les ai donc déjà pour m'assurer que lorsque vous le copiez ici, copiez-les également dans une icône principale. Et je vais juste changer la couleur. Vous avez donc toujours les icônes au même endroit. Très bien, revenons ici. Je n'ai pas besoin de celui-ci. Et j'ai ce duvet rose. 60. Cherchons quelque chose qui convient à notre design. 48, peut-être. Il va le rendre blanc. C'est donc trop gros. C'est ce que je vais faire ? Je vais juste en faire la taille que je cherche. Extra léger, ça n'a pas de sens. 24 caractères gras. Faites-le diviser. Joli. Parce que je veux être évident. On peut peut-être le mettre sur 20 et changer la couleur de remplissage en blanc. J'aime bien ça plus que de simplement copier ça. Je vais donner quelque chose de 16. Et aussi blanc. Cliquez sur celui-ci. Encore une fois, ce titre, casse majuscule. C'est, eh bien, c'est trop gros. Cherchons quelque chose d' un peu plus petit, comme 14 pixels de large et pas mal. Ils peuvent donc mettre 14 pixels. C'est vrai. Cliquez sur ce bouton. Vous devez utiliser la première lettre majuscule. Je vais juste aligner ça ici. Essayez d'aligner cela, cela aussi. Allez cliquer dessus et Command ou Control L pour le verrouiller. Une fois encore. Il suffit de jouer avec ça. Je peux juste le faire descendre et le ramener à la maison. Contrôleur, inter. Et agréable, très doux, très cool et très intéressant. Allez dans les collections. Génial. Il descend. Ici, nous avons des best-sellers. Le fond va être un type vidéo. Pour l'instant. Je ne vais pas le faire. Juste la conception en prototypage et pour l'animation, nous pouvons ajouter tout cela et il y a beaucoup de plaisir à faire. Je vais donc simplement cliquer sur la case pour une couverture de livre. abord, il faut savoir quelle est la taille réelle d'une couverture de livre. Revenons sur Amazon. On y va. Je vais juste copier ça. Apportez-le ici. Collé. Il s'agira de la taille réelle. Donc, c'est en haut, cliquez avec le bouton droit de la souris, Bring to Front. Ce sera donc la taille réelle. Maintenant, cela va ramener cela à 26, par exemple. Ici, j'ai besoin d'une bordure, donc je n'ai pas besoin de celle-ci, je vais juste la supprimer. Donc, en gros, cela va être notre taille réelle. Je me souviens d' orbiter, de copier cela et de l'amener à différents endroits à différents endroits de notre conception. Donc, il pourrait aussi avoir besoin de quelque chose comme celui-là pour n'importe qui. Si je peux arriver à n'importe quel, peux juste entrer et nous appuyons simplement dessus, soulevez la flèche pour que l' écart entre eux soit de 20. Également. Voici Tony. Et maintenant, si je veux réduire ça, je vais maintenir Alt et Maj enfoncés et le rendre plus petit. C'est vrai ? Peut-être un peu plus gros. Disque. Encore une fois, peut-être un peu plus petit. Encore une fois, faisons ce 20 et faisons 20. Et si mal que ça. Je retourne ça, ça peut être un peu plus gros. Et l'ours, pour les sélectionner tous les deux, assurez-vous que le centre et l'alignez-vous également sous cet angle. Ce que je fais la plupart du temps, c'est que je vais juste garder ma souris et faire glisser cette règle sur une souris ici et faire glisser cette règle. Donc, je ne vais pas dehors. Revenons en arrière. Je cherche quelque chose de plus intéressant. Celui-ci, maintenez-le et glissez-le et déposez-le à l'intérieur. Et le prochain, peut-être celui-là, je vais juste le traîner interrompu ici. Je n'ai pas besoin de ça. Je vais juste le laisser dehors. Jetons un coup d'œil. Le contrôle sur les souris recueillies beaucoup. Donc. Passons à la partie suivante. 54. sections de l'information du site: Maintenant, nous avons décidé de partir pour 1400. Qu'est-ce que 4800 va être de cette taille ? 1400. Vous vous souvenez donc de ce que nous avons fait. Si vous voulez que 4800 de gauche et de droite soient 260. Donc, si je clique ici, ajoutez ma mise en page. Ça va être 400, non ? Je vais donc créer entre ces deux-là à partir de maintenant. Donc, celui-ci, le texte devrait être ici. Je n'ai donc pas besoin de cela et nous allons le supprimer. Maintenant. Je vais juste faire glisser une ligne ou une règle ici. Faites glisser un autre, mettez-le ici. Alors, laissez-moi juste fermer. Voyez de la perfection. Si vous n'aimez pas la couleur de ces gars, vous pouvez également la changer pour n'importe quelle couleur. Rappelez-vous, je veux dire, pouvons-nous changer ? Cela dépend de votre conception, mais la plupart du temps, du silence. Cool. Très bien. Je vais juste supprimer celui-là. Sélectionnez cette commande et contrôlez L pour la verrouiller. Maintenant, venons ici comme celui-là aussi. Puis-je contrôler L ? Je vais juste traîner ou juste l'un d'entre eux. Et pour l'instant, il va le mettre ici et changer la couleur, cette couleur. Donc c'est comme ça que ça va se passer, on va s'aligner ici au centre. Icône de livraison si rapide. Je suis à la recherche d'un style de personnage. La même taille serait très bien, je suppose. Mais audacieux. C'est trop gros. Je veux en faire 20 iPad. Celui-ci devrait avoir 14 ans. Et c'est normal. Joli. Je vais juste le traîner un peu. L'écart 16 est très bien. La plupart du temps, c'est 16 ans. Cela dépend. Mais je crois que cela peut être plus important. Revenons sur le site Web Amazon car qu'est-ce que c'est ? Il suffit d'appuyer sur T et de cliquer dessus. ligne. La hauteur est de 2960. Revenons ici. Je vais juste cliquer là-dessus. Il était 14 ans. Je vais juste réparer celui-là. Cliquez avec le bouton droit sur Modifier. ensemble de six millimètres peut le faire 20 et entrer en loi. Et cela fonctionne parfaitement. Livraison si rapide. J'ai déjà une icône. Je vais juste le coller ici. Et collez-le ici. Je vais juste le mettre dans un onglet. Cliquez dessus et faites-le glisser vers l'extérieur. Vous voyez que si vous êtes prêt à l'emploi, à la commande ou au contrôle X, double-cliquez à l'intérieur de la commande ou au contrôle V. Maintenant, nous sommes à l'intérieur de ce groupe, n'est-ce pas ? J'ai maintenant besoin de trois colonnes et les musulmans peuvent double-cliquer ici. Et donc je vais juste traîner ça et venir ici. Nous avons donc couvert les deux colonnes, Repeat Grid. Et assurez-vous que ce sera exactement là. Je crois donc que cela revient un peu. Je les ai donc tous réparés. Et c'est ça, les gars. Magnifiquement fait. Sélectionnez-les tous. Maintenant, si tout est parfait, laissez-moi vérifier. Je peux donc revenir un peu mal. Ils sont tous. D'accord. Et maintenant dégroupé. Un cool. Changeons maintenant le nom. Il s'agissait de paiements de sécurité. Paiement de sécurité et contrôle hola. C, mais avez-vous maintenu le contrôle enfoncé pour voir un cadre de sélection même si dans un groupe, cliquez dessus. Maintenant, double-cliquez, copiez, sortez de notre contrôle. Sélectionnez totalement contraire. Cliquez, double-cliquez, copiez et revenez en arrière. Double-cliquez. Maintenant, pour l'icône, vous devez rechercher une sécurité de paiement sécurisée. Ou je peux simplement mettre ceci, je vais juste double-cliquer à l'intérieur, coller celui-ci. Je vais juste m'assurer d'être exactement là, au centre. Et il suffit de cliquer dessus et jusqu'à ce qu'il soit de la meilleure qualité, double-cliquez ici. Tout ce que vous avez. Le logo. Double-cliquez. Et je vais juste le mettre ici. Supprimer, conserver la garantie. Ayez le logo, double-cliquez, copiez, et voilà. Donnez celui-ci. Cliquons sur Home control inter. Et nous y voilà. Voyez à quel point c'est beau. N'obtenez que cette belle couleur que nous avons créée. Les bons vieux pings ou s'alignent et ils sont absolument parfaits. J'adore ça. 55. sections de conception: La prochaine chose que nous devons faire est appelée tendance. Je vais juste apporter ça ici. Peut-être que pour cette formation, il faut utiliser 28 gras, c'est très petit. 10, c'est six. Pas mal. Apportons-le ici, mettons-le ici. Et c'est, vous le savez déjà, il devrait y avoir 14 ans, irrégulier. Nous sommes gentils et faites-le glisser, faites-le glisser un peu vers le haut. Si vous voyez que cette grille est un peu distrayante, je peux cliquer et contrôler, aller dans les colonnes et la faire descendre. Et je dois le voir. Maintenant. Pour celle-ci, j'ai changé d'avis. Je ne veux pas utiliser ça. Seulement, utilisez-en l'un comme guide. Et nous y voilà. Je veux en mettre six ici. Cela va donc être en ligne. Maintenant, je dois cliquer sur la page d'accueil, aller à la colonne, faire apparaître ça. Je veux voir exactement où je suis. Donc oui, c'est pourquoi vous avez besoin de ces directives. Qu'en est-il ici ? Parfait. Maintenant, je peux y retourner et je peux faire tomber ça. De quoi d'autre ai-je besoin ? Je dois trouver une idée très intéressante, ce qui est bien. Venez ici et maintenez simplement Alt et Maj et cliquez avec un cercle. Je peux créer quelque chose comme ça. frontière et la frontière, peut-être une bordure plus légère. La frontière devrait être trop mauvaise. Qu'en est-il du nom ? Je vais appeler ça David. Je suis sûr qu'il est 14 ans. Arial audacieux. Quand il y a quelques étoiles, nous avons déjà créé les étoiles. Furieusement. C'est la même chose. Je vais utiliser la même étoile ici, mais leur historicien. Revenons ici et je cherche des magasins. Et ils ont aussi ceci va copier ces trois Tab en attente. Et tout d'abord, je veux juste les copier ici une seconde. J'ai oublié de les copier. Pour copier le collage. Et collons-les ici. Veillez donc à ce que l'ami décide que c'est un peu plus petit. Je vais juste faire en sorte que ça devienne sympa ici. Et ce serait la grille. L'espacement serait très bien. Car je vais peut-être changer la couleur de la même façon que l'érudit. Également. Je vais juste mettre ça ici. Maintenant, déplacez, sélectionnez-les tous, commandez Control G pour les regrouper. Il est dilué. Et mets ça ici. Et c'est en fait comme ça que nous concevons cela. Celui-ci devrait donc également être gris clair. Maintenant, je vais sélectionner toute cette grille de répétition. Et Eleanor en a mis six ici. C'est donc ce que nous faisons, allons venir ici et nous assurer que cela soit exactement aligné sur ces lignes. Il sera donc très facile pour notre développeur de concevoir cela. Alors, laissez-moi aller un peu dehors. Donc, si je lui donne une ombre, ce serait bien si je lui donnais une ombre. Alors, qu'en est-il de ce type ? Et ça couvre les tendances, non ? Nous allons faire glisser ça un peu vers le haut. Et celui-là. Cliquez dessus. Revenons sur le visage de vos yeux sur un éclaboussement. Sélectionnez Photos déjà sélectionnées six. Et nous allons juste choisir le prochain arbre 112. On dirait des auteurs. Peut-être ce type, celui-ci. Appliquer. Et il suffit de jeter un coup d'œil. Même pour le nom. Si vous en avez, vous pouvez simplement mettre quelque chose comme ça. Je vais juste vous montrer et feu en litres. Nous avons beaucoup de noms ici, non ? On peut mettre des noms, comme je vais juste te le montrer. Laissez-moi juste dupliquer ça. Contrôle C, contrôle V. Appelons ce nom. Je vais double-cliquer à l'intérieur. Ça devrait être Dave Lee. Imaginez que vous en ayez six. Et je vais juste l' enregistrer et le fermer et jeter un coup d'œil, les gars, ça peut le rendre plus petit. Je vais juste faire glisser ça et le mettre ici, regarder et jeter un coup d'oeil. Ils portent tous ce nom. Vous pouvez donc demander toutes ces informations. Cela n'a fait que vous retarder. Demandez ces informations. Et les créateurs de contenu travaillant avec ce client , ils peuvent simplement vous l' envoyer. Si c'est le cas, vous pouvez simplement le faire. Jetons un coup d'œil, cliquez sur Home Mac Control plus. Et il suffit de jeter un coup d'œil. Tendance. Très joli, j'adore ça. Revenons en arrière. 56. Les sections recommandées: La prochaine chose que nous devons faire est recommandée pour vous. Nous avions déjà celui-là, n'est-ce pas ? Recommandé pour vous, je peux le faire glisser et le déposer ici pour avoir l'idée de ce que je concevais. Correct ? Oui, pour l'écart entre eux, je vais juste le regarder. C'est donc une tendance. Cela signifie que si nous avons un écart d'environ 62 ans, je vais continuer à faire la même chose avec ces petits gars. Il y a donc un écart entre ici et garder ça ici. Sélectionnez tous les réservoirs. Ramenez-le à cette ligne. Et je vais juste rentrer à la maison et appuyer sur entrailles si c'est bon. Oui. Je recommande peut-être que ça puisse monter. Je suis félicité pour vous. J'ai donc déjà cet espacement et tout. Je vais juste supprimer ce que je sais déjà . Je vais juste garder ça. Je peux peut-être copier celui-ci et le faire glisser. Essai clinique x2000. Alors amenez-le sur le dessus. Même taille. Nous adorons la taille en fait, je ne pense pas qu'elle soit assez grande ? Je peux jouer avec ça. Peut-être que je peux juste le presser. Ces deux-là peuvent venir ici, mais peuvent aussi monter. Ici, nous allons acheter maintenant. Et celui-là. Nous avons déjà créé cela, n'est-ce pas ? Je pense à la même formule, mais je dois changer la couleur. Je vais donc revenir en tant que panel. Je fais glisser un bouton ici. Joli. Je n'ai pas besoin de celui-ci. Je vais juste le supprimer, vais juste taper maintenant. Donc, parce que c'est l'indépendance, encore une fois, changez la couleur. Je peux le sélectionner. Et je peux maintenant choisir cette couleur. Qu'en est-il de l'arrière-plan ? La couleur de fond ? C'est pourquoi le 1er mai est-il la couleur principale, la même couleur principale ? L'option Acheter maintenant à 40. Ça devrait l'être. Quelle était la taille du principal ? Quelque chose comme ça, rose. C'est une petite école. Ce qu'il dit, c'est que cette taille est la taille de police 21. Je pense. Est-ce que c'est aussi petit à mon goût ? Voyons les sites Web. Voyons les seizième, mais c'est plus petit. Donc, il n'a pas vraiment grandi, n'est-ce pas ? Donc, 21, c'est très bien. Celui-là, je cherche. 20. On vous oblige à le faire. Vous pouvez ajouter plus de texte ici. Plus d'infos sur un gars. On y va. Cela devrait être ici. Le roi était donc venu ici. Je vais donc juste aligner ça par la gauche. Tout doit également être aligné. Même le texte. Vous voyez ce qu'elle coronaire est de gauche à droite est égale. J'essaie donc de rendre tout niveau. Joli. Humain. Ce 40 peut en amener un autre ici. Peut-être que le prix réel était de 56. Ça va être Tony. Et quelle lumière change la couleur devrait être de 16 ans entre vos souvenirs. Encore une fois, modifiez la couleur. Également. Ajoutez que j'ai eu une grève et c'est vrai. Et probablement réduire l'opacité. Laissez-moi juste voir ce que nous avons fait. Nous devons toujours le vérifier de cette façon, les gars, parce que c'est la façon réelle. 40. Six, je crois que c'est un peu petit pour notre design. Je peux juste le rendre un peu plus grand. Le 40, c'est maintenant 20. Je veux en faire 28 boulons. Et le rendre blanc, rose vers le bas. Celui-ci a déjà 16 ans. Je peux peut-être faire 24 heures. Rendez-le blanc. Peut-être 24 ans, léger. Et une grève et vraie. Jetons un coup d'œil à ça. Ce n'est pas mal car la couverture est si grande. Il y a beaucoup d'informations que cela vous recommande. Laissez-moi juste régler ça. Peut faire baisser la tendance. Mettez-le en banque ici. Cliquez dessus, copiez-le, double-cliquez ici et copiez-le ici. Je l'ai recommandé. Et juste, il suffit de le mettre ici. Et seulement celui-là. Et je peux juste le mettre ici, monter un peu. L'écart entre ces deux personnes devrait être d'environ 20. C'est donc ce que nous faisons. Je ne connais pas celui-là. Sauvons-le, appuyez sur Commandement ou Contrôle S. L'autre chose qui manque ici, c'est que je crois que l'étoile, je vais juste copier ces étoiles. Ça va l'amener ici. Nous allons nettoyer d'être quelque part ici. Joli et aligné. Cela devrait également être aligné. Qu'en est-il de la taille d'un livre vert ? La taille du livre de rêve ? Il est trop gros pour 40 ans. Encore grand. Teddy cherche à battre 24. Pas mal. Et celui-ci devrait avoir 16 ans. Léger. Par Jack Dorsey était l'ancienne première capitale. On y va. Ramassez-le. On y va. La durée d'apprentissage prend, l'ordre devrait être très léger 16 et je veux le rendre blanc. Maintenant, on y va. Tout est parfait et il est au bon endroit. Pour vérifier ça encore une fois. Tendance recommandée pour vous. Préparez-vous assez. Je l'aime bien et c'est audacieux. Et maintenant, est-ce que c'est un bug maintenant ? Il peut être au tribunal. C'est beaucoup mieux. Ajouter au panier. Et je vais aussi sélectionner tous ces éléments. Faites-les glisser vers la gauche, copiez-le et faites-le simplement glisser vers la droite. Nous montons. Je ne veux pas celui-ci. Il va le supprimer, le copier et le faire glisser vers le bas. C'est vrai ? Glib en remontant, je ne veux pas faire celui-là, supprimé la même année. Cliquez et faites-le glisser, placez-le ici. Maintenez enfoncé, Maj, rendez-le un peu plus petit. C'est ça, les gars. Je vais juste expliquer le rayon de la frontière du coin. Si celui-ci a 16 ans, celui-ci devrait avoir 16 ans ou 88 c'est mieux. Donc, ce qu'il faut pour qu' ils restent très organisés à cette occasion , devrait être de huit. Joli. Il suffit de sélectionner cet outil pour l'amener ici pour améliorer l'étoile. Le texte. Joli. Je vais juste aligner les clics de bouton, aligner le texte du bouton. C'est si mal. À la carte devrait venir. Ici. Pour ADKAR, j'ai également besoin de l'icône du panier. C'est donc comme ça que nous faisons les gars. Sélectionnez ceci, cochez, tosylate. Collez-le et soyez joli. Juste à la courbe. C'est trop gros. Je peux cliquer dessus, le rendre un peu plus petit. On y va. On y va. Alignez cela sur cela. Peut-être ici, et il suffit de cliquer dessus. Et ici le 32, on peut en faire 2828. Même moi, je peux cliquer à nouveau 24. 24. Maintenant, vous n'avez plus d'espace. C'est donc quelque chose que nous pouvons faire tout le temps. Nous pouvons jouer avec ça. Donc, ce ne devrait pas être exactement la même chose, les gars. Fondez donc notre design. Nous changeons les choses. Vous pouvez donc mettre ça ici pour la même chose, mais celui-ci l'a mis en haut. Je vais juste copier ça. Mettez-le ici. X, supprimez celui-ci, Commande Control V pour coller celui-ci. Disons que c'est sympa, très sympa. En fait, l'espacement entre ces deux et ces deux-là. Celui-ci peut donc arriver à droite. Celui-là. Donc, cela peut arriver à droite jusqu'à ce que vous obteniez la même taille. Joli. Revenons en arrière et revoyons ça. Cette taille et cette taille. Tout est parfait et propre. Voyez que nous avons un peu d'espace, alors ne sentez pas tout. Donc, la plupart du temps, nous avons besoin d'espace. C'est vrai. C'est recommandé pour vous. Ensuite, nous avons une offre spéciale. L'offre spéciale va ressembler à cette formation. Je vais juste copier ces deux-là. Je vais juste faire glisser ça vers le bas. Et si je veux en voir davantage ? J'ai besoin de quelque chose comme l'icône View, non ? Et copiez simplement ceci, faites-le glisser ici. Et tous ces collègues. calque View Background peut être appelé lancers. Et je peux juste le mettre ici. Parce que si c'est recommandé, je veux en voir plus. Maintenant, c'est au centre. Et il peut s'agir d'une offre spéciale. 57. Conception d'en-tête Web: Il est maintenant temps de créer la vue mobile de cette page Web. Cliquez donc sur le bouton Accueil. Passons ensuite au plan de travail. Et sur mobile, je cherche sur iPhone XR, Zmax 11. Il s'agit actuellement de la taille numérique de l'iPhone. En fait, je vais juste le faire glisser et le mettre ici. Donc, si vous voulez utiliser cela en tant que réactivité automatique va poser beaucoup de problèmes pour moi. Personnellement, faites glisser ça et tout va être désordonné et pour réparer tout ça, ça prend beaucoup de fois les gars. Il est donc préférable de faire glisser et de le mettre ici et de créer notre propre vue mobile. Nous allons donc d'abord créer ce 1. Le fond et l'eau. On y va. Le second est celui-ci. Il suffit de le faire glisser un peu ici. Ce bloc devrait être huit. Je vais juste le mettre ici pour le mobile de gauche et de droite. Nous avons besoin d'une marge. Je vais juste cliquer dessus. Et la marge devrait être d'environ 15 ou 15, droite, de gauche à droite. Faisons donc de cela une couleur différente. Et je vais juste faire glisser ça et le mettre ici aussi. Vous n'avez pas besoin de créer la grille pour celle-ci car c'est facile, je vais simplement faire glisser ça et la mettre ici. Je vais juste faire glisser ça ici. Je n'ai donc pas besoin de ces deux-là. Et pour les mobiles, c'est simple. Et c'est le cas. Et nous avons aussi besoin de quelque chose comme ça pour personnel à propos de nous qui cherche peut-être autour du casquette, peut-être un peu plus petit et simplement le faire glisser ici. Et je vais en faire cette couleur. Et qu'en est-il des textes ? La même chose va se produire. Je vais juste retourner voir l'Amazonie. Donc, si vous voulez vérifier les pages, je vais juste ouvrir ça. Allons stocker celui-ci, ceci, ceci, ceci, ça, ouvrons ça. Si je clique avec le bouton droit et que je vérifie. Cliquez avec le bouton droit de la souris sur n'importe quelle page, inspectez et cliquez sur l'icône de cette lettre mobile. Et assurez-vous de mettre la taille que vous voulez de moi est comme pour 14. Il suffit de le mettre en dimension. Cela signifie donc que Amazon, le plus grand site Web de la planète, ne prend pas en charge la vue. Et pourquoi y en a-t-il ? Je ne sais pas pourquoi. Allons vérifier celui-là. Cliquez avec le bouton droit sur Inspect. Et c'est la taille. Je cherche donc les lignes de texte et les numéros de texte. Je peux utiliser celle-ci à nouveau, la taille de la police. Je vais juste cliquer sur celui-ci. Décidez donc que la taille de police de la grande taille est de 14 pixels. Encore une fois, pour celui-ci, la taille est 12, donc 14 et 12. Qu'en est-il du texte ? Donc, 1412, façon normale ou celle-ci ? T, cliquez sur ce 13. Donc, entre les deux, donc c'est 13. C'est par quelque chose qui fait 12 ans. C'est donc ce qui a commencé à partir de 14 ans. 12, et cela va être 13. Qu'en est-il de celui-ci ? Le titre ? Ça va être 18 ans. Nous avons donc 18 titres. C'est vrai ? En ce moment. Nous savons quoi faire. Revenons en arrière pour vérifier honnêtement comment ils alignent les choses et c'est comment ils le font. Qu'en est-il de celui-ci ? En tant que T ? Cliquez ici ? 14, le numéro 18. Et c'est énorme. Je pense que c'est trop gros pour un mobile. Je pense que c'était beaucoup mieux. Le 1801 était bien meilleur, n'est-ce pas ? Revenons en arrière. Nous avons donc quelques informations à ce sujet. Je vais juste faire glisser cette touche Maj enfoncée et sélectionner tout cela et le faire glisser vers ici. Je vais le rendre petit. Prêt à partir. Ce sera le plus gros, c'était 18 ans. Mais je crois que pour ce Mobile, je peux en faire 26. Je peux aussi mettre ça ici. Celui-ci peut avoir 18 ans. Ce 126. Extra léger. Celui-là, je peux le mettre en bas 14. On y va. Prochaine. Qu'en est-il de ces icônes ici ? Va contrôler le clic, puis le clic Maj et les sélectionner tous. Copier. Et je peux le mettre avec la même taille ici. Ce ne serait pas un problème. Mais le truc, c'est lorsque vous arrivez de gauche à droite et au téléphone portable. Je crois que si je fais tout ce qui est au centre, ça va être beaucoup plus agréable. Et jetez un coup d'œil. Je peux faire glisser ce centre et Control L pour le verrouiller. Je peux donc simplement déplacer, sélectionner ces deux-là, les faire glisser et les mettre ici. Et maintenant, jetez un coup d'œil. C'est vraiment cool. Jetons un coup d'œil à ça. Contrôle inter, beau, beau. Qu'en est-il de cet arbre ? Cet arbre peut également être traîné ici, je crois ici. Et Maj, Delete et faites la même chose. Le seul problème, c'est la frontière. La limite devrait être huit, ce serait bien. Et aussi cette commande Control L, je vais juste suivre cela pour le rendre plus intéressant pour la vue mobile. 58. Informations et sections de conception Web mobile: Nous avons donc un peu d'espace. Je vais simplement cliquer et faire glisser ça vers le haut. Et aussi la même chose. Et nous en avons quelques-uns ici. Nous avons un peu d'espace. Je peux le faire glisser vers le haut pour remplir cet espace. Assurez-vous que ces trois clics avec le bouton droit de la souris sont placés au premier plan. Il est maintenant temps de mettre ces beaux objets. Contrôlez-les un par un. Donc, celui-ci est cool. Celui-ci est 14, 14. Tracez-le. Et cela devrait être 12. Je peux voir toutes ces belles choses. Et changeons le nom. Il s' agira de contrôler la sélection, double-clic et la meilleure qualité. Contrôlez la sélection ou cliquez sur. Copiez-le sur une sélection ciblée, arrivez dans une sélection de contrôle C. , ce sont le genre de contrôle V. Et qu'en est-il de ces icônes ? Copier. Écrivez quelque chose. Juste de la quantité. évier. D'accord. Copier. Va à l'intérieur, collez. Faites-le un peu plus petit. Allons faire la partie entraînement. Cliquez, décalez, cliquez, faites-le glisser et déposez-le ici. Cela va être 14 ans. Cela va être 12 ans. Et au centre. Ensuite, tendance. Pour les tendances, je veux faire ce carrousel. Je veux donc suivre ça, mettre ici, le dissocier, changer, faire une petite Alice. Je peux en mettre trois ici en un seul coup. Sélectionnez-les tous et groupez-les pour ne rien perdre. C'est ce que nous voyons. En fait, copiez ça. Cela va être 12 ans. Faites-le glisser vers le bas. Faites-le glisser vers le bas jusqu'à taille huit. Nash, c'est ça ? Donc je vais faire un clic droit et le dissocier et supprimer tout ça. Allons en réparer un. Et je vais juste utiliser la grille de répétition pour y remédier. On y va. Super. Et ça devrait être un carrousel. La plupart du temps, nous l'avons mis sur 10, ce serait bien. Il y en aura donc six. Allons voir la couverture du livre ici. Très bien. Donc pour celui-ci appelé UI Faces sur un splash et s'applique aléatoirement. Il peut donc s'agir d'une image. Changez-les tous. Cool, et mettez les noms. Allons dans les fichiers et suivons les noms ici. Ils vont tous changer également. Donc, celui-là, ça devrait être comme ça. Je vais cliquer sur cette icône ici. Et ça va toujours être sympa. Maintenant, c'est cool. Donc, si je clique sur cette petite icône ici, contrôlez plus, pour que je puisse sauter. Maintenant, je peux faire défiler ça vers la gauche et la droite. Joli. C'est exactement ce que nous recherchons. C'est bon, cool. Maintenant, je vais le traîner vers le haut. C'était pour la formation. 59. Conception de sections recommandées: Qu'en est-il des recommandations ? Je vais juste faire glisser le recommandé ici. Revenons au panneau des ressources. Mettez-en un 14. Et c'est génial ici. Très bien, nous allons copier ça. Copiez-le et collez-le ici. Collez, à gauche, maintenez enfoncé, décalez, faites glisser vers le haut. Maintenant, c'est bon. Le Dream Book devrait avoir 14 ans. Mais Jagger Rosie devrait avoir 12 ans. Faites-le baisser un peu. Il faut, il faut aussi 12. En bas. J'ai commencé à descendre un peu aussi. Ce rayon doit être pour Ajouter au panier, doit être de 12. Celui-là. Je vais juste faire glisser ça un peu. Cela est d'arriver à un petit décodage devrait être évident. Cette routine, c'est 14 volts. Vous n'avez pas besoin d'avoir 12 ans. Jetons un coup d'œil à ça. Je suis curieux de voir si celui-ci et celui-ci le décompose un peu et Control, Delete Control, Enter. Jolie tendance. Carrousel. Recommandé pour vous. Très bien, pas de problème à la carte. C'est un peu gros. Pour carte, peut être 10. Et le problème, et cela peut être un peu plus important. Le seul problème ici, c'est que je peux le réduire. La ligne vient de ce coin. Très bien, cool. Je peux donc cliquer et ceci et apporter ces lignes pour l'aligner sur cela également. Parfait. Allons-y pour celui-là. Je vais juste faire glisser ça vers le bas. Nous devions également changer cela avec une couverture de livre. Peut-être que ceci, peut-être cela, écrivez celui-ci aussi. Cela va réduire la situation. Il devrait être B2, plus petit. Ascenseur. Faites glisser tout vers le haut. Et cliquez sur le contrôle, faites-le glisser vers le haut. Maintenant, je peux jouer avec ça et mettre la discipline de gauche aussi. Et pour le chariot et le faire glisser vers le haut. Ça devrait avoir 10 ans. Non, je vais juste copier ce changement. livre. Celui-là et celui-là vont vérifier ça, voir comment ça va se passer. Une jambe. Bien, sympa, très sympa. Décorez le garde, c'est ça, nous sommes intéressants. Il suffit de l'aligner complètement. Lisez cette dernière ligne, l'image. Je ne pense pas que ce soit nécessaire car il est aligné sur cette carte d'ajout. Très bien, cool. De plus, vous avez le VOR qui va le faire glisser et le déposer ici. Et toutes ces pages ont leurs propres pages, mec, alors n'oubliez pas. 60. Conception de sections spéciales de l'offre mobile: Il va décaler la sélection, faire glisser cela vers le bas. Ce sera une offre spéciale. Joli. Tracez ça. En raison de l'offre spéciale que ce sera également un carrousel. Je vais juste faire glisser ça et le déposer ici. Alt pour le copier. Je dois en réparer un. Dissociez-le. Et je vais juste traîner l'un d'entre eux. J'en fais deux ou trois. Ce carrousel. Maintenant, soyons classés pour les carrousels 10. Et c'est comme ça que ça va se passer. Ça va ressembler à ça. Donc, en gros, vous pouvez voir quelque chose qui se passe pour que vous puissiez le faire glisser vers la gauche et la droite. Entièrement. Encore beaucoup. Donc mon Control L pour verrouiller l'arrière-plan. Je vais juste ramener ça. Dissociez-le. Cette taille devrait augmenter et s'assurer débloquer ou de la soif d'entreprise. Une fois encore. Et le groupe sélectionné. Si vous ne pouvez pas le sélectionner, cela signifie que vous devrez d'abord verrouiller l'arrière-plan. C'est pour cela que ça va être 12. Star. Copiez ceci et collez-le. Même chose avec celle-ci. Allez cliquer vers le haut, vers le bas, n'est-ce pas ? Très bien, Nice. Maintenant, je vais faire la même chose. Celui-ci devrait avoir 14 ans. Il devrait donc être 12. Et ça peut aussi remonter celui-ci. Et je peux aussi faire glisser ça. Sélectionnez Grille de répétition. L'écart devrait être de 10. Et c'est ce que je vais faire, vais faire glisser ça pour en faire six. Revenons les photos d'ici à ici. Je vais juste le faire glisser et le déposer. Également. Je vais juste aller dans Files, puis sur les noms. Parce que vous avez un nom de De Li. Si je le glisser-déposer parce que je n'ai pas de Y devant lui, il ne va donc pas mentionner le bug. Je vais le faire comme ça. Mais pour les parties d'un carrousel, je vais entrer dans l' icône ici. Gardez-le de cette façon. Le stagiaire de contrôle descend. Joli. Il suffit de le faire glisser un peu vers le haut. Pour être plus libéral. La touche fléchée, je peux juste venir contrôler. poche. frapper vers le haut, vers le bas. Mu 0 va posséder une page d'offre spéciale. 61. Réduction et section populaire: Qu'en est-il de la réduction ? Ils vont juste faire glisser ça vers le bas. Nous avons ici la couleur de la page principale. Offre spéciale. Cette formule va la faire glisser vers le bas. Commandement, nous le rendons blanc et voyons ce compte. Et je vais aussi copier cette petite icône ici et la mettre ici aussi. Faites-le un peu plus petit. Cela peut colorer. C'est une fille ou un texte. Ou la commande de synchronisation de réduction, G pour le regrouper, maintenez la touche Alt enfoncée pour la copier. N'oubliez pas, maintenez les touches Alt et Maj enfoncées pour le rendre petit. Du centre. Le clic devrait être une aide à partir de la bordure. On y va. C'est bien d'avoir ça. Je vais donc simplement faire glisser cette commande ou Control L vers le bas pour le verrouiller. Et Alt Shift sélectionnez, cliquez avec le bouton droit de la souris et dissociez-le. Cliquez avec le bouton droit et dissociez la grille. Et voyons voir. Si on ne peut pas en mettre deux ici. Faites-le plus petit. Quelque chose comme ça. Très bien. Celui-ci devrait être 810, créer devrait l'être. Je n'ai pas besoin de celui-ci. Désireux également de supprimer celui-ci. Sélectionnez et supprimez. Ici. Ils devraient vraiment l'être. 1210. Les étoiles sont plutôt bizarres. Ils cliquent avec le bouton droit de la souris et dissocient le composant. Ça devient trop fou. Et le rendre un peu plus grand. Cliquez sur Tout pour le copier. Et il devrait y avoir une frontière. Doit être 1.31.5. Joli. Maintenant, contrôlez-les, sélectionnez-les et regroupez-les pour pouvoir les utiliser à différents endroits, à différents endroits. Super pour vraiment 14 ans. Maintenant, copiez l'un d'entre eux et levez-vous vers moi. Je peux donc le mettre ici. Ce coin devrait être quatre, je suppose pour cette image. Peut contrôler la sélection et le faire baisser un peu. Parce que tout est bien en mouvement. Les étoiles descendent. Et vous voyez le prix. Grille sélectionnée. Assurez-vous que l'écart est bien. Et j'en ai 23. Il suffit de faire glisser ça et de le déposer ici. Et sélectionnez-le à nouveau, sélectionnez cette icône ici. Groupe de défilement. Voyons ce que nous avons fait. iPhone. Faites défiler vers le bas Joli WebView. Magnifique. Vos mains, vous pouvez simplement le faire glisser vers la gauche et la droite et tout est lisible et ajouter au panier option. Magnifiquement fait. Viens, je contrôle le L pour le déverrouiller à nouveau. Faites-le glisser vers le haut. On y va. Qu'en est-il du populaire ? cool avec la popularité, c'est que je peux faire glisser tous ces éléments et les faire glisser vers le bas. Parce que j'utilise la même équipe. Tout simplement populaire. Et ça va dériver ces deux-là, non ? Et nous y voilà. Bien fait. Et voyons ça. Entrée de commande ou de contrôle. Consultez cette offre spéciale. Et ils sont magnifiques. 62. Conception de dernières nouvelles et témoignages: Eh bien, demandons à vous d'avoir les dernières nouvelles et le témoignage et de vous abonner. Particulièrement facile. Encore une fois, sélectionnez la touche Maj, puis suivez cela. Copie, viens ici. Coller. Dernières nouvelles de Drag. Cliquez avec le bouton droit. Groupe. Supprimez ceci, supprimez celui-ci. Sélectionnez, Afficher. C'est un lion de gauche vers le haut, bas et le rend très petit car c'est Nios qui devrait être lisible. Je vais juste faire glisser ça un peu vers le bas. Cela va être 12 ans. Alors faites glisser ça vers le haut. Par Dave Lee, fais-le 10. La même chose ici. Fais-le dix. Il va donc s'agir de Latest News Group. Je vais juste faire traîner ça. L'écart entre eux devrait être de 10, peut-être 14. Pour Mobile, soyez très gentil. Et ici, faisons cette trace. Ils étaient déjà très bien ici. Qu'est-ce que je l'ai mis ici ? C'est donc quelque chose que nous ne devrions pas faire. Je vais juste cliquer sur ce Davey. Date d'échéance, ça fait glisser ça vers le haut. Faites glisser ça vers le haut. Je vais juste augmenter ça parce que c'est du néon pour que tu puisses en lire plus. Maintenant, c'est plus logique. Encore une fois, prédictivement. Doit être supprimé, sont omis. Faites glisser ça vers le haut. Nous pouvons donc simplement ajouter d'autres lignes pour qu'ils puissent en lire plus. Maintenant, le 10, l'ego d'aujourd'hui devrait également être 10. Faites-le glisser vers le haut. Et c'est exactement ce que nous voulons. Mac Control G pour le regrouper, répétez la grille. L'espacement est de 10. Maintenant, on y va. On va juste voir mes photos, commencer d'ici à ici, peut-être celle-ci aussi. Glisser-déposer. Et également pour le contrôle Image, cliquez et déchirez et un éclaboussement est appliqué de manière aléatoire. Et c'est tout. C' est très bien, je suppose. Laissez-moi vérifier ça. Contrôle Entrée. Faites défiler vers le bas Très bien, News. Défilement. Triangulez-le. Très bien, parce que encore une fois, on va le faire. De retour à l'école. J'adore ce que nous avons fait. Je veux dire, c'est magnifique. Les avis ressemblent donc à une application. Génial. Finissons par le témoignage. Vous avez également besoin de voir tous les repas. Et le témoignage. Sélectionnez et déposez ici. Changez la couleur par la couleur principale. Témoignages. Copiez, collez. Cela devrait être 14. Cela devrait choisir 12. Au centre. Cela fonctionne aussi bien pour le savoir et le faire remonter, le faire glisser vers le bas. Je peux également copier cela et tirer sur tout pour les faire glisser tous ici. Num Shift, faites-les petits. Et faites-le glisser un peu plus vers le bas. Pour la chance, bonne chance aussi. Je vais juste sélectionner tout ça. Mon Control G au groupe. Il maintiendra ensuite Alt, Maj enfoncée. Plus petit. Faites-le glisser de gauche à droite. On y va. Je vais juste attacher ça. Nous n'avons donc pas besoin de ces deux-là, mais c'est bon. Nous pouvons choisir mes mains, je peux faire défiler et faire glisser vers la gauche et la droite. Et tout va bien se passer. Très bien. Qu'est-ce qui nous manque d'autre ici ? Le nom de cette copie me manque. Il suffit de double-cliquer ici. Ça devrait avoir raison. Commencez à travailler. Il doit alors être audacieux, régulier. Gneiss, beaucoup mieux. La même équipe. Kirby devrait être une travailleuse de Sarah, peut faire 12 au carré . Revenons aux actifs. 12. Ok, sélectionnez-les tous, faites-le glisser vers le haut. L'AVC, c'est trop, fais-le aussi. Et c'est magnifique, génial. Je vais juste sélectionner tout ça. Faites-le glisser vers le centre, vers l'extérieur. Je peux le déverrouiller ? Faites-le glisser vers le haut. Allons nous abonner. Alors, je monte ici. Il devrait être 14, en séparant le centre. On y va. Faites-le glisser vers le haut. Même chose. Très bien. On y va. Et que s'est-il passé ? Très bien. Mettons-le ici. Faisons un petit glisser-le ici. Assurez-vous que ce sera une lettre d'information cool. Joli. Parfait. Et nous avons la partie inférieure. Laissez-moi simplement cliquer ici. Je descends. Donc, pour gagner du temps, je l'ai déjà fait. Donc, vous pouvez juste vérifier ça. Même chose. Juste une table peut le faire glisser et mettre tout ça ici aussi. Nous allons sélectionner celui-ci, faire défiler vers le bas et faire défiler notre expertise. Donc, vous voyez que ça va s'éteindre. Vous avez sélectionné le groupe à gauche. Et mettons-le en tant que composants. Nous pouvons donc l'utiliser pour le pied de page et la vue mobile. Joli. Et c'est la dernière fois. Très bien, j'ai le carrousel recommandé le plus tendance . Soins à rabais. C'est tellement beau. Génial. On y va. 63. Catégories de page filtrante: Créons la page du chargeur. Mais avant de créer le filtre, corrigez cela, cela va être plus adapté. Et la seule chose à laquelle je pense, c'est c'est donc verrouillé. Je vais sélectionner tous ces Command ou Control G pour les regrouper. Et je vais juste le traîner vers le haut. Parce que dans différentes pages nous allons avoir la même chose. Je vais vous montrer. Nous allons donc appuyer sur Commande ou Contrôle D. Supprimez tout cela pour l'instant. Et même celui-là, ce sera une page de filtre. Donc, parce que nous allons beaucoup utiliser cela, vous devez créer ce composant. Donc, un signe plus. Et c'est tout. Je vais juste copier ça pour l'instant. Et aussi est en même temps copier le collage ici. Il sera affiché sur cette page car il s'agit de la page Flickr. Je veux quelque chose comme ça. Commençons maintenant. Maintenant, nous allons copier tout ça. Copiez-le et collez-le ici. Mais nous ne savons pas où le coller, n'est-ce pas. Nous devons donc activer décrété. Maintenant, je sais où placer toute cette zone. Au lieu de livres. Il doit s'agir de filtres. Décide probablement 2020. C'est bien. Je sais que c'est un filtre, non ? Ce que je vais faire, c'est que je vais faire glisser une ligne ici et faire glisser une autre règle ici. Je vais juste m' assurer que la règle s' tient à cet endroit. Génial. L'autre chose, c'est que je vais commencer ce formulaire ici. Cet angle. Donc, à partir de cette zone, ayez cet espace et le côté gauche va bien se passer. La fenêtre, j'ai besoin d'une ligne d'ici à ici. Je fais donc glisser la ligne. Je vais juste vous montrer ce que j'ai fait. Je fais glisser une ligne que je vais mettre ici. Très bien. Joli. Et c'est tout. Le reste irait bien. Peut-être que cette ligne peut venir ici. Et je peux commencer par ici parce que j'ai besoin du même espace. Et je peux changer la couleur de cette couleur pour l'instant. Je n'ai pas besoin de retard en ce moment parce que c'est tellement distrayant ici. C'est ce que je vais faire. Je vais juste faire glisser tout ça, le garder devant. Et ici. C'est peut-être un peu en arrière. Et je descends. Nous avons des filtres. Mais quand même, je pense que c'est énorme. 16. Très bien. Faites-le glisser vers le bas. Avoir des catégories, qui seront des lignes. Il y a 14 rangées. Et ils ont tous 15 ans. Léger. Cliquons sur l'un d'eux, 14. Donc, parce que voyons, cliquez avec le bouton droit de la souris et dissociez-le pour l'instant. Je vais juste les sélectionner et les remercier. Et des couleurs plus claires ou même plus claires. Je crois que c'est très bien. Nous avons donc ces bandes dessinées pour l'instant. Cette bande dessinée peut être dessinée comme cette couleur, devrait probablement être bleue. Et cela signifie qu' il est plus évident que nous sommes sur cette page en ce moment. Donc 16 en gras. Quoi d'autre ici ? Ceux-ci vont être la couleur principale. Ou peut-être que la couleur plus claire serait bien aussi. Très bien, nous les sélectionnons tous et nous les mettons sur 14 corps comme un habituel. Alors, qu'est-ce que oui ? Ce que je vais faire, c'est que je dois ajouter quelque chose ici. Je suis juste un contrat, c'est écrire. Celui-ci devrait être plus chargé. qui peut faire glisser ça vers la droite. Rendez-le jaune. Faites glisser ces choses vers le haut. Je vais juste faire glisser ça vers le bas. Nous avons quelque chose qui s'appelle les choix de l'éditeur. Et qu'avons-nous ici ? Nous avons une icône. Je vais juste copier ça. Déposez-le ici. Assurez-vous que c'est bas. Si on y va. Et apportons l' un d'entre eux ici. Ce sera le choix de l'éditeur. Et ils sont également ici. Chargez plus. Nous venons également de regrouper ces formats de livres. Sélectionnez, maintenez la touche Maj enfoncée et faites-la pivoter Les éditeurs. Et, asseyez-vous là et maintenez la touche Maj enfoncée. Concevons la fourchette de prix. Sélectionnez la ligne d'ici à ici. Ensuite, je peux faire la queue, m'assurer que la cabine est arrondie. Zoomez un peu. La taille, c'est bien. Trois, Wow, Zénorme. Trois ou quatre sur quatre, c'est très bien. Dans ce cercle supérieur et nous soustrayons ces deux à l'intérieur. Cliquez dessus. Donc, frais mûrit au centre. Très bien. Éteignez la bordure. Gilligan, sentez-vous bien d'ici. Et baissez ça un peu. Assurez-vous qu'il s'agit d'un gris clair. Ou parce que cela va fonctionner sur le terrain à la frontière. C'est pourquoi nous avons tout le temps ici. De plus, je vais juste essayer l'un d'entre eux ici. Une autre ligne d'ici à ici devrait être trois. Était-ce trois ou 444 ? Et la couleur. Sélectionnez celui-ci et celui-ci, cliquez avec le bouton droit de la souris et renvoyez-le à l'arrière. Maintenant, vous pouvez jouer avec ça et c'est traçable et il va l' apporter ici pour l'instant. Ensuite, en animation, nous allons animer cela. Ce sera peut-être 10 ans. dollar. La taille est de 14 balles et il va le laisser ici. Et ça va coûter 40$. Et c'est comme ça que ça va fonctionner. Ici. Nous allons les regrouper. Et je vais juste le mettre en haut pour l'animation. Ainsi, lorsque nous cliquons sous chargement, d'autres seront animés. Tout cela va juste baisser et ça va être une belle animation. Très bien, génial. Cliquez sur Control Enter. Et voyons voir que nous avons une variété de catégories. Nous avons un petit cochon. Nous avons la plupart commenté la fonctionnalité des livres les plus récents, qui consiste à lire ces livres, charger plus de formats de livres ou pour mon cul et les éditeurs année et prix par fourchette. Génial. Il suffit de cliquer dessus et de le faire glisser un peu vers le bas. Donc, c'est ça. 64. Conception de livres répertoriés: Jetons un coup d'œil ici. Je vais me faire une idée. Je vais juste revenir à mon design, faire glisser l' un d'entre eux et le mettre ici et aligner ça sur le haut. Laissez-moi vérifier. Cela va être 16 ans. Pas mal. Ici, en haut. Je vais juste utiliser ce filtre et le faire apparaître. Cela va être 12, en fait. Je suppose que c'est bon d'être ici. livres. Et ici, en bas, ce que nous avons ici, c'est de sélectionner ces deux, de les aligner. Ça va appeler ça C et celui-ci devrait avoir 12 ans. Cool. Je vais cliquer dessus avec le bouton droit de la souris et dissocier la grille. Copiez celui-ci, et mettons-le ici pour que nous puissions en utiliser quelques-uns comme guide. Je vais cliquer avec le bouton droit de la souris et le dissocier car nous l'avons déjà. Je vais juste le mettre ici. Il suffit de changer ça. Regardez donc par défaut, état et DP de l'individualisme. Celui-ci va être de couleur rose. Et il est aussi à bord, il va y avoir plus de briquet. La même chose par défaut, état, PDF, même couleur. Cliquez ici maintenant. Assurez-vous que la bordure est plus légère. Nous avons donc déjà cela. Apportez tout ça et mettez-le ici. Aligné le lundi. Les bandes dessinées devraient avoir 14 ans. L'échantillon de livre va être audacieux, mais je crois pouvoir le mettre sur 16 caractères gras. Régulier. Quatre lignes suffiraient. Ici, nous avons quelque chose appelé ce format pour que les gens puissent comprendre cela. Ce que nous avons également, c'est cela. Laissez-moi juste traîner ça dessus. Ce sera donc l' auteur du livre. Et nous avons tout au bon endroit. Majuscule de la première lettre. Qu'en est-il des étoiles ? Je crois qu'il faut mettre les étoiles ici. Et mettons-le ici. Et ce dont j'ai besoin, c'est 4.020. Mauvais. Ce que je vais dire, c' est que nous avons peut-être 230 avis, non ? Et c'est plus léger. Mettons-le ici. Zoom avant. L'image est au centre. Et vous y voilà. À la carte. Je ne fais pas de discipline. Je n'ai pas besoin de celui-ci. Nous avons besoin de quelque chose qui s'appelle comme si cette collection de livres a un rabais, comme trop mangé et que la frontière devrait ressembler à ceci. Cliquez sur la couleur et créez une DLL. J'adore ça. Je suis à la recherche de l' option Ajouter au panier car nous l'avons déjà créée. Revenons ici. Superbe. De quoi d'autre avons-nous besoin ? Donc, si vous venez à l'unité des collections de livres, quelques filtres ici, d'ici à ici. Et je vais juste faire quelque chose comme ça va être quatre. Ça va être DS. Jetons un coup d'œil à ça. Je vais juste mettre une ligne ici et les rendre blancs. Vous permet également de faire glisser cela vers le bas comme un cercle, faire glisser comme un cercle, n'est-ce pas ? Ce sera quelque chose comme ça. Joli. Peut-être. Je me dis juste que si je mets ça et que je fais ces deux-là, ça devrait être quelque chose comme ça. D'accord ? Georgie, depuis le centre, faites-le glisser vers le bas, notez-le. Regroupez-les, commandez comme Georgie, mettez-le au centre. Sélectionnez-les tous les deux, alignez-les. Je vais juste copier ici. Et cela va avoir une frontière, non pas avoir de dettes. Et ça va aussi ressembler à cette jolie petite ligne. Amenons-le ici et faites-le glisser vers le bas. Apportez ça ici. Jetez un coup d'œil. Donc, pour être sûr d'être bien aligné. Au bâton. Ici. Cliquez sur ces deux petites icônes, et c'est ce que nous avons. Je crois qu'il peut se rapprocher. Peut-être qu'un autre est deux et c'est deux. Et encore une fois, sélectionnez les deux. Alignez-les au centre. Glute vers le bas, assurez-vous de la sortie. Qu'est-ce que vous avez d'autre ? J'appelle ça de l'espace. N'importe quelle touche fléchée sera plus facile. Il va copier ceci, faites-le glisser vers la gauche avec Alt et Maj Command Control X. Sortez de cette boîte. Puis-je contrôler V ? Faites glisser ceci vers la gauche. J'en ai besoin. Copier, sélectionnez en dehors de la zone. Viens ici, colle-le. Et ce dont j'ai besoin, c'est un texte aléatoire comme celui-ci, je vais juste le mettre ici. Appelons cela le plus récent. Nous sommes donc à la recherche du livre le plus récent et la couleur du choix devrait également être violet. Dans l'animation, nous animons cela va être le plus récent au plus ancien. Le niveau le plus élevé, le plus commenté, et il sera gratuit en fonction de la dette. Maintenant, de quoi avons-nous besoin d'autre ? J'ai besoin d'une ligne d'ici à ici. Et ça va être la couleur. Elle. Décomposez-le de l'opacité. Joli. Sélectionnez tout ce dont vous avez besoin. Contrôlez G pour le regrouper. Cliquez sur lipide, créez, assurez-vous que ces lignes sont égales. 14. Joli. Et ramenez-le. Faites-le descendre. Essentiellement. 1, 2, 3, 4, 5, 6, 7 1012345678910. 65. Concevoir des pagination et terminer la page Filtrer: Maintenant, ils doivent ajouter les pages et la page suivante et la page précédente. Alors, parlez dans les parties de la nation. Je vais juste utiliser ce format. La taille, allongez Shift. Faites glisser ceci vers le bas. Le sucre, c'est quatre. Et ce sera peut-être des chiffres. Faites glisser ceci vers la droite, de droite à gauche. Donc, peut-être que ce sera la page deux à la couleur blanche. Et ça va aussi être audacieux. Il va me laisser vérifier. 18 pour cette couleur serait bien. Et cela fait également de ce sous-total. Et celui-ci va en être un. Lead, celui-ci va être trois. Et puis je vais juste faire quelque chose comme ça. Maintenant, sélectionnez tous ces éléments. Peut réduire l'opacité. Quelque chose de ce genre serait plus intéressant. Peut-être juste ces couleurs. Peut-être la précédente. La plupart des gens recherchent la page suivante. Maintenez la touche Contrôle enfoncée et appuyez sur Entrée Si nous allons à New Us, ces onglets de changement afficheront les filtres suivants. Juste les étoiles, je crois. Laissez-moi juste copier ces étoiles d'ici. Copiez et venez ici et collez-le. Collez-le ici. Parce que ces étoiles sont très grandes. Divisez-le ici. Également. L'un d'eux devrait être le gris. Sélectionnez-les, tous les deux et alignez-les . Jetons un coup d'œil. Joli. J'ai vraiment, vraiment aimé ce design. Mode varié, très naturel. Tout est au bon endroit. J'adore ça. Juste si nous ajoutons de belles images de couverture de livre. Venez ici. Faites-le glisser et déposez-le. Voyons à quel point c'est cool. Maintenant, regardez-le encore une fois. Ça n'a pas changé, non ? Alors, que s'est-il passé ? Sélectionnez-les, sélectionnez-les vers le haut, réduisez davantage l'opacité d'une entreprise. Voyons encore une fois. Quand ça me plaît beaucoup. Oui, très intéressant. Maintenant. Il est maintenant temps d' ajouter le populaire et le recommandé sur une copie. Ces gars populaires, nous avons déjà ce que vous avez recommandé , n'est-ce pas ? Mais je veux utiliser ce type de format. Je vais juste le dire cette année. Vous allez donc utiliser cette même chose, deux ions. Cela va être mis au centre. Ce sera le plus populaire. Je vais juste enlever ça. Vous pouvez donc voir que nous avons également ajouté la frontière parce que nous voulons faire la différence entre celle-ci et l'autre. Cela va donc vous être recommandé. Et ça va être populaire. Le même style, pas de différence. Et il suffit de changer la couleur de la couleur recommandée. Ce serait donc peut-être plus facile d'ici à ici. Joli. Maintenant, voyons ça. Des livres, tout feu. Ou je vous ai recommandé de l'aimer. Et le populaire que vous êtes maintenant, c'est d'apporter celui-ci et de le faire glisser, n'est-ce pas ? Je crois que j' ai déjà un pied de page, non ? Pour avoir une menace. Donc, notre pied de page, nous l'avons déjà créé dans le précédent. travail, va monter et c'est tout. Vous avez déjà terminé un design. Montez. Disons-le encore une fois. Stagiaire de contrôle. Et regardons ça. Dans ces catégories, tout est au bon endroit. Lorsque celui-ci travaille avec l'animation. Nous allons animer tous ces gars, alors ne vous inquiétez pas. Même le tout Ajouter au panier. La pagination, c'est sympa. Vous tous les populaires et 66. Vue Web mobile: Très bien, cela crée une vue. Et je vais maintenir Alt et Maj enfoncées et faire glisser ceci vers la droite. Nous allons juste garder le pied de page et faire glisser les choses pour cette affaire ici. Et aussi celui-là. Supprimez cela. Je n'ai pas besoin de celui-ci. Supprimez-le. Allons-y. Sélectionnez-les. Je n'en ai pas besoin. Revenons en arrière. Cliquez sur le Control L en arrière-plan pour le verrouiller autour de celui-ci. Tous ces mouvements vont le supprimer. Et nous y voilà. Ça va rester comme ça. Peut-être qu'il peut monter au-dessus. Donc, c'est Lock. Et puis-je contrôler G pour le regrouper ? Et aussi, faisons-en un composant. Donc, si vous avez changé, il serait facile de l'utiliser. Bûche et sympa. Donc, ce sera mobile et vous web. Quel est le nom de celui-ci ? La page principale ? Et puis achetez-le. Parce que nous en avons déjà beaucoup. Je vais copier certains d' entre eux et utiliser le même texte. Copier. Apportez-le ici. Juste, laissez-le ici. Je vais juste copier ça. Mettez-le ici. Décider est bien pour que le filtre communique pour quelque chose comme ça. C'est le filtre. Passons donc à Plugins, icône pour la conception et le filtre de type. Et celui-là, et celui-là. Voyons lequel est le meilleur. Alors, sortez et placez-le ici. Qui est ici ? Et nous allons utiliser celui-ci pour le filtre, ce qui va être comme ça. Les gens savent donc qu' ils doivent cliquer dessus pour être activés. Donc, si nous cliquons et que nous pouvons choisir la catégorie des livres et tout. Pour l'instant, j'ai besoin que ces deux-là maintiennent Alt enfoncée, copient tous ces deux-là. Apportez ça et dissociez-le. Et assurez-vous que je peux tout rendre parfait pour cette zone. Nous devons donc l' activer un peu. Maintenant, déplacez-vous et apportez-le ici. Je vais juste supprimer ça pour l'instant. Il suffit d'utiliser celui-ci. Sélectionnez-le et apportez-le ici. Pas si mal que ça. C'est juste ça. Probablement, je vais simplement supprimer la course de l'éditeur et garder l'air ici parce que c'est mobile. C'est tellement mieux. Nous avons également besoin du cœur. Copions ça. Je vais le laisser ici. Laissez-moi vérifier. Donc, si vous venez voir la vue mobile, vous pouvez voir ces magnifiques, n'est-ce pas ? Peut-être. Donc, ce n'est pas à l'intérieur, devrait être le même. Alors faites-le glisser vers le haut. Et cliquons sur Répéter, créer l'écart minuscule, très bien. Parce que c'est un filtre que vous pouvez filtrer ce que vous voulez et simplement le rechercher. Mais nous voulons continuer à chercher. Après six heures. Nous devons voir quelque chose comme celui-ci, mais cela change le type pour en charger davantage. Voilà. C'est tellement amusant d'être beaucoup plus. Vous pouvez simplement cliquer dessus. C'est vrai. Maintenant, nous avons le recommandé et le populaire, que nous avons déjà. Et nous allons utiliser la même chose. Et vous y voilà. Jetez un coup d'œil. Commande ou Contrôle, Entrée ou Retour ou utilisateurs Mac. C'est trop gros. Le plus récent. Je fais défiler. Vous pouvez donc toujours effectuer des recherches. Magnifique, peut voir l'écrivain de l'année. Joli. Permettez-moi de tout transformer en ces données. Chargez plus. Vous avez tous recommandé pour vous. Marquage pneumatique populaire. Bien, bien fait, beau. 67. Concevoir la page unique: Il est maintenant temps de concevoir une seule page. Je vais juste copier ça. Revenez ici pour avoir celui-là. Sélectionnez ces deux éléments pour agir à gauche. Oui, allons les mettre ici. Supprimez celui-ci, sélectionnez-le et Contrôlez V. Donc j'ai ceci. donc oublié de rendre cela un peu plus petit Alt Shift. Et c'est tout si vous voyez les tailles trop grandes. Pas de problème. Je vais aligner ça sur le dessus. Cool, génial. Nous savons que si nous cliquons dessus, nous pouvons voir la page de filtre. Très bien, nous avons déjà cet oncle à risque est une seule page En tant que livre, une seule page. C'est vrai ? Maintenant, je vais juste maintenir Alt Shift et faire glisser ceci vers la droite parce que nous avons besoin de beaucoup de choses pour simplement supprimer cela et garder une partie de cela en bas parce que nous allons probablement les utiliser. Et il va être à la maison. Et encore une fois, copiez vous et j'ai ce triangle ici. C'est cool. Faites-le glisser vers le haut, dissociez-le, faites sonner ici. Comme vous le voyez, nous utilisons beaucoup de choses, surtout lorsque nous faisons notre première page. Le reste est facile en fait. Nous pouvons donc cliquer avec le bouton droit de la souris et le dissocier. Il serait donc facile de faire n'importe quoi, c'est probablement maintenant que je n'en ai pas besoin. Je vais juste le supprimer. Le reste. Sélectionnez tous ces éléments et faites-les glisser vers la droite. Sélectionnez tous ces éléments et faites-les glisser ici pour le moment. Et cela devrait être beaucoup plus grand qu'une seule page. Est-ce que les gens veulent voir. Le design réel en fera huit. Joli. Et je vais juste ajouter quatre autres photos de ce livre. Au bas de ces huit heures. Voyons si nous pouvons en utiliser, vous pourriez en créer quatre. Joli. Et je peux aussi faire glisser ça pour de belles choses. Mettons maintenant la couverture du livre et apportons quatre belles images. Glisser-déposer. C'est comme s'ils étaient dans ce livre. Probablement, si vous êtes logique, cherchez des images qui le même thème, le même look. Alors peut-être celui-là, celui-là, peut-être celui-là. Glisser-déposer. Au moins, ils ont le même thème de couleur car nous ne voulons pas montrer qu'il s'agit d'un livre différent. Et nous avons probablement besoin de supprimer quelque chose quelque au coin de la rue. Et ici, nous avons le numéro un. Ici, nous avons le moins. Alors, agrandissez-le. Ne devrait pas être audacieux, ça devrait être régulier. Utilisez la touche fléchée si elle ne fonctionne pas. Voltage, verre de changement de vitesse. Donc après le fait est très petit. 28. Montez, déplacez la sélection et changez la couleur en violet. Et celle-ci devrait être l'opacité pour l'instant. C'est vrai ? Maintenant, je vais probablement utiliser ces 20 pixels de haut en bas au centre. Alors, sélectionnez cet état par défaut et nous avons juste besoin de le coloriser , les gars, c'est tout. détails du produit sont énormes. Probablement. Quand c'est quelque chose ces boulons de lactate sont 28. La même chose. 28, qui est C. C'est ainsi que nous les alignons. Ça devrait être ici. Je n'en ai pas besoin pour le moment. Et pour l'instant, l'opacité, c'est très léger. Vous pouvez utiliser celui-ci. Et ça ne devrait pas être audacieux. Il devrait s'agir d'un produit régulier jusqu'au titre du livre. Tout est 16 ans. Donc, je vais tout sélectionner. Et 16. Mauvais. La même chose. Maj sélectionne 16 bots. Régulier. Qu'en est-il de ce quart, sélectionnez peut-être un quart de travail, sélectionnez des quarts et cela ne fonctionne pas. instant, vous devez maintenir le contrôle enfoncé et cliquer pour aller à l'intérieur. Maintenant, refroidissez Maj et sélectionnez. Ensuite, nous pourrons changer l'arrière-plan. Nous allons donc simplement déplacer la sélection et la copier pour rester à l'intérieur. Cela a été supprimé. Sélectionnez cette option supprimée. Des bonbons ici. Modifiez la couleur jaune du type. La même chose devrait être 14. Cela devrait être 14. Faible. Je devrais probablement descendre. Je vais juste utiliser l' un d'entre eux et l' apporter ici. Mais pas celui-là. Nous changeons cela par autre chose. La vision, copiez, double-cliquez, collez-la ici et mettez-la ici. Parce que vous voulez savoir ce que les gens disent. Quel est le tarif ? David ? La couleur doit être cette couleur est probablement un rapport de texte. L'abus devrait être de 14. Même moi, je pense à 12 ans. Il s'agit d'une seule couleur. Et réduisez cela et supprimez celui-ci. Génial. J'adore ça. J'adore ça, c'est magnifique. C'est peut-être très léger. Sélectionnez l'état par défaut du codec, sélectionnez-le. Et voyons si cela fonctionne réellement. Parce que nous avons changé une partie de cela. Donc, si je suis par défaut, c'est l'état. Si je vais au prototype, celui-ci. Joli. Prenez en dehors de l'étape deux sélectionnée. Si je clique sur quelque chose, il y a un problème. Donc, cette couleur devrait être, si je clique dessus, sélectionnez cette couleur et assurez-vous que notre couleur est la même que celle-ci, mais pas en gras, régulière. Sélectionnez celui-ci. Rendez-le audacieux et modifiez la couleur en couleur principale. Maintenant, je crois que ça va aller, juste le prototype. Lorsque vous cliquez dessus, double-cliquez ici, et nous devons choisir l'état par défaut. Voyons si ça marche. Trunk en mode prioritaire. Celui-ci, la transition, il devrait s' agir d'une animation automatique. Jetons un coup d'œil à ça. Voyons que la valeur par défaut est celle-ci. Nous l'avons mis sur six, c'est à l'aise. L'extérieur sélectionne à nouveau, indiquez celui-ci. Cliquez sur six et utilisez-les. Il faut donc que ce soit une animation pour travailler. C'est tellement beau, génial. Au milieu, nous avons des lignes bleues. Faites glisser ceci vers le bas. Maintenant, ici, par défaut, je ne veux rien perdre. Vous y voilà. Dissocier les composants. Dissocier le composant. Nous en avons donc deux. Voyons si on peut y remédier. Alors, sélectionnez-le. Et la plupart du temps, nous devons choisir cela en premier. Il s'agit d'un groupe. Il s'agit également d'un groupe. Il s'agit donc d'un groupe et c'est tout. Alors, assurez-vous que celui-ci est un groupe. Et puis à ce sommet. Maintenant, je vais juste revenir sur G pour le regrouper, créer un composant. Il s'agit donc d'un état par défaut. Les deux valeurs par défaut seront donc celle-ci. Mais à la minute où j'ajoute un signe plus récent et un état pour voir ce qui se passe. C'est donc ce que nous avons. Sélectionnez ceci, venez ici. Il doit être audacieux, couleur. Celle-ci, grise et régulière. C'est vrai ? Mais celui-là, je vais juste trouver ça. L'opacité. Donc, le client, je n'ai pas besoin que le premier soit supprimé. Juste celui-là. Apportez-le, apportez-le ici pour le rendre professionnel. Donc, lorsque vous êtes dans l'état 2 par défaut, et que nous avons celui-ci, appuyez sur Control X. Nous sommes donc dans cette boîte, n'est-ce pas ? Commande Control V. Et ce sera l' état par défaut, l'état par défaut et l'état pour écrire l' état par défaut. Nous devons refaire l'animation, Porter très rapidement. Si je clique sur l' avis client, double-cliquez, ça va être de 0 à 18 c'est un IN OUT six secondes. Le plan de travail doit être à l'extérieur. Sélectionnez-le à nouveau. Si je suis un outil immobilier et que je clique sur les détails du produit, double-cliquez. Il va choisir l'état par défaut. Même chose, état par défaut. Nous allons juste le revoir. Joli. Donc, avant les livres connexes, je vais juste taper et chercher des articles apparentés, je vais juste copier la même chose et l'apporter ici. Voyons si vous pouvez le faire correspondre. 24. Je dois ajouter une ligne ici. À la fin de ça. Pour ce dernier. Doit être cette couleur et réduire l'opacité. C'est vrai ? Jetez un coup d'œil à ça. Je peux peut-être l'apporter ici. La même chose. Livres connexes. Je veux vraiment utiliser celui-ci, voir si je peux le faire et le regrouper, le faire glisser. Clippé pour voir ce que nous avons ici. Y a-t-il quelque chose que vous avez supprimé ? Qu'est-ce que c'est ? Est-ce qu'une copie de celle-ci ? Maintenant, je vais zoomer. Si je peux. Il y a beaucoup d'espace ici. Précisez d'avoir encore beaucoup d'espace. Pour sélectionner à nouveau. Et je peux apporter des choses, entendre des choses ici. Encore une fois, sélectionnez l'état par défaut. Les choses de banques ici, d'accord ? C'est Maj, sélectionnez celui-ci, Control, Shift, Select. Faites-le glisser jusqu'ici. Ça me manque. Et Control Shift. Joli. Voyons si c'était cela et par défaut, désolée, je cherche l'état par défaut et faites-le glisser vers le bas. C'est bien. Je vais maintenir le quart de travail et le rendre plus petit autant que possible. Très bien. Voyons si la taille a été modifiée. Je veux garder la taille 12. rétrogradation devrait être la belle histoire de niveau étoile. Celui-ci devrait être de 11 ou 10. Et 10. C'est en train de tirer, et c'est tout. Je veux m'assurer que c'est Repeat Grid. Très bien. Et c'est tristes pour ça. Remontez la couverture du livre. Maj, cliquez sur Select Plus Command ou Control S pour enregistrer l'ensemble de la conception. Donc, dans celui-ci, je l'énonce probablement par défaut de cette façon. J'en ajoute un et j'en fais même un de plus. Je vais juste venir ici, faire glisser ça vers la gauche s'il tombe en panne. Soulevez tout et alignez-les. Superbe et magnifique. J'adore ça. Il s'agit donc de l'état 1, de l'état deux ici. Nous pouvons également mettre quelque chose appelé ajouter plus ou voir tous les commentaires. Je vais juste le faire glisser ici. Cliquez avec le bouton droit, dissociez le composant. Supprimez ce C, divisez-le ici. Et je cherche encore cette flèche. C'est très utile. Partout. Cela devrait être gris et peut-être le carré. Et mettons-le ici. Rendez-le blanc. Mon Control G pour le regrouper. Voir tous les commentaires. Et nous y voilà. Je veux replacer le populaire ici. Aucune recommandation. Il y était. Pour cette recommandation, je vais les utiliser. Tout ce que nous sommes ici. Donc, tout est dans le bon espace. Sélectionnez-le, faites glisser le vers le haut. Jetons un coup d'œil. Contrôlé en entier. Tout est agréable, lisible. Working Related Books totalement alignés, partagez comme les détails du produit, l'avis client. Et vous avez les critiques populaires de CR, vue populaire, et c'est tout. Nous ajoutons cela au panier ici. Vous devez donc choisir d'ajouter à la section du tribunal. Mais maintenant, voyons voir. 68. Concevoir la page Web mobile: Appelons ça une seule page. Et maintenant, vous optez pour une vue web ou mobile de ce musclé. Sélectionnez cette option sur Alt et Maj, puis faites-la glisser et placez-la sur le côté droit. Allons-y. Il va copier cette vue mobile d' une seule page. Gardez ça. Nous devons également conserver celui-ci. Je vais enlever ces deux-là. Sélectionnez-le et faites-le glisser ici. Ce contrôle entre. Pour les revoir un peu. Dans une page, j'ai cette annonce peut couvrir, peux changer la couverture rigide, PDF. Et très, très cool. Laissez-moi obtenir le contrat. Donc, un peu. Mais il y a aussi deux choses. Je vais juste le mettre ici. Je l'ai déjà déjà pour un design différent. Je vais juste l'apporter ici, ajouter ici aussi. Et je vais aussi les ajouter ici aussi. Cela va donc être ici ou ici. Banque de diffusion de 20% de réduction en stock. Tout est parfait et ils ont un semestre. Je vais donc utiliser la même méthode, la même chose ici dans mon design. Parce qu'il s'agit d'une seule page. Vous devez expliquer si ce livre l'est, j'essaie de le faire aligner sur cela, si c'est possible. Joli. Faites glisser ceci vers la droite. Qu'en est-il en stock ? Pouvons-nous le faire pour tout ce qui est possible ? Et maintenant, qu'en est-il de ces types ? Risquez, faites-le glisser et déposez-le ici. Par conséquent, l'état par défaut, sélectionnez-le, mettez-le un peu ici, et là, voyez simplement la taille. Parce que c'est plus facile de jouer dehors à côté de moi ici. C'est donc ce que nous avons. Je dois donc tout mettre à l'intérieur. Maintenant. Je vais juste mettre et faire glisser ça ici et cliquer dessus avec le bouton droit de la souris. Amenez-le devant. Tout d'abord, je vais juste essayer de le réparer ici. Ensuite. Alors, que devrait être cette personne 14. On y va. Je vais traîner ça ici. Faites-le un peu plus petit. Je peux juste le faire glisser, le mettre ici. Et nous y voilà. produit. Nous avons le client 14. Si vous êtes long, cliquez sur Alt et Maj et maintenez-le enfoncé et faites-le glisser vers la droite. Je peux aligner ça. Scanright. Que va-t-il se passer ? Je n'en ai pas besoin. Cela va donc être centralisé. Ensuite, nous allons nous soustraire pour l'aligner. C'est le cas. Maintenant. Sélectionnez tout, sélectionnez, contrôlez, sélectionnez. Ce que je vais faire, c'est que je vais le mettre ici 14 et interagir avec tout ça. Je vais essayer de faire ce sushi. Peut-être 16, 16. 16, 16. Parce que la marge se maintient. Parce que je dois trouver un moyen de les intégrer, manière à ce qu'ils soient tous alignés sur cela. Et ce serait inutile. Donc, l'extérieur double-cliquez dessus. N'importe qui a 10, 10, 10 ans. Très bien, j'adore ça. C'est cool en fait. Je vais donc simplement supprimer l'un d'entre eux, contrôler la sélection et la suppression. Maintenant, c'est bon. Sélectionné, mettez-le ici, cliquez dessus, faites-le glisser vers le bas. Maintenant, si je vais à l'état 2, revenons ici. Celle-ci et celle-ci, et celle-ci. Copiez-le. Restez à coller, supprimez celui-ci, supprimez celui-ci, supprimez celui-ci. Directives d'une amplitude ici. Sélectionnez-les, faites-les glisser tous et placez-les à l'intérieur. Et les lignes doivent être sélectionnées. Faites défiler vers le haut. Je peux peut-être en mettre trois. Ici. J'y vais. Je vais essayer de voir si tout va bien. Cliquez ici, sélectionnez Maj. Encore une fois, 1, 2, 3, 4, sélectionnez, double-cliquez et collez. Par conséquent, un état par défaut est 2. Cela devrait aller vers la droite. Très bien, disons deux. Parce que ça va être audacieux. Cela va être 0. Et voyons si ce que nous avons fait, c'est du travail. Très bien, faites-le glisser et déposez-le ici. C'est tellement sympa. Sre est Control, Enter. Découvrez ça. Quoi qu'il en soit, cela va provoquer un type. Si je clique dessus, il se passe quelque chose pour un problème. Si je vais à l'état 2 et que je clique sur le produit, c'était Lee ici, je dois choisir la destination et la mettre par défaut, l'état dedans. Pour le luxe, le détail des produits, avis client, l' adore et quelque chose ici. Je dois donc réparer cela va faire partie de la conception. Et nous y voilà. Maintenant, nous avons un lien avec la dette. Voyons si je peux en faire un carrousel comme celui-ci. Faites glisser tout vers le haut. Événement ici. Et celui-là a l'air expliquer. Bon, gamin. Poissons centrés. Tracez-le. Tout devrait la rendre belle. Et ça va marcher. Également. Je les ai aussi populaires. La même chose. Allons faire glisser ça vers le haut. Facile et facile. Contrôlez, entrez pour les vérifier. BD, Green Book, tout est au bon endroit. J'adore, et il manque quelque chose ici. Cela devrait venir ici encore une fois. Donc, en animation, nous avons corrigé tout cela parce que nous devons animer tout cela également. Vous êtes tous au panier. Bien fait. Certains sont populaires. Très bien. Il est donc temps de supprimer celui-ci. Je n'en ai pas besoin. Sélectionnez, Maj, sélectionnez Glisser vers la gauche. Quelle est la prochaine étape ? Ce devrait être mes cartes ce moment, il est temps de concevoir. 69. Concevoir ma page de carte: Très bien, il est maintenant temps de les créer. hauteur de ma carte, il suffit de la sélectionner Commande ou Control C pour la copier. Venez ici, sélectionnez cette molette de commande ou de commande. Il suffit de cliquer sur Alt Shift en maintenant la touche Contrôle enfoncée et de faire glisser celui-ci vers la droite. Nous allons utiliser cela. Celui-ci va le supprimer. Sélectionnez ceci probablement que je vais utiliser tout cela. Celui-ci du haut devrait donc être ici. Faites-le très petit. Je veux celui-là. Commande Control C. Sélectionnez le premier, virgule Control V et faites-la glisser vers le bas. Joli. Voici mon curseur. Très bien, sélectionné. Allez ici, sélectionnez celui-ci, réduisez l'opacité. Ici. J'aime ça. Sélectionnez toute cette mesure est de 14 balles. C'est tout. Pour la quantité. Nous devons ajouter celui-ci. Assurez-vous que ce groupe, puis-je contrôler G ? Celui-ci est déjà en carte. Faites glisser ça ici. Le prix devrait être de 40$. Notre ligne, cette Alt Shift, faites-la glisser vers la droite, et c'est tout. Nous avons également besoin des poubelles. Ainsi, les gens qu'ils ne veulent pas changer d'avis peuvent aussi être plus petits. Il se déplace un peu plus petit et change la couleur en gris clair. Et c'est tout. Tout. Assurez-vous qu'il est au centre de cela et faites-le glisser bien vers le bas. Et c'est une grâce. Et SELEX et faites glisser la ligne. Assurez-vous que la ligne est très légère. Sélectionnez tout, faites-le monter un peu, un peu de grille, faites-le glisser vers le bas. Assurez-vous que cela va être égal. Joli. Il est bon de couvrir quelques-uns des plus cool ici que vous aimez les interrompre activement ici. Prochaine. Faisons donc ces deux choses. Et aussi, je suis Control en sélectionne deux. Cela va être 80. Il va être 20 dollars. C'est bon ? Peut être plus de 20 volts. Celui-ci va entrer à l'intérieur et sélectionner cette pièce. Probablement 16 ou 14 volts. Je pense à 16 vies. Donc tous les sélectionnent et ceux-ci peuvent obtenir des flèches. Je vais juste aligner ça. Ce sera le sous-total. 240$. Faites glisser ceci vers le bas. Vous cherchez un sous-dural, revenez, retirez L pour le verrouiller. Et apportez tout ça ici, appelé Shift. Faites-le glisser. Tout ça. Sélectionnez ceci, faites la bordure violette et suivez celle-ci et celle-ci ici à gauche. Nous avons un Coupang lourd. Et c'est ça. Ceci, encore une fois, déposez-le ici. Sélectionnez ce composant contextuel et dissociez le composant. C'est donc ce que nous faisons. Votre code, copiez Control-V. Cela va donc être 14 ans. Ce sera la frontière et ça va être blanc. Il va produire ici. Mais la couleur doit être gris très clair. Et seulement celui-là en plus d'un coupon, peut-être 16 irait bien. Ils peuvent donc le faire glisser, le sélectionner, le faire glisser vers la droite. Si je peux, je peux juste le mettre ici. J'adore ça. Et nous allons suivre ça. Prenez donc ma carte et sauvegardons la première commande ou Control S pour sauvegarder l'ensemble du projet. Maintenant, cliquez sur ma carte. Retour de contrôle ou de commande. Tout est au bon endroit. Trop facile si vous avez beaucoup d'écart ici. Revenons en arrière. Puis-je contrôler ? Sélectionnez tout, faites-le glisser vers le haut et verrouillez-le comme ceci. Bonne quantité. Parfait. En ce moment, nous avons fini mon chariot. J'ai adoré. Créons la vue mobile de mon panier. 70. Conception de page Web: Très bien, créons maintenant la vue mobile. Faites glisser celui-ci vers la droite. Nous n'avons pas besoin de celui-ci. Sélectionnez les deux, faites-les glisser vers la gauche. Je vais donc tout retirer au sommet. Rien. Permettez-moi de le donner un peu plus petit. S1. Mais c'est bien. Nous pouvons donc ajouter et plus comme il a été nommé prix. Et chaque fois que je porte ça à gauche. qui est cool à ce sujet, si nous n'avons pas besoin de celui-ci en réalité sur mobile. cool, c'est juste de faire glisser ça vers le haut. Voyons le sous-total en haut. Modifié. Voyez-le celui-là. Oui, il fait chaud. Je viens donc sur la page de mon panier. Je vois ce sous-total. Il s'agit d'un rendement mobile, donc ça ira bien. Retourons-le graduellement et laissons-le tomber. Assurez-vous que c'est 14. Joli. Dissocier. Dissociez, ne le dissociez pas. Maintenant, ajoutons simplement quelques-unes de ces belles images ici. Ensuite, vous pouvez les dissocier. Vous pouvez donc y aller, donc ça va être deux. Tout va bien se passer. Et je vais juste faire traîner ça et le niveau de police. Voyons donc ce que nous pouvons faire avec cela. Faites-le glisser vers le haut. Certains en bas. Puis-je contrôler en tant que Luckett ? C'est donc mon contrat avec chance, celui-ci aussi. Glissez-déposez-le ici. Très bien. Nous faisons quelque chose comme ça. J'ai un code promo. Mettez-le ici, non ? Essayez de faire quelque chose comme ça. Maintenant, nous allons nous assurer qu'il est au centre comme ça. Sélectionnez tout. Revenez. Je vous ai dit de le regrouper Alt, le faire glisser ici est une ligne. Coïncidez, faites glisser tout vers la gauche jusqu'à ce que l' alignement sur celui-ci, alignez-le sur celui-ci et ramassez-le. Prochaine. Tout devrait avoir 14 ans, c'est la limite. Faites-le glisser vers la gauche. Celui-ci devrait avoir 20 ans, je suppose. Superbe. Et tout cela devrait avoir 16 ans ou peut-être moins, 14 ans. C'est bien. Continuer doit être de 14 ou même de couleur plus claire. Et c'est le paiement. Et je suis prêt à y aller. Allons arranger celui-ci. Une fois encore. Sélectionné, soulevez-le. Donc, cette page unique est plus ma carte mobile et sauvegardez-la. Et jetons un coup d'œil. Très bien, nous pouvons voir le sous-total ci-dessus. Ainsi, le NAD plus peut être supprimé. La beauté est que certains ont un code promo ici. Et c'est tout. Et si je l'aligne sur cette jambe gauche ? Vérifiez ce que je serais mieux. Comme 23, aligné à gauche. Voyons voir. Je ne pense pas. Commande Control Z pour revenir en arrière. Mais vous pouvez faire quelque chose pour améliorer les choses. Aligné le dernier sur ce y, comme ça. Maintenant, c'est logique. Tournez-le ici pour que je puisse mieux le voir. Maintenant, j'adore ça. Un code promo est énorme, n'est-ce pas ? Donc, peut-être 14 ans. Je m'en souviens. Voyons encore une fois, les sous-totaux mobiles, il y en a 40. Très bien, maintenant j'aime concevoir. Continuez vos achats, votre livre électronique et le pied de page. Très bien, nous avons le myocarde ou la valeur. Voyons ce que nous rions d'autre en concevant. Ensuite, nous avons beaucoup de liste de l'ennemi que je suis vraiment excité pour la partie animation. Et nous allons maintenant créer la forme. 71. Page de suivi des expéditions: Passons maintenant à la conception du suivi des expéditions. Je vais juste copier ça et l'amener ici. Sélectionnez cette commande V pour les copier. Et encore une fois, sélectionnez-le, ma carte. Je vais le faire glisser vers la droite. Je vais d'abord supprimer cela, puis le courant sera déverrouillé. Je vais cliquer avec le bouton droit de la souris et le dissocier. C'est peut-être le cas. 24 maintenant, on peut très bien, je vais juste faire baisser ça pour l'instant. Copier, c'est seulement comme concevoir. Peut-être. Je change juste de couleur. Et je pense qu' ils sont tous petits. Joli. Faites-le glisser ici. Hé, c'est ici. Rendons-les tous égaux et décalons la sélection puis le déplace. Ici, vous allez aux titres. Faisons ça. Pour l'instant. 14. Allons ici, expédition, expédition. Maintenant, sélectionnez tous ces éléments. J'essaie de trouver cette idée pour rendre ce jaunâtre. Si cela ne fonctionne pas, il a besoin sa frontière et je dois le faire de cette façon. Alors qu'en est-il du terme que nous avons déjà est le contrôle de copie , sélectionnez, double-cliquez sur Contrôle V. Donc, cela va ressembler à ceci. Cette rose. Et parfois, elle accroche autre chose. Puis cliquez sur. Cet outil MOOC ne poserait cependant aucun problème. Supprimez cela. Apportez votre colis est entièrement livré, est livré à la livraison. Et nous y voilà. Et nous en sortons aujourd'hui pour des zéros. Ou même des rangées. Ça devrait être gris. Répétez la grille, baissez cela, assurez-vous que huit tailles égales. Je cherche la même photo des mêmes photos. Donc, lorsque nous les animons tous pour qu'ils soient identiques et que le CIO s'en occupe. Très bien. Ils sont égaux. Maintenant, allons-y. Ce serait probablement le même design. Donc, je vais juste choisir. Ces choses ici peuvent être aimées. Ces éléments, cinq zones expliquées. Très bien. Et c'est une copie d'un de ces documents. Mettez-le ici. Suivi des expéditions. Et nous y voilà. Cela devrait être livré à la livraison, à la livraison. Donc je devrais signaler la routine, ça devrait avoir 14 ans. C'est la même chose que je descends. Et ça peut avoir 16 ans. Voyons voir, ou même celui-là. Copiez, collez. Revenons en arrière. Collage, suivi Chapin, contrôle, suivi interoculaire pour les articles de livraison. Détails de suivi. Poète. J'appelle quelque chose qui manque ici. Donc, quelque chose que nous pouvons faire ici est de les sélectionner et de faire la même chose. Fais-le entrer à l'intérieur. Sélectionnez-les, maintenez la touche Alt ou Option enfoncée, faites glisser cette option Si ces deux-là sont de la même couleur, maintenant, ils sont de la même couleur. Et celui-ci devrait aller ici. Sélectionnez Alt ou Option, faites glisser cette option vers le bas. C'est donc plus logique maintenant. Retour de contrôle ou de commande. C'est le cas, donc ces deux-là devraient l'être, je vais juste faire ça et faire glisser ça vers le haut. Très bien, aligné. Et puis un moteur diesel a grandi avec lui. Sélectionnez les commandes. Bien sûr, il s'agit de la zone de contrôle sélectionnée. Et c'est tout. Jetons un coup d'œil. Donc, la beauté, la justice devrait être 8080, deux objets. Nous ne l'oublions donc pas pour l'animation. Essayez donc de faire en sorte que tout soit logique. Il y a un menu, animer ça et les gens disent : Ce qui s'est passé, c'était 80 ans. Ils ne diffèrent donc pas toujours du patient et du design et ils veulent voir quelque chose de réel, surtout dans l'animation. Nous avons donc deux articles AT. que je peux contrôler S ? Et voyons la vue mobile de cela. 72. Conception de page de suivi des expéditions: Très bien, voyons la vue mobile du suivi des expéditions. Nous n'avons pas besoin de celui-ci. Sélectionner, c'est faire glisser ceci vers la gauche est mobile. Vous allez Alt et Shift en même temps et supprimez tout ici. Et même la serrure. Encore une fois, ça va être très rapide. Copiez ceci, collez-le ici. Faites glisser ça un peu vers le bas. Contrôle Entrée. Je peux donc avoir en service des hommes très associés. Très bien. Il fait froid et très simple et l'attrape. C'est vrai ? Je vais juste sauver ce commandement ou ce contrôle S. Voyons ce que nous avons d'autre ? Concevons maintenant la page À propos de nous. 73. Page à propos de la conception: Passons maintenant à la page de conception de mon Control C. Venez ici. Allons la première fois. Faites glisser et maintenez la touche enfoncée, déplacez la page principale. Parce que nous allons de la même façon. Ecoutez probablement. Donc, nous gardons ça ici. Nous n'avons besoin de rien. On peut peut-être les laisser ici pour l'instant. que je peux contrôler ça ? Nous utilisons une vidéo très étonnante ici ? Donc ça va être le cas, j'ai aussi fait le reste très rapidement pour qu'il puisse jouer autour. Donc, ça devrait être comme ça. Histoire. Il suffit de fixer style de personnage à n'importe quelle mission. J'ai juste besoin de régler ça. 1624. Il y a trop de 20 tailles de ça. Bonjour. Nous pouvons donc ajouter plus de texte. À moins qu'ils n'aient l'éditeur. Et l'acheteur. 16 devrait probablement être 8, 24. Celui-ci devrait être âgé de 28 ans, il y a 14 ans. Le district est 14. Il va s'agir de celui-ci et celui-ci devrait avoir 28 ans. Ceci, ceci devrait être de 16 volts heure. Ils ont ce droit. Il va le supprimer. Et revenons ici parce que nous avons déjà conçu. Donc, personne ne peut le refaire. Faites-le glisser vers le bas. Celui-là. Eh bien, que je vais probablement m'en servir. Au lieu de cela, nous obtenons cette énorme idée de mettre cela en pratique au sommet de cet abonnement. Très bien, et donc j'ai fini par être connecté pour changer cette conception. Et nous y voilà. Voyons voir. Donc, si quelque chose s'est passé comme ça , vous savez, quand vous les déplacez, tout bouge parce qu' il est de taille réactive. Assurez-vous donc que 10 de contrôle sur T MOOC ou émission. Donc, il faut que nous changions ces couleurs, 1, 2 et 3 de cela. Ce jaune. Ce jaune. Ceci. Assurez-vous que notre principal séjour Connor fournisse de l'or rose. Poulet pour l'emplacement. Joli. Tout est au bon endroit. Un peu trop petit pour l'en-tête. Nous devons probablement le rendre audacieux et blanc. L'écart entre eux devrait donc être de 26, probablement six heures. Rendez-les centralisés. Allons-les voir. Ça va appeler ça « À propos de nous ». Carte tirée dans S3. Très bien, tout est parfait. Allons fermer ça. Allons pour le mobile. Si nous n'avons pas besoin de celui-ci, faites-le glisser ici et apportez-le ici. J'ai déjà fait la vue mobile pour vous parce que c'est facile. Et il suffit de le copier ici. Parce qu'alors, il s' agira de nous affaire mobile. Parce que maintenant on peut opter pour l'animation. Il suffit de sauver ça. Et c'est l'heure du prototypage et de l'animation. Notre travail. 74. Ajouter une vidéo à l'animation Lottie dans Adobe XD: Enfin, nous sommes dans des parties d'animation. Jouons à ça. C'est ce que nous essayons de faire. Nous allons ajouter une vidéo à la bannière ou à une bannière de héros. Ensuite, si je viens ici et que je clique sur ce livre, je vois une carte qui retourne. C'est vrai ? Ensuite, si j'ajoute au panier, si un effet dépresseur clique va changer l'ajout au panier. Ensuite, nous avons beaucoup d'animation. Et celui-ci va aussi apparaître ici. Revérifiez ça à la voiture. Beaucoup de l'animation et celle qui apparaît ici. Revenons en arrière. Très bien, c'est beau. Voyons comment nous pouvons concevoir cela. Et ça s'en va. Et je vais juste imprimer l'un d'entre eux ici. Et je vais vous montrer la bonne animation. abord, je sélectionne l'arrière-plan, assurez-vous qu'il s'agit d'une transformation 3D active pour le moment. Sélectionnez l'arrière-plan. Allez dans votre dossier, les vidéos. Nous avons trois vidéos ici. Je l'ai édité et je l'ai réduit dans Adobe Premier Pro. C'était devenu celui-ci, mais la taille du fichier était de 25 mégaoctets. Le problème est que la taille du fichier est énorme, elle est de 25 millions. Adobe XD accepte moins de 15 mégapixels. J'utilise donc une application appelée sac à main. Je fais glisser et déposer ces deux-là. C'est une application, c'est gratuit. Il suffit de rechercher dans le frein à main Google, faire glisser et de le déposer. Vous pouvez passer en mode vidéo et réduire la qualité est inférieure. Alors assurez-vous que ce sera M p quatre. Enregistrez-le donc en MP4. faut le faire à la main. Il vous suffit donc de le taper MP4 et de cliquer sur le code de démarrage, donnez-lui un emplacement pouvant être dislocation et commencer à coder. Après l'encodage, vous avez quelque chose comme ces huit mégaoctets et vous l'avez, glissez-le et déposez-le en arrière-plan. Maintenant, si je double-clique dessus, je vais à l'intérieur. Vous voyez ici, je suis sur un rectangle. Rien n'est encore actif ici. Assurez-vous de cliquer sur cette icône, l'icône de lecture. Ensuite, vous voyez que ce panneau vidéo est activé. Assurez-vous qu'il est débranché automatiquement. Je peux également lire la vidéo. Je peux dire par où commencer maintenant. Si je clique ici et que je joue, ça va commencer par ici. Mais si je clique à nouveau dessus, assurez-vous de cliquer sur cette petite icône ici. Avec l'icône de jeu dessus. Lire automatiquement cliquez sur ce panneau et à gauche, vous pouvez choisir votre propre heure près de l'ascenseur que vous avez, ou nous pouvons simplement utiliser ce qui se trouve sur votre vidéo. Ensuite. Et pour ce qui est de l'audio, je vais le mettre en sourdine. Cette garniture. Si je clique dessus, je peux le couper. Je peux dire à partir d'ici, commencer par le deuxième. Et je veux aussi être comme ici pour pouvoir le couper. Je peux dire que c'est comme jusqu'ici, les 15 secondes. Alors, OK. Cliquez sur l'extérieur. Maintenant, je peux le jouer sélectionné et le jouer en commençant à partir d'ici va être de 15 secondes. Je peux aussi le mettre en boucle, ce que je n'ai pas fait pour l'instant. Si je clique ici, Lecture en boucle, vous pouvez l'activer. Ce sera donc une boucle pour toujours, mais nous ne voulons pas cela pour l'instant. Mais si vous le voulez, vous pouvez le mettre sous. C'est ainsi que vous pouvez facilement ajouter une vidéo à votre bannière dans Adobe XD. Très bien, passons maintenant à la deuxième animation. Cela va être très intéressant. Il va s'agir d'une carte qui retourne. Donc ça va être devant, va appeler ça avant pour appuyer sur Commande ou Contrôle. D va copier quelque chose au-dessus, la même chose. Je crois donc que quelque chose manque peut entraîner cela par année. Encore sélectionné. Donc ça va être devant, ça va être de retour, non ? Alors, éteignez l'avant pour l'instant. Mais avant cela, sélectionnez-les tous les deux et appuyez sur Commande ou sur le contrôle G pour les regrouper. Je vais juste appeler ça Flipkart. Flipkart, nous devons à l'arrière et à l'avant. Le devant devrait être en hauteur, maintenant. Regarde ça, je clique dessus et il est difficile de le vendre. Assurez-vous de cliquer sur Remplir et le ramener à cette largeur, il sera blanc. Et voici ce que nous devons faire. Et cela va copier ces trois copies. Sélectionnez l'extérieur, puis collez-le ici. Je vais juste le faire glisser au-dessus. Et cette ligne de texte est copiée ici. On y va. Centraillez-le vers le bas. J'ai aussi besoin de ces copies, ceci, ceci et cette copie. Comme dehors. Alors venez ici et collez-les ici. C'est donc exactement ce que nous voulons. Alors, sélectionnez-le à nouveau. Si vous flipkart, assurez-vous d'être à l'intérieur. Et je vais juste verrouiller cette commande Control L. Donc j'ai verrouillé l' arrière-plan pour pouvoir tout sélectionner ici et définitivement carte correcte ? Commandez Control G pour le regrouper. Donc, tout est un groupe et voyez ce qui se passe. Donc, le Flipkart, vous devriez aller dehors. Jetez un coup d'œil. Le Flipkart est à l'extérieur. Ce groupe devrait entrer à l'intérieur, et même le sac devrait venir ici. J'ai donc tout changé. Donc, le Flipkart, il y a un groupe à l'intérieur. C'est le groupe à l'intérieur du Flipkart qui l'a déjà fait, je vais juste rappeler ça. Donc rien de spécial alors que, à l'avant et à l'arrière, le dos se trouve juste à l'intérieur de cette carte à rabat. C'est tout ce que j'ai fait. Ensuite, revoilà. Et puis ajoutez-y. Parfait. Faisons de cela une copie, maintenons Alt et Maj et faites-le glisser vers les droits de l'animation. Après la deuxième , sélectionnez-les, activez cette animation 3D et faites-la pivoter. Si j'ai fait une rotation, je vais tourner. Flipkart est d'appuyer sur Commande ou Control Z. Ouvrez-le, sélectionnez juste l'avant, puis faites-le pivoter de 90 degrés, prédira la main BET 90. OK. C'est ça. Sélectionnez l'extérieur. Viens ici. Dix, pour l'instant, ils peuvent revenir en arrière. Si c'est le front qui va dans ce sens, celui-ci devrait aller dans cette direction. Cela va être 90 sous l'angle droit. Maintenant, assurez-vous que c'est actif. Cliquez sur Flipkart. Et voyons si nous pouvons animer cela. Passons au prototype. Faites glisser ceci vers la droite. Il va s'agir de tabulation, d'animer, faciliter l'entrée, de sortir. C'est une solution facile. Et l'Eurasie est six secondes, ce serait très bien. Sélectionnez également celui-ci, faites-le glisser ici. La même chose va appliquer un onglet ou animer est dans ses six secondes. Voyons ce que nous avons fait. Sélectionnez celui-ci. assiette. Silicium. C'est joli, joli. Nous pouvons également faire quelques tweets, quelque chose comme celui-ci. Retournez à Design, sélectionnez-les, assurez-vous que le front est désactivé maintenant. Retournez en arrière. Ramenez-le à 0 pour l'instant. Allons à l'intérieur. Maintenant, sélectionnez celui-ci. Il suffit de l'éteindre lorsque je le sélectionne et de le faire glisser vers le haut. Faites glisser ça vers le haut. Le fait est à gauche, faites-le glisser vers la droite, faites-le glisser un peu vers le bas, et c'est tout. Essayez de ne pas sortir car la cour de basculement, si vous sortez, sera retardée en fonction de votre ordinateur. Je vais juste choisir ça. Ensuite, sur sélectionner le dos, activer, ce sont 90. Encore une fois, sélectionnez la plaque d'accueil. Voyons ce que nous avons fait. Sélectionnez. Joli. C' est tellement évident que nous le sommes, mais cela signifie un peu que quelque chose se déplace en arrière-plan. Et cela rend les choses plus intéressantes. Ou si vous voulez le rendre plus intéressant. Avant, derrière, sectionnez l'arrière, assurez-vous que c'est 0. Je peux simplement faire glisser ça vers la gauche, vers la droite. On peut donc voir un peu d'animation cool. Et 90, allumez ça. Rejouons. Donc, c'est comme ça que vous avez éliminé le jeu avec et vous voyez que quelque chose recule. Et cela rend les choses plus naturelles et intéressantes. La prochaine partie est si quelqu'un ajoute au panier, que se passe-t-il si j'appuie dessus ? Nous devons ajouter quelque chose appelé animation Lottie pour cette partie. Allons sur le site web, latae files.com. Ensuite, vous tapez ici le panier d'achat. C'est quelque chose que nous essayons d'utiliser. Si je clique dessus, j'ai cette animation. Je peux simplement télécharger le JSON tardif, mais pour le moment j'ai un problème. La couleur de ce calque est noire. Je veux être ma couleur principale. Je viens donc modifier ces calques. Si je clique dessus, je peux venir ici et changer cette couleur. Revenons à mon design. Une de ces couleurs, je vais juste copier, c'était ma copie couleur principale. Sélectionnez l'extérieur. Revenons sur le site Web. Cliquons dessus. Cela va apparaître et il suffit de le coller ici et de le mettre à jour. Si je le mets à jour, vous voyez ce qui va se passer. Et vous mettez à jour qui a essayé de mettre à jour l'image entière, toute l'animation. Maintenant, cliquez sur cette petite icône ici pour que vous puissiez simplement télécharger le fichier JSON et le télécharger. Je l'ai déjà mis ici dans des dossiers. Le tardif, Jason et le panier. Revenons en arrière. Revenons ici à la deuxième partie qui va l'apporter ici car ces fichiers JSON sont énormes. Voir est si grand et vous ne voyez aucun jour 10 sur 10 l'animation 3D de la touche Maj enfoncée pour la réduire. Le problème, c'est que nous ne voyons pas la taille. Nous devons donc le deviner et nous devons jouer autour de nous et faire un long quart de travail et j'essaie de le mettre au bon endroit. En fait. Je le laisse ici pour que je puisse toujours voir si je viens ici sélectionné, on peut sélectionner le C, mettre ma souris ici pour voir, je sais que c'est là. Double-cliquez dessus, cliquez avec le bouton droit de la souris et dissociez-le sur le composant. Nous avons essayé de refaire le composant, alors Shift les sélectionnez-les tous et cliquez sur ce signe plus. Une fois encore. Cliquez à nouveau sur le signe plus et sur vos états. Nous sommes sur un état 2. Cela signifie que cela doit changer, par exemple, à cette couleur ajoutée au panier. Cela va vers la gauche et disparaît également l'opacité 0. Cela va entrer en jeu. Le centre. Le fond doit être blanc, la bordure doit être violette. Très bien, cool. Et ici, je dois ajouter ceci à cette déclaration. Alors sélectionné Command ou Control X. Vous êtes dans cet état, n'est-ce pas ? Sélectionnez dessus. Nous sommes en état de double-cliquer, d'aller à l'intérieur, puis d'appuyer sur Commande ou Contrôle V pour le coller et pour le copier ici, je vais juste le faire glisser et le mettre ici. Et ça va le rendre un peu plus petit. En maintenant Shift, rendez-le un peu plus petit. Ici. Un peu peut-être avec des plus petits. Parce qu'il va aller à droite et disparaître. Nous sommes donc dans l'état 2 et c'est l'état par défaut. Lorsque vous êtes dans l'état par défaut, si je passe au prototype, double-cliquez sur cet onglet, Animation automatique. Peut-être que pour la seconde, choisissez la destination. La destination doit être un état deux. Si nous sommes dans l'état 2, encore une fois, Ajouter au panier doit revenir à l'état par défaut. Choisissez l'état par défaut. Revenons ici et voyons ce que nous avons fait. assiette. Retournez la carte. Magnifique, ajouter au panier. Belle animation. Regardez. Une fois encore. Ecoutez, c'est un peu gros. L'éthique carrée. Également. Lorsque nous cliquons sur Ajouter au panier, quelque chose devrait venir ici comme un numéro, quelque chose ajouté au panier. Nous devons donc montrer qu'il y a un article dans votre panier. Revenons ici. Passons en mode design. Revenez ici. Nous pourrions aussi l'état deux par défaut. Nous cliquons dessus et le déjeuner, faites-le un peu plus petit. Joli. Donc, lorsque nous sommes dans l'état de double-cliquer à l'intérieur, passez à Alt Shift, faites glisser quelque chose, quelque chose comme ça. En outre, je dois faire de ce violacé une bordure de blanc et appuyer sur T et taper 1 ici, assurez-vous que la couleur est blanche. Ici. Il devrait être un peu plus grand. Très bien, cool. Sélectionnez Camera Control G pour le regrouper. Maintenant, nous sommes par défaut, indiquez comme le droit. Faites glisser ceci et déposez-le ici. Cela signifie donc, double-cliquez et revenons à l'état plié. Mademoiselle, si je clique sur cette plaque, retournez la carte pour voir. Ici Jack Dorsey peut voir la critique. J'adore ce livre. Je veux l'acheter. Si je clique dessus, je vois aussi l'animation que celle qui apparaîtra ici. Si je n'en veux pas, je peux y retourner. Regardez, jetez un coup d'œil ici et je clique dessus. Il est connecté ici. Et une belle animation tardif. J'adore ça. Très bien, donc, jusqu'à présent, nous savons comment ajouter la vidéo à Adobe XD. Vous savez comment réduire la taille du fichier à moins de 15 mégaoctets. Maintenant, la voiture-palme et comment créer un état de composant avec l'animation Lottie dedans. Ce que je vois, c'est que lorsque je clique dessus, je le vois derrière, n'est-ce pas ? Il arrive très vite. Est-ce toujours disponible ? Faisons donc en sorte que cela soit corrigé. Si je clique sur le premier et que je suis à l'intérieur, le dos devrait être 0. Et celui-là aussi. Si je passe à la suivante , dans celle-ci, le chariot derrière, qui est le devant, l' opacité devrait être 0. Maintenant, si je le joue, il serait beaucoup plus petit. Et exactement pour être comme une cour de basculement, n'est-ce pas ? Tess, c'est beaucoup mieux. Ou que nous essayons de faire cette animation un peu plus rapidement. C'est six. Si je le mets, c'est six. Si je le mets, voyons ce qui s'est passé maintenant. Écoutez, c'est mieux. Donc, quand quelque chose se retourne, j'ai essayé de le rendre plus rapide ne pas voir quelque chose au milieu. J'ai l'air bien mieux. Et je pense aussi que si je clique dessus et que mets l'assouplissement en un clin d'œil, que va-t-il se passer ? Donc, juste le test. Donc, parfois, vous devez jouer avec elle jusqu'à ce que vous voyez lequel vous convient le mieux. Voyons voir. Juste un pas dans un endroit. À la fin. Écoutez, c'est un mouvement de lettres. accrochage est bien meilleur que vous n' augmentez la durée. Ecoutez, si je mets huit, juste un échantillon, voyons ce qui s'est passé. Il est beaucoup plus petit. Mais pour avoir retourné, si je ne veux pas voir quelque chose derrière ça, je peux le faire plus vite ou je peux le faire comme c'est à vous de décider , alors vous essayez de jouer avec. Peut-être qu'une seconde, c'est bien. Et voyons, lequel est le plus agréable pour vous. Je crois que les 4 secondes sont agréables. C'est peut-être un peu rapide ou cela dépend de votre client. Vous pouvez jouer avec elle. Vous pouvez le mettre sur 6 secondes. 6 secondes. Je crois. C'est bon d'y aller. Jetons un coup d'œil. J'adore ça. J'adore ce sentiment. Très bien, cool. 75. Créer des sections de tendance à l'animation Hover: Passons à la deuxième animation pour les tendances, cliquez ici et Control Enter. Voyons voir. Nous l'avons donc fait. Et si je passe la souris dessus pour voir ce qui s'est passé dehors et que je le plane dessus. Voyez à quel point c'est beau que cela arrive. Voir quelques textes, voir la Prius et ajouter au panier. Génial. Si vous ne le souhaitez pas, il suffit cliquer en arrière et de sortir, regardez. Est-ce un beau ? Très bien, voyons comment nous pouvons créer cela. Essayons avec celui-là. Je pourrais le faire. C'est très simple. Si vous sélectionnez cette option, appelons aussi cet homer. Je vais juste appeler ce dossier en survol. Donc, probablement pour vous les gars, ça devrait être comme ça. Si c'est comme ça, vous voyez cette poignée simplement dissocier la grille. Si vous dissociez la grille, vous aurez la même chose. Ainsi, chaque individu sera un dossier que nous appelons aussi plus haut. Maintenant, je dis que cliquez sur notre domaine et cliquez dessus. Je veux voir ce que nous avons fait et le faire exactement au même endroit. Maintenant, nous avons déjà fait n'importe quoi, il suffit de sélectionner le matériel à la composante clinique. Maintenant, cliquez sur le signe Plus, et ici il devrait être survolé, il suffit de le planer et de le laisser partir. Maintenant, ou contrôle LAN, cliquez pour sélectionner l'image. Faites glisser ça jusqu'à ici. Et voyons voir. Le rayon limite est de 10 ici, le rayon de frontière doit également être de dix. Ensuite, sélectionnez tous ces éléments et faites-les glisser vers le haut. Juste à côté. Sélectionnez maintenant l'extérieur. Je vais juste copier ça. Copiez-les également. Cet arbre. Puis-je contrôler C directement ici, ce zoom. Sortez maintenant Control V et faites-les glisser vers le bas et mettez-les au centre. Et en essayant de l'aligner, cet ensemble de Galton. Si nous voulons être une ligne, en fait, je vais simplement faire glisser celle-ci ici pour m'assurer que je suis aligné à 100 %. Cliquez donc dessus et un vers le bas, donc pour être parfait. Et c'est aussi à s'interroger. Donc, si je sélectionne cet état de survol d' amine, comment notre domaine par défaut est animé par lui-même. Cela signifie donc que si je reviens par défaut, l'état, allons notre domaine et double-cliquez sur cette image. Alors faites-le glisser un peu vers le bas pour que je puisse mieux voir les deux yeux. Maintenant, encore une fois, sélectionné, revenez à l'état par défaut. Et ici sélectionné revient à la valeur par défaut lorsqu'ils sélectionnent leur arbre d'accueil et leur icône de lecture et d'animation. Maintenant, jouons-le. Descendez à la minute je survole et c'est ce que je vois. Ou celui-là, ou celui-là. Vous pouvez modifier la durée de cette animation par défaut si elle a été animée. Si vous passez au prototype, vous voyez qu'il est animé par lui-même. Il est hover automatique animate n est de trois, essentiellement trois secondes. Je vais juste l' extraire comme une aisance et on va le mettre six secondes. Et voyons la différence en fait. Revenons à la plaque Design. Voyons d'abord ça très vite. Maintenant, celui-là, c'est beaucoup plus lent, n'est-ce pas ? Et c'est rapide. Plus lent. C'est donc à vous de choisir. Je vous montre juste ce que la possibilité est inadéquate. Voyez-vous, ici, tout à fait ici. Je pense que c'est bien. Et vous pouvez l'ajouter au panier. Génial. Retourner et sortir, c'est très rapide. C'est un mode varié, donc nous ne devrions pas vraiment aimer, c'est à vous de choisir. Très bien, maintenant, nous avons fait l'animation très rapide après la tendance. Passons à la partie suivante. 76. Faites glisser l'animation avec des groupes de défilage: Très bien, animons le reste de la page. Qu'avons-nous ici ? Nous avons cette offre spéciale. Les gars. Nous n'avons pas besoin de tout animer, nous vous recommandons donc que cela se passe bien. Nous avons une offre spéciale. En ce moment, c'est une grille. Je vais juste le traîner ici. Joli mélange. Je vais juste continuer quelque chose comme ça. Cliquez sur Défiler, faire défiler l'ID du groupe. Et nous y voilà. Que faut-il regrouper un défilement ? Celui-ci doit également faire défiler le groupe. On y va. Faites-le glisser jusqu' ici, faites-le glisser ici. Cela va donc être très facile et très rapide. La même chose ici. Il devrait également s'agir d'un groupe Scroll. On y va. Jetons un coup d'œil. Vous voyez, tout est lisse. C'est magnifique. Vous avez ces animations, cette animation, géniale, cool. Ils peuvent voir que c'est cette offre spéciale. Encore beaucoup plus ? Également le populaire et les dernières nouvelles. Parfait. Oh, et nous devons animer cette famille transformée en quelque chose de plus cool. C'est vrai ? Revenons en arrière. 77. Section de témoignage d'animation 3D: Cela va être, notre animation va être comme ça. Et revenez en arrière. C'est magnifique. Alors, que faisons-nous ici ? Je vais juste verrouiller ça et changer le design. Nous n'avons pas besoin de celui-ci. Je n'ai pas besoin de celui-là. Je vais juste amorcer ça. Cliquez avec le bouton droit et allez en France. Et apportez ça ici. Utilisez la touche fléchée, cliquez avec le bouton droit de la souris, cliquez avec le bouton droit de la souris et mettez-la en avant Nous allons donc le sélectionner. Assurez-vous d'être au sein du groupe. Ces deux-là devraient également faire partie de ce groupe. Ces deux icônes sont donc sorties. C'est vrai ? Maintenant. Je vais juste appeler le tout. Et vous mentionnez celui-là. Donc, je vais juste passer au numéro un. Cliquez à nouveau à l'extérieur, sélectionnez-le , donc c'est le numéro 1. Puis-je contrôler un litre domestiqué, appeler ces deux Commande ou Control D pour le dupliquer également. Il va donc faire un double-clic. Il va le renommer pour appeler ça trois. Donc 123. En ce moment, nous avons trois dossiers l'un sur l'autre, que doit-on faire ? Est-ce que c'est exactement ? Ainsi, trois sont en haut à droite. Maintenant, éteignez ça. Allez aussi aux numéros 2 et 10. Nous sommes donc au numéro deux en ce moment. Modifiez cette option pour l'enlever de la 3D, pour appliquer et appliquer aléatoirement sur vos visages. David, revenons au linéaire. Maintenant. Ensuite, ce sont des tendons qui entrent à l'intérieur. Une fois encore. Sélectionnez cette photo, branchez. Appliquer aléatoirement. Très bien, cool. Revenons à l'année. Maintenant. Tous ces éléments sont dans le même endroit frais, mais les tiques sont à l'intérieur, ont un problème. Alors, que faisons-nous ici, c'est quelque chose comme ces gars-là. Numéro 2, allez au numéro deux, le nom descend. Et aussi l'ellipse, l'image. Réduisez l'opacité. Allez au numéro un. Le nom, abaisse l'opacité, va ellipser le cercle, faire baisser l'opacité. Nous les avons donc tous les trois dans ce dossier d'animation. Nous devons maintenant copier ce dossier d'animation. Il a été supprimé et collé à l'intérieur. Nous avons donc l' animation à l'intérieur. Il y a également un autre exemplaire. Nous en avons donc trois au numéro 2, à la page deux. Nous arrivons donc à la page 2. Ça va arriver, je vais être dans cette animation. Sélectionnez ce haut, sélectionnez-le , faites-le pivoter. Et ce que nous faisons ici, je vais juste le laisser aller vers la gauche et réduire l'opacité. Maintenant, c'était le numéro deux. Cela signifie donc en ce moment que nous voyons le numéro 2. Je le sélectionne pour augmenter l'opacité. Comme nous le ferons. Ouvrez-le vers le haut, sélectionnez la ligne supérieure, réduisez l'opacité. Ça n'a pas d'importance. Sélectionnez un numéro 2. Allons à l'intérieur. Regardez David, une ellipse, évoquez l'opacité. Vous êtes dans ce dossier en ce moment. Je vais donc juste faire pivoter celui-ci aussi. Faites-le glisser vers la gauche. Donc, parfois, vous voyez que cela se passe, n'est-ce pas ? Alors verrouillez le numéro trois. Numéro deux. Je vais juste le faire glisser vers la gauche. Avec ma souris. Je peux juste le faire pivoter. Plus. Faites-le glisser vers le haut et l' opacité devrait suivre. Sélectionné, doit être déverrouillé. Le numéro trois, sélectionnez le numéro un. Allons à l'intérieur du dossier. Je vais juste ramener l'opacité. Nous voyons donc celui-là. C' est donc ce qui va se passer. Si vous cliquez et cela voit le prototype d'animation va sur cette page. Si je clique à nouveau, je vais simplement accéder à cette page. Et l'animation automatique est une facilité comme en quelques secondes. La même chose. Cela va se produire. Vous pouvez le voir ici. Cela va se produire. Si vous cliquez ici, je vais probablement revenir à celui-ci parce qu' il continue. Si vous cliquez ici, je vais juste revenir celui-ci et voyons ce qui va se passer. Commande Control, Entrée. Allons-y. Très bien, voyons voir. Glick. Bien, sympa. Revenons en arrière. Revenons en arrière. Génial. À quel point est-ce beau ? 78. Animation déversée - État de composant: Nous sommes dans une page fœtale et j'ai beaucoup d'animation ici. Et ici aussi. Voyons comment nous pouvons animer ces premiers risques. Je vais le sélectionner, tout sélectionner, Commande G pour le regrouper. Cliquez ensuite à nouveau sur le composant. Et de nouveaux domaines. Fais-en un. Dans l'État américain. Nous avons quelque chose comme ce contrôle, cliquez dessus et faites-le glisser vers le bas. Revenons donc en arrière. Si l'état par défaut doit être similaire à ceci, car c'est par défaut. Lorsque vous cliquez dessus, accédez à celui-ci. Et nous avons quelque chose comme ça. Nous avons une note, qui va être de couleur grise. Ici. Huit Tate. Touchez également le contrôle. Cliquez sur celui-ci va être des critiques. Votre recherche sera donc basée sur les avis et les magasins. Très bien, alors quand on clique dessus, ça va s'ouvrir. Maintenant, je vais cliquer sur l' évaluation, voir ce qui s'est passé. ai donc besoin d'un nouveau et j'appelle ça 2. Donc, numéro 2, B, ou en cliquant sur une échelle de notation, qui signifie que tout va changer. Ce dernier est en train de descendre. Cette note est en hausse. Ce sera cette couleur. Et la couleur d'évaluation, je devrais changer cette couleur. Et cela va aussi être sauvegardé. Elles devraient également réduire l'opacité. Voyons ce que nous avons fait. 123. Maintenant, animons-le ici. Double-cliquez. Si vous cliquez dessus, il en indiquera un. En tabutant, en allant à l'état 1. Si nous sommes dans l'état premier. Si nous cliquons sur l'évaluation, en tabutant, nous en indiquerons deux. À l'extérieur. Revenez ici. Si nous sommes dans l'état 2, Bye Clicking et ce double-clic, nous allons revenir sur. Précisez-en encore un. Très bien, voyons ce que nous avons fait. Jouer. C'est donc une note. Cliquez sur le plus récent avec le classement des ligands, la notation arrive. Nous cliquons dessus. Nous n'avons pas choisi celui-ci. Cela signifie probablement être plus d'états. Revenons à Design. Donc la valeur par défaut, la plus récente, donc le numéro un s'ouvre, le nouveau S est juste là. Le numéro deux. Et choisissons la note qui va pleuvoir. Maintenant, nous avons besoin de quelque chose appelé le numéro trois. Le numéro trois est celui que lorsque nous cliquons sur l'évaluation, tout revient. Est-ce que je peux descendre ? Vous devez à nouveau choisir le plus récent, et il revient à numéroter celui par défaut. Très bien, nous avons raté un pas. Encore une fois pour l'animation. prototype, c'est que lorsque nous cliquons dessus, il va passer au numéro un, d'accord ? Correct. Nous sommes numéro un, ce qui est la note, va passer au numéro deux. Numéro deux, c'est exact. Ici, nous avons un numéro. Cliquez sur TS, VG allez au numéro trois. Très bien. Et nous sommes au numéro 3, nous cliquons sur nouveau demandé. Vous retournez à l'état déchu. C'est quelque chose qui devrait probablement fonctionner. Encore une fois, sélectionnez-le, revenez à l'état de la photo. Cliquez sur cette plaque. Donc je vais juste trier cette chose et évaluer. Joli. Cliquez sur le bouton le plus proche. Génial. Et à quel point est-ce cool ? Ceux-ci fonctionnent correctement. Génial. La prochaine animation serait lorsque nous cliquons sur le chargement plus, voir ce qui s'est passé. Tout va vers le bas et le haut. 79. Animation de catégories - État composant: Très bien, dans le côté gauche nous avons beaucoup de fonctionnalités, n'est-ce pas ? Animons d'abord cela. Je vais dupliquer ça, faire glisser vers la droite. Et ici. Quand on traîne celui-ci, je vais juste l'apporter ici et l'apporter ici aussi, peut-être 120 ou un ou deux. Faites glisser ceci vers la droite. Si nous cliquons sur celui-ci et que nous allons verser le type et cliquer dessus et le faire glisser. Cette illustration par déclenchement doit être et faire glisser l'animation automatique, faciliter la sortie. Et aussi, si je clique dessus et que je fais glisser ça, ça va être et faire glisser la même chose. Voyons ce qui s'est passé. Descendons, voyons, traînez vers la droite, 100, 10 à 40 sur un deux pour la grandeur d'un beau. J'adore ça. Devis. Voyons ce que nous pouvons faire d'autre. Je cherche ça. N'oubliez pas que si je clique sur Charger plus, je vais juste ramener toute cette flèche. Si nous pouvons charger davantage, cela devrait venir et être ajouté ici. Je vais donc sélectionner tous ces éléments en appuyant sur Commande G pour les regrouper à partir d'ici. Je vais donc tout sélectionner, même la charge, appuyer sur Commande ou Control G pour le regrouper. Maintenant, je vais tout sélectionner. Cliquez sur le composant, le signe plus. C'est également la valeur par défaut. Par défaut, il devrait ressembler à ceci. Que se passe-t-il si je clique sur un nouvel état, sur un domaine en année, fais glisser ça vers le bas, que je ramène la scène. La droite, un peu à gauche, descend. Joli. Maintenant, le contrôle des commandes. Cliquez ici, double-cliquez. Nous allons donc à l'intérieur. Appuyez sur Commande Control V pour le regrouper. Très bien. Maintenant, ici, dans cet état , il devrait devenir moins élevé et la couleur devrait changer pour quelque chose comme, génial. Voyons voir. Précisez un. État deux, génial. Très bien, choisissons celui-ci. Vous êtes dans l'état par défaut, accédez au prototype. Sélectionnez la charge supplémentaire, assurez-vous que le déclencheur est décollé. Si ce n'est pas le cas, si c'est un frein ne fonctionnera pas. C'était donc plus chanceux. Si c'est une traînée, on ne le voit plus. Vous ne voyez pas la destination. Il devrait donc s'agir d'un onglet. Lorsque vous cliquez sur l'onglet Autonomie pour valider activé. Et vous pouvez aussi choisir cette journée. Et dans l'état deux, lorsque nous cliquons sur moins, double-cliquez ici, vous pouvez choisir une destination de l'état par défaut, donc l'état contrôle. Donc, si je clique sur Charger, Morsi arrivera. Génial. C'est plus ou moins. Mais plus parfait. Le reste serait le même. Et aussi, celui-ci est parfait ici. J'adore ça. Il y a donc quelque chose qui manque. Je vais juste vous montrer ce qui se passe. Ce que je veux dire ici, et c'est le numéro un. Celui-ci doit tourner à l'intérieur car il est ouvert. Revenons ici. Le numéro 2 va bien. Numéro trois. Encore une fois, si je regarde ces petites choses qui rendent cela parfait, jetons maintenant un coup d'œil. Ouvre ça. Magnifique. Évaluation, rappel. Ouvre ça. Oui. Ecoutez, c'est cool. Si petites choses qui rendent cela parfait. 80. Animer un counter et ajouter à l'animation des cartes - État composant: Nous l'avons également déjà. La même chose que nous avons créée. Double-cliquez ici. Puis-je contrôler V, amener ceci ici, supprimer celui-ci, faire glisser ceci et juste sûr qu'il est ici. Nous pouvons donc simplement modifier la carte. Je vois cette belle animation à la voiture. Et voyez cette belle animation. Alors, tu l'adores. N'aimez-vous pas cette dame ? Animations. Donc, tout fonctionne. Carte électromagnétique. Parfait. Voyons ce que faire d'autre, oui, vous avez cette seule page. Voyons tout au bon endroit. J'ai juste besoin d'animer celui-ci. Retour. C'est cool. Et nous y voilà. J'adore celui-là. C'est populaire. Vous devez simplement animer cela aussi. Vous savez déjà comment le faire. Ajouter au panier et cette icône Plus. Il suffit de copier ça et de l'amener ici. Changez-le avec celui-ci. Très bien, maintenant, animons ça. Il suffit de sélectionner cette icône pour la copier. Et un avantage par défaut va ressembler à ceci. Le signe plus dans votre état. Donc, dans un nouvel état, je vais ajouter ces deux-là, le numéro deux. Et celui-là va remonter. Cherchez l'état. C'est ça. Nous devons maintenant l' animer. Allez dans Prototype. Si je clique sur ce signe plus, vais rester deux. Allons maintenant à l'état deux. Si nous cliquons sur le moins, double-cliquez. Je suis revenu à la valeur par défaut. Design pour animaux de compagnie. Animez cela. Moins, plus, moins, plus. Maintenant, je peux l'ajouter à mon panier. C'est donc quelque chose qui ne va pas là-dedans. Ce n'est donc pas la vraie animation, c'est celle-ci. Discours. Copiez ceci. Apportez-le ici. C'est ça. Divisez-le ici. Voyons si ça marche. Génial. Allons faire du renfort. Détail. Client. Vous savez déjà comment faire cela. Encore une fois, très rapidement. Celle-ci permet de voir à quel point nous pouvons tout animer rapidement. Contrôle plus ns au tribunal. Faites défiler vers le bas J'adore ça. Vous pouvez également venir ici et faire la même chose. Lorsque vous ajoutez des choses à cela, nous devons voir la masse numéro 2 ici, n'est-ce pas ? Revenez à ce double-cliquez ici, et nous essayons de faire confiance à quelque chose. Une fois encore. L'eau vive au texte doit être ajouté au numéro pour le rendre blanc. C'est ici. Maj, sélectionnez mon Control G, et je vais l'essayer ici. Copier. J'essaie également de le mettre ici et de le tirer parce que j'ai cinq objets ici. Vous pouvez mettre le 5. C'est donc ce qui va se passer. Sélectionnez-le, apportez-le ici. Donc, si je clique sur ces sacs ASCO, pas ici, et c'est un. C'est donc le scénario que nous allons envoyer à nos clients. Alors, quelle est la couverture rigide ? Vous voyez le produit C, le client passe en revue toutes ces belles animations et nous cliquons sur le signe plus. Nous ajoutons le panier. C'est vrai ? Cool. Deux sont donc ajoutés ici. Revenons en arrière. Rien. Cette année. La prochaine partie est que lorsque je clique sur ce panier, que va-t-il se passer ? Si j'ai cliqué sur le panier, je vais sur la page de mon panier, puis je sélectionne le paiement, je le paie. Ensuite, nous voyons une date de livraison, et ce sera la fin de la période. C'est vrai ? Maintenant, il est temps de passer à la dernière connexion au câblage. 81. Prototypage et wireframing: Très bien, faisons l'animation finale et entendons parler de nous aussi. Nous sommes donc ici en mode prototype. Cliquez sur et accédez aux collections. Où va-t-il ? Il va filtrer la page. Donc, faites glisser une page particulière. Si je clique sur ce livre T, je retourne tout le temps sur ma page d'accueil. Donc, lorsque nous sommes dans la page fœtale, nous faisons beaucoup de choses qui se chargent davantage. Nous pouvons jouer avec la fourchette de prix et même le PDF relié lorsque nous sélectionnons celui-ci, le premier, je vais juste passer à la page unique et nous n'avons pas besoin de mettre le temps et d'animer. Nous pouvons le mettre en transition. Même le premier. Quand je clique sur celui-ci, vous ne devriez pas aller animer. Il devrait être en transition, seulement trois secondes. Donc, les pages simples, ce devrait être sur les transitions. Donc, lorsque vous êtes dans la page, cette page, je peux simplement cliquer dessus. Si je clique dessus, ça va animer ça. Je dois donc avoir un tour. Je vais juste venir ici, faire glisser quelque chose dessus. Assurez-vous qu'il n'y a rien là, mais je le vois. Passez en mode prototype. Et si je clique sur celui-ci, je peux faire une transition. Je peux accéder à cette page. Si je fais le paiement , je vais enfin m'envoyer. Et ici, si je clique dessus ou si je vois ou que je clique sur À propos de nous, je vais sur cette page. Lorsque je lis ceci, je peux retourner sur ma page d'accueil. Voyons si tout fonctionne parfaitement. Je veux dire, cette page, tout fonctionne au rebut. D'accord, j'en vois un. Je peux le ramener. Vous pouvez aller dehors. Sélectionnez. Et voyons ce que nous avons d'autre ? Nous avons celui-là. Oui, celui-là. Si je clique sur Aller aux collections, j'arrive sur cette page fœtale. Et je peux simplement cliquer sur la dernière note. Grille la plus proche. Parfait. Je peux cliquer de plus en moins sur une charge. Génial. Je peux accéder à cette page. J'aime bien ce livre. Je veux voir plus d'informations à ce sujet, n'est-ce pas ? Détails du produit, commentaires des clients, génial. Lorsque les livres populaires à ce sujet, l'électrode des livres associés est sur Ajouter au panier et c'est sur un. Alors, je vais juste y ajouter un signe plus. J'ajoute le rebut, donc deux vont au panier. génial, c'est que si je clique sur le panier, je vais à ma carte 122. Je ne supprime rien et je vais devoir payer pour cela. Paiement, mais je ne vois pas ça. Il manque quelque chose ici. Revenons ici. Passons au design. manque quelque chose. Je veux voir si c'est derrière moi qui va déverrouiller ce clic droit et le renvoyer. Alors réduisez cela, inconduite, ce contrôle L, dissociez-le. Ce type choisi, mettez-le ici. Doit être de la même taille. Celui-ci devrait être le 41. Rédigez ça. Il est plus petit. Viens ici. Parfois, les gars, vous ne savez pas ce qui ne va pas avec ça. Et ça, ça devrait être Arial. 14e régulier. Parfois, on revient et on voit que quelque chose n'est pas là. Et c'est exactement à ce moment que vous voulez terminer le travail final. Mais c'est tout. C'est le processus de notre travail. Et nous allons faire 14. J'ai un nom de coupon de cette école. Vous avez donc cette page ? Je l'ai payé. Il va ici. La page de livraison, le suivi, deviner le suivi que tout le reste. Et puis je peux voir à propos de nous. Il s'agit du livre, de confiance, contactez-nous et la carte et tout le reste. Et si je clique sur le livre T, je retourne à la page principale. Et c'est ce que nous envoyons à un client. Et croyez-moi, ils ne peuvent pas l'aimer parce que tout est sur le principe. 82. Prototypage et wireframing: Maintenant, revenons en bas. Encore. Nous avons ces pages. La même chose, les gars. Animez cette vue mobile. Nous allons passer au prototype, faire glisser ça et le déposer ici. Vous n'avez pas besoin de l'animer, donc ils savent déjà ce qu' est la véritable animation. Il va donc exposer celui-ci. Accédez à cette page. Désolé. Accédez à cette page. Et maintenant, nous cliquons sur les paniers. Ça passe par ici. Et nous avons effectué le paiement. Il va jusqu'ici. Cliquez sur l'e-book, revenez ici et voyons ce que nous avons fait. Vous pouvez donc voir que cette page est magnifique. Tout est au bon endroit. Même l'animation est là. Allez dans les collections. Joli. Ceux-ci fonctionnent correctement. Je reviens en arrière. Et je vais simplement cliquer dessus ou avoir cette page. Très bien. Ajoutez-le au panier ou cliquez sur le panier. Et je suis dans mon panier, le paiement total peut le payer car c'est la livraison et c'est tout. Voyons si vous aviez également la page À propos de nous, à propos de nous. Et nous y voilà. Permettez-moi donc de revenir à la page principale. contrôle. Entrez. Encore une fois. Les collections sont des avis clients d'une seule page. Tout fonctionne et c'est magnifique. Si quelque chose a été ajouté au panier. Soyez gentil. Vous pouvez payer pour cela. Et encore une fois, voyez cela à propos de nous. Génial. Et je vais revenir à la page principale. Et c'est ce que nous envoyons à notre client pour vérifier si tout va bien sur le site Web. Et David View. 83. Conception de pages d'introduction et prototypage: Après avoir créé le site Web et la vue mobile, il sera facile pour nous de créer l'application. Je suis allé sur le site web Dribble and Behance. Et juste pour avoir un instantané de nombreuses idées de la lecture de livres, AP, des livres et de ce que nous devons faire. Il y a beaucoup d' informations sur les pages, sur l'intégration. Et j'ai trouvé quelques bonnes idées et il faut commencer. Nous devons commencer par l'introduction. qu'il y a de cool dans ce design. Nous passons par là, recréons l'introduction. Ensuite, nous avons animé, nous allons à l'intégration et nous avons animé en même temps. Nous réalisons donc à la fois le design et l'animation. Nous n'avons donc pas besoin de créer le cadrage filaire et beaucoup de conception basse fidélité et haute fidélité. Soyez juste opté pour un design parce que nous avons déjà détourné le côté et la vue VIP. Et nous avons les couleurs, les polices. Vous utilisez la même police que Poppins et les zones. Très bien, nous devons maintenant commencer à concevoir. Cliquez sur le plan de travail. Allons descendre. Regardez depuis l'iPhone X, XOR et 11 Pro. Cela va donc être aussi bon pour la version Android et la version iPhone. Donc, quelque chose comme ça. Je vais juste appeler cette introduction. Cliquez sur l'outil Déplacer, puis sur Disposition. Assurez-vous que ce sera le cas, la marge sera de 20 à partir de la droite et de la gauche. Après avoir créé de droite et de gauche, il suffit de cliquer ici et de faire glisser une règle et de la placer ici. Et pour n'importe qui, faites-en un autre ici. 20. Je vais juste traîner ça. Et il suffit de le retirer. Alors, assurez-vous qu'il est 20 ans. Et du haut aussi sous contrat quelque chose comme ça fait 20 ans. Donc, de gauche à droite, le haut va avoir 20 ans. Au sommet, nous avons l'encoche. C'est pourquoi il y a 20 % de réduction. Et en bas, et nous avons le bouton d'accueil. Donc, pour l'introduction, cela n'a pas vraiment d'importance. Je vais juste cliquer sur n'importe quel vrai. Passons à Couleur de remplissage. Nous allons corriger correctement et le mettre sur un dégradé linéaire. Maintenant, assurez-vous que celui-ci est sélectionné. Le haut est donc sélectionné, Oregon sélectionné à partir d'ici. Cliquez ensuite dessus ou cliquez ici, ce sera plus facile. Ensuite, nous avons déplacé celui-ci, le côté droit, le bas, et nous avons cliqué non découvert, donc nous avons déjà le courant. C'est donc cool. Assurez-vous d'avoir le livre TI. Vous devez le copier de n' importe où. Comme ici. Faites-le glisser vers le bas et placez-le ici. C'est vrai ? Donc ça va être le livre électronique, donc je vais probablement le mettre ici. La règle des tiers, c'est encore mieux. Donc, pour nos yeux, n'est-ce pas ? Maintenant, vous devez vous assurer que c'est un groupe, celui-ci et celui-ci. Les deux adorent donc les sélectionner et les regrouper, ou Contrôler G. Maintenant, cliquez ici et maintenez Alt et Maj enfoncés et faites-le glisser vers la droite. Donc, pour l'animation, je vais simplement cliquer sur celui-ci. Maintenez le contrôle enfoncé. Assurez-vous que c'est bleu. Maintenant, je peux le sélectionner, le faire glisser vers le bas et réduire l'opacité. Pour celui-ci, nous venons de choisir. Faites-le glisser vers le haut. Maintenant, cliquons sur l'icône 3D et vérifions que celle-ci est inversée. Comme si c'était moins 180. C'est vrai ? Maintenant. Assurez-vous qu'il est sélectionné et réduisez l'opacité. C'est vrai ? Maintenant. Comme je l'ai dit, nous concevons et nous animons dans ce processus. Passons au prototype. Faites glisser ceci vers la droite pour l'instant, car il n'y a pas de bouton Tab, c'est toujours un déclencheur. Pour déclencher. Il devrait être temps. Nous l'avons donc mis à temps. Je vais expliquer quel est le retard. Et le moment serait d'animer automatiquement. Et celui-là, je vais juste mettre le numéro 2. Donc, dans deux secondes, c'est là , détendez-vous et passez à la suivante. Mais jetez un coup d'œil. Si nous jouons, cela va être très rapide. Je ne vois pas ce qui s'est passé. Donc je le dis avant de passer au plan de travail suivant, je veux un délai d'une seconde. C'est vrai ? Donc, à cause de ce retard d'une seconde, si je place, voyez ce qui s'est passé. Nous sommes 1 seconde, puis nous avons l'animation. Laissez-moi simplement cliquer dessus et faire glisser ça arrière et voir ce qui se passe. Une fois encore. Allons-y jouer. Joli. Revenons en arrière. Bien, je peux juste voir ce qui s'est passé. Très petit et très naturel. C'était donc à l'heure. Nous avons mis un délai pour que nous puissions attendre l'animation, puis ça va se produire. Ou en soins intensifs. 84. Intégrer l'application dans l'animation conception et Prototyping: Revenons à Design. Cliquez sur l'introduction et sur Control D pour la dupliquer. Et il suffit d'appeler cette connexion à l' intégration. Pour faire deux choses. Je vais tout sélectionner et m'assurer que ce n'est pas le cas. Et appuyez sur Supprimer. Cliquez sur l'intégration et assurez-vous que la couleur de remplissage redevient solide et qu'elle est entièrement blanche. Avant d'arriver sur cette page parce que c'est l'intégration. Qu'est-ce que l'intégration ? C'est 30 diapositives. Avant de commencer l'animation, après l'animation d'introduction, vous avez l'intégration. C'est quelque chose à propos de l' application, qu'est-ce que c'est ? Comment pouvons-nous nous faire confiance ? Il y a beaucoup de choses que nous pouvons apprendre lors de l'intégration. Ensuite, après le peu gratifiant, nous allons à la page principale, n'est-ce pas ? La même chose ici. Nous avons donc besoin de photos sur la lecture. Allons donc sur ce site Web. Grande et dactylographie gratuite, lecture. Si vous lisez la deuxième page, nous voyons quelque chose comme ça, n'est-ce pas ? Je viens de le télécharger. Lorsque vous le téléchargez, vous allez l' avoir comme ici. C'est comme si c'était simplement un clic droit et un extrait vers les jeunes. Nous y voilà. Je vais juste double-cliquer sur Adobe Illustrator car nous devons les créer un fichier SVG. Très bien, c'est ce que nous faisons. Je vais juste appuyer sur Command ou Control N et ses points. Je veux le mettre au pixel. Je vais juste le créer. Maintenant. Je ne fais que sélectionner chacun d'entre eux , le copier, et nous allons juste venir ici et le coller. Je vais juste le mettre ici. Cliquez sur ce tableau d'art, réduisez-le un peu plus petit. Alors, c'est la partie délicate. Allons dans Fichier, passons à Exporter et Exporter sous. Alors, ici. Tapez comme il se doit, est V, G, en particulier dans Illustrator, mais pour Adobe XD, pour les sites Web. Pourquoi SVG ? Parce qu'InDesign, nous avons besoin d'une image de haute qualité. Parfois, vous rendez la photo plus petite ou plus grande. Nous ne voulons pas perdre la qualité. C'est pourquoi faites-le SVG. Donc je vais juste appeler ce getter par exemple, ou un livre de lecture de fille debout. Cliquez ensuite sur Exporter et cliquez sur OK car vous l'avez déjà. En fait, annulez. Les gars. La même chose avec celle-ci. Je vais juste cliquer sur ce petit gars. Contrôle C. Je vais simplement supprimer celui-ci, Control V, et assurez-vous que notre code est un peu plus grand. Quel contrat ce type l'a mis ici et en fait la même taille, peu la même chose. Fichier, exportation, exportation en tant que. Et ça va être un livre de lecture de garçon, assis. Et le prochain sera celui qui est dissident. Revenons à Adobe XD. Maintenant, faites-le glisser ici. Alors sélectionnez-les tous les deux. Alors maintenant, sélectionnez-les trois et faites-les glisser, mettez-les à l'intérieur, qui seront éteints ou ICU. Maintenant, je vais juste les mettre au sommet. Le premier sera donc celui-ci. Il suffit de le faire glisser et de le déposer ici. Branko, de quoi avons-nous besoin ? Nous avons besoin d'un design cool. Donc, en fait, je n' aimais aucune de ces idées, alors j'ai essayé de trouver mon idée. C'est ce qui s'est passé quand on voit beaucoup d'images, beaucoup de choses. C'est enfin que vous venez avec votre propre idée. C'est donc ce que je vais dire. Faites glisser quelque chose ici, zoomez un peu et sans bordure. Remplissons-le avec la couleur principale. Maintenez la touche Alt enfoncée et faites glisser ce coin vers le bas jusqu'à la cinquième année. Faisons donc 90. Très bien. Double-cliquez dessus et assurez-vous de cliquer ici. Cette icône est ici. Maintenant, double-cliquez dessus. Nous pouvons donc nous en occuper. Maintenant, faites glisser ça vers le haut. Si vous cliquez à nouveau dessus, cliquez ici, maintenez la touche Maj enfoncée et faites glisser vers la gauche. Nous avons une très petite soie ici. J'adore ça. Et c'est comme se tenir au-dessus de tout ça. Très intéressant, très cool. Et je m'assure que c' est ici. De quoi d'autre avons-nous besoin ? J'ai besoin de créer quelque chose de plus intéressant. Craig, cercle. Pas de bordure. Vous devriez sentir que c'est la même couleur que celle-ci. Et faites baisser l'opacité. Cliquez avec le bouton droit de la souris et renvoyer vers Ce sera donc par ici. Et maintenez la magnitude Maj supérieure à Alt enfoncée, faites-la glisser et déposez-la ici. long décalage le rend un peu plus grand et donne une couleur différente et ça va le rendre bleu. Imprimez l'opacité. Donc, pour l'intégration, j' ai déjà quelques textes que je vais mettre ici. Ils sont donc destinés à l'intégration. J'ai mis du texte ici, non ? Et nous avons également besoin d'un bouton qui montre que nous sommes à la page suivante. Cela va donc faire la première page, celle-ci et celle-ci. Donc je sélectionne ces deux-là et je trouve leur couleur différente et je m'assure qu'ils sont tous au centre. Faites glisser un peu. Et c'est tout, le code. Assurez-vous que ces trois groupes sont regroupés. Et enfin, regroupez tous ces éléments ensemble. Donc celui-ci, celui-ci, celui-ci et celui-ci, encore une fois, les groupes R. De quoi d'autre avons-nous besoin ? J'ai également besoin du bouton de connexion ici. Sélectionnez donc cet arrière-plan, appuyez sur Commande ou Commande C ou sur le contrôle V pour le copier. Faites-le glisser vers le bas. Assurez-vous que la couleur est la couleur violacée principale. Avant de savoir quoi que ce soit, nous ajoutons le bouton de connexion ici. Je vais juste parler du type. Le type ici est celui des zones sur les prises. Utilisez Arial, en gras. Et pour le téléphone portable est une très bonne police en fait. Mais pour la signature des vues de texte principales, Poppins est estampillé et tapé. Et ici, tapez dans sine n. Assurez-vous qu'il est impopulaire est 24 et moyen. Écrivez. Ce texte est Ariel, donc peu importe que la zone de mesure soit prise en compte en 2016. Ces trois groupes sont regroupés. En outre, maintenons le quart de travail et regroupons ces éléments pour intégrer Command ou Control G. Nous avons donc un groupe ici. Sélectionnons celui-ci, sélectionnez-le et glisser vers le haut pour l'instant. Et aussi, faisons glisser ça un peu vers le haut. Peut-être ici, ici, ici, ce qui est cool, c'est que si je traîne ça, je vais juste changer la forme. Très bien, donc je dois double-cliquer, cliquer sur ce seul décalage, cliquer sur cette flèche, et le Maj, il va être 10 pixels en bas. Je ne change donc pas le haut vers le bas. Ce sera donc quelque chose comme les dédicaces de ce type ici. Je vais juste le mettre ici. Vous devez également vous inscrire. Et nous allons passer 40% Shift Select et les faire au centre. Ici, pour ces points, nous avons quelque chose comme ça. Doit être blanc, la taille trois capuchons arrondis. Et assurez-vous qu'il est au centre et faites-le baisser un peu. Donc, d'ici à ici, je vais juste faire glisser une boîte. Assurez-vous qu'il y en a environ huit. Laissez-moi avoir une frontière. Maintenez Alt enfoncée et faites-le glisser vers l'intérieur. Bien mieux. Plus t et saisissez une adresse e-mail. Donc, si nous utilisons la couleur grise, il est 14. Et mettez-le ici. Allons nous brancher. Passons aux icônes, et je vais juste taper ici. Fabriqué. Cherchons quelque chose d'intéressant. Comme si ce truc est cool. Je vais juste le faire glisser et le déposer ici. Et assurez-vous que tout le canton et réduisez cela. Je vais juste le mettre ici. Changez la couleur en violet. Assurez-vous que cela va bien se passer. Très bien. Maintenant, maintenons la touche Maj , sélectionnez-la, sélectionnez-la et revenons à leurs bibliothèques. Et cliquez sur le composant est plus signe. Vous pouvez également cliquer dessus. L'un est vert, cela signifie qu'il s'agit d'un maître bacs. C'est celui que nous devons modifier. Si je le fais glisser vers le bas, maintenez la touche Alt et Maj, je fais glisser cela vers le bas. Cela va être vide. Regardez, il est vide à l'intérieur. Cliquez dessus, c' est vert à l'intérieur, il est vide. Maintenant, je dois changer. Cela prend le mot de passe. Voyons donc si je le modifie. Voyons ce qui est arrivé à ce point. Maintenant, il y a un point à l'intérieur. Cela signifie qu'il a changé et ça va revenir ici. J'ai dit que je ne voulais pas que cela change, mais si je reviens comme ça, rien n'a changé. Si je clique dessus et que je change cela, tout va changer. Tant que c'est vide, nous n'avons rien fait d'autre. Mais si je change cela par mot de passe, cela signifie que j'ai déjà fait le changement. Je ne veux pas qu'il arrive quelque chose à ces composants, mais j'ai juste besoin que tout soit au même endroit. Pour obtenir un mot de passe. Revenons au plug-in. Cliquez sur l'icône pour que je vais juste appeler ce verrou. Et voyons ce que vous trouverez ici. la chance. Râchez ici, réduisez-le. Viens, je vais double-cliquer. Donc BR à l'intérieur du module de commande V. Et mettons-le ici, c'est un peu plus grand. Allons changer la couleur. Maintenant, sélectionnez celui-ci et supprimez-le. Il s'agit donc du mot de passe et du journal. Alors, assurez-vous d'être au centre. Superbe. Et jetez un coup d'œil à la raison pour laquelle nous n'avons pas fait ça comme ça. Parce que si nous faisons cela, et si vous voulez créer quelque chose comme ça, vous obtenez une hauteur de 46. Et il suffit de jeter un coup d'œil à celui-ci. Je vais juste cliquer sur quelque chose ici. simple fait de faire glisser ce coin va être conscient, bouton Se connecter. Et jetez un coup d'œil. Vous devriez voir une différence entre le formulaire qui prend le champ de texte du formulaire que vous tapez dans quelque chose et le bas comme le bouton Se connecter et Charles tapez ici. Mettons-le ici. C'est comme 16 ans. poppins doivent être en gras. Belle couleur, si violette. Et je pense qu'ils sont un peu volumineux. Et voyons voir, faisons cette taille 40 et veillons à ce qu'elle soit au centre. C'est également dans la phrase, sélectionnez-le et faites-le glisser vers le haut et assurez-vous qu'il est 20. Et c'est aussi 28, mon mauvais Shift, sélectionnez-les tous les deux et cliquez sur ce composant. Revenons aux bibliothèques et appelons ce bouton. Celui-ci va être un champ de texte. Je sais donc que si je veux prendre ce domaine, je peux utiliser celui-ci. Cela va être en cours de conception. Et nous avons également besoin de quelque chose ici comme un mot de passe oublié ici. Il devrait donc être irrégulier, devrait être 12. Et passez également le mot et le point d'interrogation et réduisez l'opacité. Faisons donc 70 ans. Et nous avons également besoin de l'accès en ligne pour cliquer ici. Donc, pour le mot de passe, c' est un inconvénient. Très bien, génial. Cliquons maintenant sur le calque. Cliquez sur tous ces types. Celui-ci, celui-ci, celui-ci, celui-ci, ceci et ceci. Et aussi celui-là, le fond. Très bien. Et appuyez sur Command ou Control G après le regroupement, papa, je vais juste faire tomber ça. Ecoutez, je vais juste ramener ça jusqu'ici. Très bien. Avant de pouvoir l'utiliser sur le bouton S'inscrire, car celui-ci , lorsque nous cliquons sur S'inscrire, nous avons l' adresse e-mail et le mot de passe. Et nous avons également quelque chose d'autre appelé confirmation de mot de passe. Alors sélectionnez ici, sélectionnez et celui-ci, le champ de texte que je vais juste appeler ce TextView. mot de passe. Changez le message électronique. Définissez à nouveau le mot de passe, appuyez sur Commande ou sur Contrôle D pour le dupliquer. Sélectionnez celui qui se trouve ci-dessous et appelez cette confirmation. Donc, si je maintiens le quart de travail et la hiérarchie ici en ce moment, appelez cela confer. Faites glisser ça jusqu'ici. Et c'est tout. Sélectionnez à nouveau, sélectionnez la confirmation et faites-le glisser vers le haut. C'est donc exactement derrière le mot de passe. Nous devons donc tout mettre ici d'abord, puis nous devons l'animer. Que devrait-il y avoir d'autre au sein de ce groupe ? C'est vrai ? Au sein de ce groupe, nous avons quelque chose. Revenons à Gear. Debout, assis et assis en jugement, c'est écrire. Je clique deux fois sur ce groupe. Assurez-vous que c'est à l'intérieur. Je vais juste le copier. Double-cliquez à l'intérieur de ce groupe. Nous sommes donc à l'intérieur de ce groupe Command V. C'est donc le garçon. Et je vais juste le faire glisser hors de cette boîte. Donc, nous allons juste faire glisser ça ici. Donc si je clique sur ce tableau, donc si je clique dessus, garçon est à l'intérieur de ce groupe, mais il est à l'extérieur. Et qu'en est-il de la fille ? Copier, double-cliquez. Prenez Gil ou dans ce groupe, si nous sortons dehors, assurez-vous qu'il est à l'intérieur. Donc, je vais juste le faire glisser ici. Nous avons donc tout au bon endroit. Maintenant, sélectionnez cette connexion. Cliquez sur cette fille, Control X, double-cliquez pour entrer dans ce groupe. Encore une fois, puis-je contrôler V ? Parce que cette fille était une idée de l'extérieur. Sélectionnez donc la bordure, sélectionnez la connexion, assurez-vous de cliquer sur le composant pour. C'est notre état par défaut, mais vous devez quand même le rendre parfait. Je vais juste mettre cette pancarte ici. Inscrivez-vous. Apportons simplement celui-ci et même pour confirmer, plus encore, inscrivez-vous en venant ici, et celui-ci arrive par ici. Il s'agira donc de notre état par défaut. Si nous cliquons sur le signe plus, passez dans un nouvel état, que je vais appeler « connexion ». Maintenant, il s'agit d'une connexion du passé et j'ai oublié, sélectionnez tout et faites-les glisser vers le haut. Ça va être quelque chose comme ça. Celui-ci va vers la droite. Celui-ci arrive ici. Qu'avons-nous ? Envoyez-le également à l'arrière. Quelque temps comme ça. Très bien. Et nous devons changer cela. C'est le cas. Très bien. Mettons la pancarte ici. Faites glisser ça vers le haut. Désolé, ça se lève. E-mail, mot de passe et confirmez, sélectionnez-les tous les deux, faites-les glisser vers le haut, assurez-vous que c'est presque 20 ans, comme 19,9. Donc, d'accord. C'est bon, et c'est aussi très bien. Si vous voulez voir ce qui s'est passé jusqu'ici. Cela va donc être signé, s'agira de l'état par défaut. Bon, donc je veux dire, état par défaut. Pour animer cela. Passons au prototype. Connectez-vous. Double-cliquez sur cette petite icône ici. Maintenant, assurez-vous que le type est activé sur l'animation automatique. Et assurez-vous que la destination, le plan de travail doit être connecté. facilité d'entrée, la facilité d'ouverture est la meilleure pour ce type d' animation et mettez-la sur 0,6. Allons l'animer. C'est joué. Cliquez sur Se connecter. Superbe. Revenons en arrière. Cliquons ici. Revenons à Design. Cliquez ici, connectez-vous. Nous avons donc également le bouton S'inscrire. Cliquez sur le signe plus, nouvel état. Inscrivez-vous. Pour vous inscrire. Il s'agit de la sélection, c'est 40 % d'opacité. Il va être à pleine capacité. Et faites-le glisser vers la droite. Sélectionnez ceci, faites apparaître l'opacité, et c'est ce que nous devons faire. Connectez-vous et le mot de passe est en panne. Vous allez obtenir un mot de passe avec un Kafir et vous permet, si une touche fléchée, assurez-vous que c'est le même, comme quatre-vingt-dix-neuf points neuf. Pour réduire ces 2, comme 40, nous n'avons pas besoin du mot de passe. Faites glisser l'opacité vers le bas. Et cela doit également être inscrit et s'assurer qu' il est au centre. Cela va donc être inscrit. Donc, lorsque je me connecte et que nous allons dépeindre, maintenez le contrôle enfoncé et sélectionnez l'inscription. Double-cliquez. destination doit être inscrite. Une fois encore. Sortons, revenons quand vous êtes sur Inscription maintenez le contrôle enfoncé et cliquez sur Connexion. Double-cliquez. Vous devez signer ici. Très bien. Que signifie l'image lorsque je suis inscrit ? Celui-là. Laissez-moi simplement sélectionner ceci, faites-le glisser vers la droite et apportez-le ici. C'est l'inscription. Mais quand je me connecte, je dois baisser ça pour m' assurer du même niveau. Encore une fois, vous devez vous inscrire, vous connecter ici. Et voyons notre animation depuis le début. Ici. Par défaut, la plaque d'état, connexion, génial. Inscrivez-vous, connectez-vous. Voyez à quel point cette connexion est magnifique ? Maintenant, je pense que c'est un peu ennuyeux. Ce dont nous avons besoin, c'est que l'animation en retard va éclater l'animation. Ce que je veux dire, c'est aller dans les fichiers et taper bird. Ici, nous avons celui-là. Cliquez dessus et téléchargez-le en tant que Lottie JSON. Passons maintenant à vos derniers fichiers JSON, et voici Happy Bird JSON. Maintenant, faites-le glisser et déposez-le ici. Je vais juste le mettre ici, les gars. Et nous n'avons pas mordu plus petit. Voyons si c'est bon dans différents états. Alors revenez en arrière, connectez-vous, inscrivez-vous. Joli. Il peut peut-être augmenter un peu. Et peut-être aussi plus petit. Quelque chose comme ça. Connectez-vous. État. Génial. Maintenant, lorsque vous apportez l'animation latae, assurez-vous que la lecture est automatiquement activée. Et celui-ci, nous avons besoin de la lecture en boucle pour l'activer. Cela signifie donc que lorsque nous le jouons, il sera toujours animé. Et jetons un coup d'œil. Connectez-vous, inscrivez-vous. Et inscrivez-vous. Nous pouvons également accéder à la connexion lorsque je clique sur ce petit gars. Et je suis en prototype, je peux double-cliquer et revenir à l'état par défaut. Même lorsque je suis inscrit et que je clique deux fois sur cette fille, je peux revenir à l'état par défaut, pour voir l'animation ici. Appelons l' état par défaut à l'embarquement, joué. Connectez-vous, génial, inscrivez-vous lors d'un retour à l'état par défaut. Ils s'inscrivent donc. J'adore ça. Maintenant, qu'en est-il de l'intégration ? Donc, ce que je vais faire, c'est appuyer sur Commande ou Contrôle D et aussi d. Et vous cliquez dessus car il est intégré. Cela n'a pas vraiment d'importance. Dans celui-là. On va juste faire glisser ça vers haut ou faire glisser ça sur la droite. Assurez-vous que celui-ci arrive. Sur celui-là. Bien sûr. Je vais juste faire glisser tout ça vers la droite et faire glisser celui-ci ici. Et je vais juste mettre ça ici et juste, Désolé, juste celui-ci est trois à droite. Nous devrions également nous aligner sur le bon Dragon ici. Je vais juste jouer avec ce texte. Donc, c'est bon et beau. Je dois aussi faire quelque chose comme ça. Il s'agit de la deuxième page sur l'intégration. Cela devrait donc être activé, et maintenant cela doit être activé. On y va. Si je clique sur ce prototype, faites-le glisser vers la droite. Je n'ai pas besoin de l'animation automatique et il a fait la transition. Je peux le dissoudre, mais c'est ennuyeux. Il suffit de jeter un coup d'œil. Ils sont ennuyeux. Mais nous pouvons reprendre. Mais si nous le mettons sur une diapositive à gauche, voyons ce qui s'est passé. assiette. Superbe. Encore une fois, Contrôlez, sélectionnez celui-ci. Tribu est à droite. Et la chose va rester au même endroit, cette animation. Que faire si je veux y retourner ? Ça va être une diapositive, non ? Encore une fois, c'est juste. Jetons maintenant un coup d'œil. On y va. Ce qui est cool, c'est que ça va être animé tout le temps. Donc, l'animation fonctionne. Revenons en arrière, et c'est tout. Mais s'il y a une assiette ici, jetons un coup d'œil. Revenons en arrière. Génial. Voyons voir. Voyons voir. Et en gros, on y va comme ça. On peut aussi le faire glisser. Donc, l'intégration, glissez pour écrire légèrement à droite, côté à gauche, légèrement à droite. Je m'appelle donc. Inscrivez-vous. Superbe animation tardive. Vous apprendrez également comment l'utiliser en SVG. Et nous en avons fini avec l' introduction et beaucoup de choses. Mais comment connecter cela à ce simple, faites-le glisser vers celui-ci. Il devrait être à l'heure, car nous allons y toucher. Pas besoin d'avoir de retard. Et mettons-le sur 1 seconde. Jetons un coup d'œil. Si j'ai joué 1 seconde de retard, animation T book et génial. 85. Règles pour concevoir des applications mobiles: Très bien, avant de commencer à concevoir une application mobile, voyons quelles sont les règles pour une conception mobile parfaite. Le premier est la lisibilité. Les appareils mobiles disposent des écrans les plus petits par rapport aux ordinateurs de bureau. donc s'avérer difficile d'adapter beaucoup d'informations peut donc s'avérer difficile d'adapter beaucoup d'informations dans une petite interface utilisateur mobile. Un bon moyen d'équilibrer les couleurs est les règles 60, 30, 10. C'est donc la dominante n'est pas une deuxième couleur, la Columbia plus lourde, et la 10 est la troisième couleur. Donc, et des progrès clairs. Jetez un coup d'œil à ces progrès. Nous devons presser processus d'expédition D4 dans une cuve de l'appareil mobile. Ce n'est pas un bon moyen et c'est une meilleure façon d'obtenir des informations sur l'expédition. Ou nous pouvons les concevoir verticalement, pas en mode paysage. Donc ce n'est pas le cas, et c'est dû. Qu'en est-il de l'accessibilité ? Un design pour chaque lien ? Le droitier, la main gauche et Dan le combiné. La plupart des gens sont donc droitiers. C'est donc la partie hors de portée. C'est difficile à droite. Et ici aussi est difficile à atteindre. Vous devez donc mettre la plupart des informations, les principales informations dans ces domaines, accord, car elles sont faciles d'accès sont naturelles. Pour gaucher, c'est exactement le contraire. Il est hors de portée, difficile à atteindre et difficile à atteindre. Qu'en est-il d'un espacement ? Le plus petit écran ne signifie pas un petit texte ou moins d'espace. Le texte ou d'autres éléments se chevauchent comme ceci. Jetez un coup d'œil ici. Et l'interligne ou la hauteur de ligne est très proche l'un de l'autre. C'est donc difficile à lire et il suffit de jeter un coup d'œil à celui-ci. Donc ce n'est pas le cas, et c'est dû. Le numéro 4 est rembourré. De nouvelles technologies sont présentées tous les jours. En tant que designer, vous devez rester à jour. Par exemple, prendre soin de cet endroit, augmenter le panoramique, non ? C'est donc plus prudent. Vous devez y ajouter plus de rembourrage. Le rembourrage minimum serait donc l' étude Pitman de 16 à 20. Je l'ai donc toujours mis sur 20 depuis le début, de gauche à droite. La marge ou le rembourrage de gauche ou de droite est donc de 20. En haut, il devrait être 30 à cause du bloc-notes. numéro 5 est le rendre responsive pour Android est 360 pixels au minimum ? Lorsque vous pensez aux écrans mobiles, pensez d'abord à concevoir pour le plus petit écran, puis rendez-le réactif pour un écran plus grand pour iOS est 375, que nous allons concevoir celui-ci. Le numéro 6 est la navigation. J'ai essayé d'utiliser des séquences standard pour votre menu de navigation, comme la barre d'onglets iOS ou, et le tiroir Nav. N'essayez pas de réinventer la roue. Les utilisateurs connaissent ces schémas courants. Votre application sera donc plus intuitive, comme celle-ci pour iOS ou Android. Donc, fondamentalement, l'onglet iOS est très populaire de nos jours, donné pour Android. Mais n'oubliez pas que vous pouvez concevoir de cette façon ou simplement le garder comme l'étape numéro 7 d'iOS. poids visuel, généralement dans l'interface utilisateur, provient d' une combinaison de nombreux éléments, couleurs, taille du texte, espacement, etc. Qu'est-ce qui attire vos yeux ? Jetez un coup d'œil ici. Cela m'attire les yeux. Pendant que vous fournissez beaucoup d'informations, votre objectif principal est de attirer l'attention de l'utilisateur. Ils doivent être dépourvus d'une grande partie de l'analyse d'écran. Je veux donc que je l'utilise pour réfléchir à cette zone d'espacement, cette zone sur laquelle il peut se concentrer. Et numéro 8, test d'utilisabilité. Les tests d'utilisabilité définissent la qualité de votre conception. Les tests offrent une nouvelle perspective et des éléments qui auraient pu échapper à votre attention, parfois même une éventuelle refonte. Avant de livrer un projet à l'équipe de développement, n'oubliez pas de gérer les tests. Les outils que vous pouvez utiliser sont usertesting.com. App.com, disciplinez-vous sur vos collègues ou sous les utilisateurs potentiels. Nous pouvons également utiliser une caméra pour enregistrer leurs interactions. C'est vrai ? Souvenez-vous donc de ces choses. Ensuite, nous suivons l'étage utilisateur et l'architecture de l' information. Chaque fois que vous ne connaissez pas le vertige, quelle ligne nous devons mettre en place, nous devons revenir ici et y réfléchir. Suivez le flux utilisateur, suivez l' architecture des informations. Et il peut revenir ici. Et c'est exactement ce qu'il faut faire. 86. Animation de prototypage sur la conception de pages principales: Nous sommes donc sur la page d'accueil. C'est simple. Donc, faites glisser l'un d'entre eux, attendez, Alt, faites-le glisser vers la droite le long du quart de travail, va supprimer cela politiquement ici. Je vais juste appeler cette maison, zoomer et tout supprimer. Et je viens ici, je mets la page principale, vue mobile, la vidéo mobile sur le côté droit, que vous sachiez exactement quelles sont les différences. Tout d'abord, ici, nous devons augmenter pixel Teddy car nous avons le pack d'encoches, la barre d' encoche en haut. Très bien, allons sur votre icône Google Material, le matériel le plus affamé, d'accord, et cliquez simplement sur cette commande ou le contrôle C pour le copier. Et nous allons venir ici et le coller ici. Et mettons-le ici. La marge de gauche et de droite est de 20. Donc, si je clique sur OK et que je vois la mise en page. Réduisons donc l'opacité pour que nous sachions exactement quoi faire. Maintenant, créons la barre de recherche ici. Donc je vais juste cliquer ici pour ici, ça va faire huit. Maintenant, venons ici et il aura une frontière. Vous voulez faire tomber l'ombre, mais sachez pourquoi, faites-le 0. Il apparaît donc de gauche et de droite. Alors, est-ce que c'est cool ? Vérifiez donc toujours combien de temps Ctrl et appuyez sur Entrée. Vous savez donc exactement ce que vous faites. En ce moment. Je peux copier cette recherche par icône et je peux la mettre ici comme ça, mais avec une couleur très claire, quelque chose comme celle-ci, ou même celle-ci. Et quelques textes. Alors assurez-vous que c'est Poppins et qu'il est 12 ou même 14 ans. Mais pour moi, je crois qu' il y a 12 ans, c'est mieux. La police que nous utilisons pour mobile est donc toujours la même que celle du Web, Poppins. Et pour le texte, il devrait y avoir des zones ou vous pouvez le conserver sur Poppins. Poppins est très populaire dans la conception web, est ajouté dans plus d'applications. Je vais juste le faire chercher ici. Et peut-être gris clair ou peut-être celui-là ou gris plus clair. C'est vrai ? Je peux enregistrer, chercher des livres ou bien plus. Et cliquez ici et faites-le glisser ici. Je ne veux pas mettre de barre de menu ici car je crois que mon utilisateur est connecté à mon gars . Quand il s'est connecté. Il faut voir quelque chose comme ça. J'ai déjà mon image, donc je vais juste la faire glisser, la mettre ici. Je vais juste les supprimer. Donc, les gars, parce que c'est votre travail, essayez d'utiliser votre propre image. Alors, vous présentez cela au client ou vous le mettez sous web dino, vous concevez cela parce que vos pyjamas partout. C'est donc l'une des choses sympas de la publicité ou de l' image de marque. Ici, la frontière devrait être un peu plus légère, ou celle-ci, peut-être celle-ci. Qu'en est-il de cette taille, la hauteur de cette barre de recherche ? Les gars ont essayé de le mettre sur 50 et de le faire glisser vers le bas et d'arriver ici. Il y a donc un espace entre le haut et le bas si facilement qu'ils peuvent simplement cliquer dessus. Maintenant ce que je vais Alt et faites glisser ce texte ici et le mettre sur 14. Le nombre que nous avons pour Poppins est donc 14, 18, 12, 12 et 12. Voici 18 Poppins. Vous pouvez donc voir Poppins 18 minimum. C'est énorme, non ? Donc, pour l'instant, je vais juste le mettre sur un 14. Et je vais juste faire ce chemin sombre. Et je vais juste appeler ce Black Friday. Doubleclick est de cliquer sur celui-ci et de le rendre jaune. Et encore une fois, double-cliquez dessus, et c'est la couleur principale, le vendredi noir. Maintenant, essayons une boîte. Pb sait déjà que la taille de notre couverture est de 12, 82 ou trois. Le rayon est de quatre. La couleur de la bordure. Maintenant, passons à la couverture du livre et faites-le glisser ici pour le moment. Nous savons donc exactement ce que c'est, car c'est le Black Friday. Nous avons deux choses ici jusqu'ici. Vous avez Ajouter au panier et au bas vous avez l'achat et le prix. Allons donc ici et ici. Je peux copier ça. Collez-le ici, faites-le blanc, et il devrait être exactement ici. Laissez-moi vérifier. Très bien. C'est bien. Mais c'est trop gros, je suppose. Je pourrais le faire. Et il y a une astuce. Si je l'apporte ici, les gars, il n'est pas possible de le voir. Ajoutez-y une ombre portée. Si vous y ajoutez une ombre portée, c' est un peu et j'ai juste 10 ans. Et peut-être c'est 0. Nous pouvons donc au moins voir ce qui se passe. Certaines couvertures de livres et une partie de la couverture conçue. Ce sera peut-être sur fond blanc. C'est pourquoi nous ajoutons cela. Donc, au moins, ils peuvent le voir. Également. Nous avons quelque chose comme cette affaire. Encore une fois, va être pour la hauteur devrait être 32. La bordure est en quelque sorte de cette couleur pour l'instant. Maintenant, tapez par, assurez-vous que les Poppins sont ici. C'est en demi-gras parce que nous ne l'avons pas ici. Et c'est parfois un moyen facile de le faire. Et d'habitude, je peux l'apporter parce que parfois, il parce que parfois, est préférable de le faire monter d'un pouce. Maintenant, sélectionnez Ajouter un style de personnage, donc ce sera celui-ci. La baignoire. Et assurez-vous également que la couleur jaune. Je vais juste l'amener ici. Va à droite. Mettez 1,9, 0,99$. Sélectionnez les deux et assurez-vous qu'ils se trouvent au centre. Voyons ce qui se passe. Je l'aime bien. Double-cliquez, écoutez-moi, apportez-le un peu à droite. C'est un peu mieux. Maintenant, je vais sélectionner tout cela. Je n'ai pas besoin de cette mise en page. Je peux donc mieux le voir. Vous pouvez sélectionner cette grille de répétition. Et allons à droite. Peut-être ici, non ? Mais la couverture du livre et sélectionnez ici, maintenez la touche Maj enfoncée pour sélectionner l'année, retracez tout. Et nous y voilà. Double-cliquez dessus et faites-le glisser à nouveau vers la droite. Je vais juste le sélectionner et mettre ma souris entre eux et les faire glisser vers la gauche. C'est donc le fossé entre encore une fois, regardons ça. Génial. Comme vendredi, c'est parfait. Et je peux le sélectionner , faire glisser ça vers le bas. Et cela va être exploré. T book, à droite, est de cliquer sur le rectangle et de dessiner une boîte autour. Allez pour deux. Et la hauteur 85, non ? Bordure pour et sa couleur principale. Virez la frontière. Oui, je veux mettre une icône pour le genre, section. Genre. Faisons de cette capitale et faisons aussi ça blanc. Pour trouver les icônes du genre, je cherche un livre devrait contenir des livres dessus. Vous pouvez donc accéder à pic.com gratuit et taper des icônes de livre. Et il y a beaucoup de livres que vous pouvez trouver ici. Mais pour l'instant, j' en ai mis quelques-unes, que nous pouvons trouver ici. Je vais juste le mettre ici. Celui-ci va donc le mettre ici. Et je vais juste déplacer cette API vers la droite, trois genres. Copiez ceci, faites-le glisser vers la droite, peut-être 10. Et je vais appeler ça le plus vendu. qui signifie que je dois augmenter un peu ça, n'est-ce pas ? Oui. Très bien. Maintenant, supprimons ça. Mettez-le ici, tapant, et ramenez-le un peu. que je peux contrôler G ou Control G ? Faites-le glisser vers la droite. Donc, il va copier ce W ici, supprimer celui-ci et le contrôle actuel V est que je vais juste faire glisser et le mettre ici. Je vais juste appeler ça de nouvelles versions. Et cliquez sur celui-ci et augmentez un peu cela. Et retirez ce mois-ci, je cite. Assurez-vous donc que ces barres sont groupées. Sélectionnez cet arbre, puis groupez-les à nouveau. Sélectionnez celle-ci et cliquez sur cette petite icône ici pour un groupe scolaire. Et nous y voilà. Laissez-moi en tant qu'apprenti ici. Donc ça va être celui que j' appelle Explorer, TEA book. Ce que je pense, c'est que la table explorée peut être semi-boulon. Celui-là est sombre. Laissez-moi simplement cliquer dessus avec le bouton droit de la souris et l'édité. Prenez la couleur, le sélecteur, la couleur principale. Et c'est tout. Bien mieux. Même celle-ci peut être semi-audacieuse. La prochaine partie est donc quelque chose de totalement nouveau, que mes clients m'ont dit de concevoir pour eux, c' est-à-dire une combinaison de livres électroniques et de livres audio, qui n'étaient pas disponibles sur le site Web. C'est juste que ça va être une application. Je vais juste cliquer là-dessus. Il va faire glisser une boîte. Maintenez la touche Alt enfoncée, faites-la glisser vers le bas , ou Alt, faites glisser cette Ne modifiez pas, faites glisser ça vers le bas. Faites-le un peu baisser. Pas de bordure. Et essayez celui-là. Aussi pour celui-ci, je cherche quelque chose comme ça, très léger et je suis à l'intérieur. Donc ça va se passer, laisse-moi juste tenir Alt et faire glisser ça ici. Livres électroniques et livres audio. Ou autorisez Maj et faites-le glisser pour les placer au centre. C'est donc la partie centrale. Nous y voilà. Pourtant, il est grand du côté du cœur. Réduisez, faites-le cinq. Ou même pour encore mieux. Maintenant, l'autre chose que nous avons, donc celle-ci devrait être de couleur très claire. Je cherche donc un briquet comme celui-ci. Et elles sont aussi trop lourdes, ce qui signifie que je dois le mettre sur le support. Et en rose, c'est en bas. Maintenant, je peux le régler partout et le faire glisser vers le haut. Peut-être que le tout devrait tomber si c'est le même espacement. Génial. Maintenant, cliquez ici et faites-le glisser vers le bas. Il y a des collègues tous ces éléments au même endroit. Il est bon de brancher l'erreur de type I. Cette erreur, contrôle X. Venez ici, contrôlez V, faites-le très petit. Et mettez-le ici. Il va trouver les lignes Qu. Je vais juste dire exactement une idée et faire une lunette de retour à la bibliothèque et en faire une couleur rose. Parfait. Les gars, la même chose. Nous allons juste sélectionner celui-ci. Copier. Venez ici et collez. Mettons-le ici. Cliquez et faites-le glisser vers le bas pour que nous ayons plus d'espacement. Donc, un e-book, encore une fois, la couleur devrait être rose. Je vais cliquer dessus et le faire glisser vers le bas. Donc pour le texte, je veux le mettre sur 12, moyen, quelque chose comme ça, exactement, les gars. Alors, devrions-nous Poppins moyen 12 ? C'est vrai ? Maintenant, je vais juste le garder aligné. Apportez-le. Maison Gucci de Maya Shen. Celui-ci devrait donc être plus léger. Je cherche donc quelque chose de léger. Voici donc les Poppins, mais réguliers. Et aussi pour que vous puissiez voir ce rose un peu. Donc, le fossé entre eux. Je veux le mettre sur 16 écarts. Vous y voilà. Il devrait être 4,8. Et aussi, je cherche une star. C'est l'un de ces exemplaires historiques. Et mettez-le ici. Nous ne voulons pas de distraction. Ce qui signifie qu'il s'agit la couleur et de la taille, de la même couleur. Peut-être un peu plus gros. Pour 0,8. Cela devrait être il y a dix ans. Et le prix devrait être, l'autre 9,99. Le prix devrait être de 40. Nous y voilà. Assurez-vous que les Poppins, et ce prix devrait être moyen. Il suffit donc de jeter un coup d'œil. Cela peut rendre cela un peu plus petit. Apportez tout. Ici, c'est bien mieux. Près de ça. Jetons un coup d'œil à ça. Il faut donc le visualiser, à droite, 4.8, c'est très petit. Encore une fois, il suffit de cliquer dessus et de le mettre en 12. Cliquez sur cette étoile et agrandissez-la un peu. Tout va un peu vers la droite. Rejetons un coup d'oeil là-dessus. Très bien, bien. Maintenant, sélectionnez ce contrôle de commande G pour le regrouper. Répétez la grille. L'écart entre eux devrait être d'environ 10. Et c'est tout. Tracez-le vers la droite. Assurez-vous simplement d'utiliser différentes photos. Très bien. Que se passe-t-il si nous sélectionnons le livre audio, que va-t-il se passer ? Alors, sélectionnez-le et dissociez-le. Allez dans le calque, voyez s'il est groupé. Il s'agit donc de trois groupes. Je veux en faire un groupe, contrôler G pour les regrouper. Donc, tous un groupe, un groupe. Donc, groupe total et a la même taille ou unité de soins intensifs. Donc celui-ci est juste, vous pouvez voir que c'est la valeur et que c'est un format totalement différent, n'est-ce pas ? Donc je n'ai pas besoin de ça, je vais juste le faire glisser pour écrire. Sélectionnez tout, les gars et tout. Le sommet de la sonde, du livre électronique, livre audio et de tout, et un composant critique. Par défaut, indiquez que c' est lorsque vous cliquez sur eBook, que se passera-t-il si nous cliquons sur un livre audio ? J'avais donc un signe plus et votre état. Donc, vous êtes notre dernier état, n'est-ce pas ? Faites glisser celui-ci, à droite. Sélectionnez-le et faites-le cliquer sur le compte-gouttes. Et ça va être de la même couleur, celle-ci. Allons-y. Pouvez-vous utiliser le livre audio Feel ? Et je peux aussi tenir sur Alt et l'augmenter de gauche et de droite. Encore mieux. Donc, sélectionnez tout cela, et c'est la largeur, est de un ou sept, la hauteur doit également être de 10, 7. La même chose. Lot de 7. Sélectionnez chaque Think et cliquez sur 10, 7. Maintenant, sélectionnez tout. Maintenez la touche Maj 1, 2, 3, 4, 5, 6 enfoncée. La même chose. 1, 2, 3, 4, 5, 6. Sélectionné par rapport à votre état pour passer en mode prototype. Donc, si vous cliquez sur eBook, maintenez la touche Contrôle enfoncée et cliquez sur la possibilité de sélectionner. Cliquez ici. Le type doit être animé automatiquement, d'une durée de 6 secondes. Et la destination doit être l'état par défaut. Je suis sorti, sélectionnez-le à nouveau, passez à l'état par défaut. Si vous continuez à contrôler le clic sur le livre audio, sélectionnez-le. Et ce sera honnête état deux. Vous voulez voir ce qui s'est passé. Sélectionnez la plaque d'accueil. Et juste les gars, jetez un coup d'œil à ça. Regardez. Livres audio. Livres audio. Cliquez sur Design est arrivé ici. Cliquez sur celui-ci et aussi sur celui-ci. Faites glisser ceci vers le bas. Contrôlez X pour sortir de cette boîte. Sélectionnez Commande ou Control V. Missile en dehors . Appelez ça, lancez ça sur un livre. Encore une fois, la même chose. Cliquez ici. Copiez, sortez, venez ici et collez-le, et assurez-vous qu'il est ici. C'est vrai ? Et nous y voilà. Cliquez sur Repeat Grid. Va à droite, mesurez, c'est dix. Et voilà. Faites transpirer dans des endroits frais, de belles photos. Et je vais juste le faire glisser et le déposer ici. Magnifique. Pour l'instant, cliquons ici et faisons glisser cet autre bout. Venez à l'intérieur. Et voilà que nous allons cliquer sur ce triangle est à gauche. De plus, celui-là. Gardez la même chose aussi, mais nous le quittons. Donc, celui-ci, celui-ci eBook. Donc, quand tu joues ça, ça aurait dû arriver au sommet aussi, n'est-ce pas ? Alors, faisons-le. Donc je vais juste sélectionner, celui-ci doit être désélectionné. Je vais juste sélectionner ces Command ou Control X. Cliquez ici si vous êtes dans l'état par défaut, n'est-ce pas ? Cliquez donc pour aller à l'intérieur de cette boîte, cette commande de groupe ou le contrôle V. Donc maintenant tout se trouve à l'intérieur de cela. Cliquez maintenant sur l'extérieur, sélectionnez le AM et passez à l' état 2. Je vais juste choisir ça, ça, tout. On y va. Et tout faire glisser vers le haut ? Maintenant. Donc, ce sera des états pliés, état deux. Et voyons comment cela fonctionne. Passons à la valeur par défaut, à l'état, à la maison , au jeu, à un livre, tout arrive. Travailler. livre audio, un livre. À quel point c'est cool. J'ai adoré ces composants. 87. Utiliser la conception de menu d'application Etat composant et animation prototypage: Concevons maintenant la barre de navigation inférieure. Je vais donc simplement cliquer sur ce plan de travail et m' assurer que David est de 50 à 75, et que la hauteur est de 61, ce qui est la meilleure taille pour la navigation mobile. Vous pouvez vous intéresser de plus en plus bas, mais d'habitude, je vais essayer de le faire. Donc pas de bordure, assurez-vous que ce tableau d'art, je vais juste l'abaisser un peu pour pouvoir voir celui-ci parce que je vais ajouter une ombre portée. Le Y est moins trois en fait. Et aussi, je vais juste utiliser cette couleur, mais réduire l' opacité autour de 25. Maintenant, concevons la barre de navigation ou la carte inférieure dans laquelle nous sommes dans la barre de menus. Il y a beaucoup de noms pour ça. C'est vrai ? Maintenant, apportons les icônes ici. J'ai déjà sélectionné certaines des icônes que vous avez, je vais juste copier ça. Vous pouvez également copier ou vous pouvez simplement suivre ici dans Material Icone Google et trouver vos propres icônes ici. Et je vais juste le laisser tomber ici. Allons faire tomber ça. Par défaut, je vais commencer celui-ci et m' assurer de les séparer de la bonne façon. Le meilleur moyen, c'est que je vais juste faire glisser ça. Sélectionnez-les tous, assurez-vous que l'espacement est correct. Encore une fois, appuyez sur Commande ou Control G pour le regrouper. Sélectionnez ce long décalage, sélectionnez l'arrière-plan et cliquez dessus. C'est donc totalement et j'ai dit, sélectionnez-le, cliquez avec le bouton droit de la souris et dissociez-le. Maintenant, pour regarder les frontières, les frontières sont énormes en ce moment. Donc celle-ci, donc celle-ci, la frontière devrait être autour d'une ou 1,5. Mieux. Celui-ci, Il n'y a aucun moyen car nous avons conçu cette sensation ou les icônes sur le terrain. Nous pouvons donc ajouter une bordure ici, mais la rendre blanche et 1,5. Nous avons donc la même taille pour la bordure. La même chose. Nous ne pouvons pas ajouter de bordure. Regardez, alors faites-en une bordure blanche et 0,5. La même chose, contrôle sélectionne la bordure blanche, 0.5. Ils ont donc tous la même taille de bordure. Qu'en est-il de la couleur ? Je vais juste à Shift. Sélectionnez-les tous. Et tu pars. Je peux le dire parce que l' un d'eux est celui-ci. Et je vais changer de sélection. Ce sont juste besoin de sentir. Et nous y voilà. Donc, par défaut, ça va être celui-ci, n'est-ce pas ? Nous devons donc également concevoir la deuxième étape. Celui-là. Celui-là, celui-ci, celui-ci. Amenez celui-ci ici, cliquez avec le bouton droit de la souris et renvoyez-le. Encore une fois, sélectionnez-le à nouveau et renvoyez-lui également cet arrière-plan. Tout devrait être renommé maintenant. Celui-ci devrait donc être des lignes. Cette bibliothèque à une ligne. Je vais juste faire glisser ça ici et le mettre ici. Faites glisser celui-ci et placez-le ici. Celui-là aussi. Et celui-là, j' appelle quelque chose comme ça, on serait bien. Si vous voulez l' aligner parfaitement, si vous le sélectionnez, juste cette flèche gauche et c'est parfaitement, voilà. Il descend flèche vers le bas, flèche gauche. Donc, si quelque chose s' est passé à gauche et à droite n'a pas d'importance, assurez-vous de cliquer ici et de le placer dans l'image de gauche. Sélectionnez cette tête et réduisez-la un peu plus petite. Et nous serions bien. Nous avons donc choisi la maison, sélectionné celle-ci. Je vais donc sélectionner tous ces favoris de la bibliothèque. Et aussi quatre ou cinq, 1, 2. Je vais juste les décomposer. Pour l'instant. Chacun d'entre eux a besoin d'une couleur. Je vais juste faire ça. L'érudit. Également. Je vais juste taper ici, ce qui va être à un pixel. Et aussi moyen. Quelque chose comme ça, et de la même couleur. Donc, copions ceci ici et appelons cette bibliothèque. Pour trouver une couleur très cool. J'allais écrire ça , faire glisser ça vers le haut. J'adore cette couleur. Sélectionnez celui-ci et donnez-lui la même couleur. Donc, les durs savent probablement déjà qu'il est rouge. Mais pas si rouge. Ce rouge. Un peu plus léger. Il va être préféré. Prenez la pipette et faites-la rouge. Et celui-ci devrait être vert. Et je vais juste appeler ce profil et aussi vert. Assurez-vous donc qu'ils sont sélectionnés. Et en bas, ce qui va les aligner. La même chose avec ça. Alignez-les et amenez-les ici au centre. Cela permet également de maintenir la touche Maj enfoncée, les sélectionner et de les aligner par le bas, et de les aligner à partir du centre. Aussi, nous devons faire quelque chose comme ça, je vais juste faire glisser ça, vais juste sélectionner la case ici. La Mecque est arrondie. Sélectionnez tout ce canton, sélectionnez-le. Cliquez avec le bouton droit de la souris sur assemblage vers, à l'arrière. Donc oui, s'il vous plaît à l' arrière, je peux faire glisser ça vers le haut. Vous pouvez également faire glisser cela vers le haut. Ici. La frontière. Assurez-vous qu'il s' agit de la même couleur, l'arrière-plan. Maintenant, faites glisser ceci vers la gauche. Donc, vous comprenez l'idée. Quelque chose comme ça se passerait bien. Bon, maintenant, on va juste faire glisser ça. Ce rectangle est donc calme. Et son contrat est à droite. Comme ça jusqu'au sommet du centre. Donc, pour les entrepreneurs de chiffres à gauche. Sélectionnez donc cet arbre, commandez Control G pour les regrouper. Sélectionnez cet arbre, revenez sur G pour les regrouper. Sélectionnez cette option. Sélectionnez Commande Control G. Donc ce groupe est à la maison, il s' agit d'une bibliothèque, c'est favori, et c'est par fichier. Sélectionnez ces quatre points, décalez, sélectionnez l'arrière-plan, cliquez avec le bouton droit de la souris et renvoyez-les vers l'arrière. Assurez-vous de faire quelque chose comme ça. Faites-le glisser vers le haut. Donc, c'est exactement derrière ça. Faites-le glisser vers le haut. Faites-le glisser vers le haut. Alors, assurez-vous de le régler, le tout. Manipulez-le vers le haut. Et la même chose, je me lève, j'y vais. Donc ça va être quelque chose comme ces gars ont raison. C'est cool. Maintenant, sélectionnez tout, je sélectionne tout. Assurez-vous de cliquer sur le composant. Cela va donc à l'état plus signe par défaut, nouvel état. Ce sera chez vous dans votre bibliothèque d'État, n'est-ce pas ? Oui, état, fav, profil d'état. Revenons maintenant à l'état par défaut. Donc, par défaut, l'état, c'est ce que nous avons. Faites glisser ça ici. Et je vais rentrer chez moi. 10 auf. Sélectionnez la maison. On y va. Une fois encore. Bibliothèque, arrière-plan, faites-le glisser jusqu'ici, éteignez-le. Et tout ça. Dix suffisent. Le fond, apportez-le ici. Éteignez. Et mais celui-ci avant un 10, tout est parti. Je vais faire quelque chose comme ça. C'est comme si ça venait de l'intérieur. Maintenant, glissez-le vers le haut. Alors, faisons-le aussi. Nous allons donc voir la maison de l'intérieur, ça va sortir. C'est donc l'opacité. Si nous le lisons en groupe. Le profil. Vous y voilà. Vous y voilà, et visitez. Et cela va être notre état par défaut. heure actuelle, nous savons quoi faire. Tout revient à la normale. Si vous cliquez sur Accueil, c'est ce qu'ils vont simplement sélectionner. Celui-là. Celui-ci annule, celui-ci, faites-le glisser vers le haut. Celui-là. Ça va se passer comme ça. Cliquez sur Accueil, faites-le glisser vers la droite. Et cela va être très intéressant. Je sélectionne celui-ci. Apportez de la nano-essence. Ce sera donc la maison, mais à l'intérieur de la maison, c'est trop proche. À la maison. Vous devez faire glisser ça vers la droite. Pratiquez. À droite. Cela va se produire à la maison. Donc, si vous revenez à la bibliothèque, car son état par défaut des choses remonte. Donc, en mode bibliothèque, sélectionnez-le, faites-le glisser vers le haut. Sélectionnez-le, faites-le glisser vers le haut et sélectionnez-le également. Faites-le glisser sur l'opacité. Vous y voilà. Maintenez le contrôle enfoncé et sélectionnez cette chose à droite. Celui-ci, je n'ai pas besoin d'une tonne d'opacité. Je sélectionne à nouveau l'arrière-plan. Merci. Un peu à droite. Très joli. Je devrais peut-être être aligné. Joli. La même chose si vous cliquez sur ce triangle est à droite et faites glisser vers la droite. Ce sera donc une bibliothèque. Allons au clic de foi et cela réduit l'opacité. Pour celui-là. C'est ce que nous faisons, qui va le traîner aux Sourds qu'ils ont mordus. Et je veux déplacer ça. Et je vais aussi déplacer ça ici aussi . On y va. Joli. C'est le cas, donc ça va être favori et va être le profil. Ici. Celui-ci vient à gauche. Je suis donc constamment parti. Et cela va se faire. Maintenant, nous devons passer à Prototype. Si c'est le cas, disons que si nous sommes dans l'état par défaut et que je clique sur Accueil, cliquez sur cette petite icône ici, venez à animer automatiquement. Une destination sera chez elle. Ou en bas de Contrôle, cliquez sur la bibliothèque sélectionnée. Choisissez la bibliothèque, contrôlez, sélectionnez, cliquez sur un fav de 20 minutes, puis relâchez. Je crois que ça devrait l'être. Il est IN OUT et six secondes. Et celui-là dit qu'il est dans, dehors, c'est beaucoup mieux. C'est vrai ? contrôle. Cliquez sur le profil sélectionné pour qu'il soit activé. Profil. Alors sélectionnez-le à nouveau, rentrez chez vous. Si vous êtes chez vous et que je sélectionne le Home, cliquez dessus. Il devrait revenir à l'état par défaut. Si je clique sur, la bibliothèque devrait aller à la bibliothèque, quelque chose. Fave et cliquez sur Profil. Sélectionnez l'extérieur, cliquez à nouveau à l'intérieur, accédez à la bibliothèque. Pour la bibliothèque d'une bibliothèque de silicium, il s'agit du contrôle d'état par défaut. Cliquez sur le Home, me ramène à la maison, m' amène à l'aimer. Et le fichier médiocre sélectionne. Nous sommes en faveur. Si je clique sur fav, revenons à la valeur par défaut, le profil d'état. Allons au profil, à la bibliothèque. Elle est active. Allez à la bibliothèque et à la maison. Il va à la maison. Ils choisissent donc à nouveau à l'extérieur. Et le dernier est le profil. Enfin, le clic de profil sur Profil sera par défaut. Le clic d'état sur le fav va être fav. Cliquez sur la bibliothèque va être Bibliothèque et sélectionnez la maison va devenir. Maintenant, cliquons ici et mettez-le par défaut, l'état de sélection de la barre de navigation. Et essayons ça. Kilogramme. Parce que notre appareil de test est magnifique. Voyez que l'espacement change fréquemment dessus. Il revient à la valeur par défaut. Je vois un petit mouvement qui le rend très intéressant. N'essayez pas de rendre ça fou, comme retourner, monter et descendre, quelques éclaboussures dessus. Cela ne fonctionne pas dans le monde réel. C'est donc cool, simple et beau. Vous savez donc exactement où vous êtes. C'est vrai ? Maintenant. Sélectionnez le plan sélectionné et faites-le glisser. Nous allons sélectionner celui-ci. Nous devons donc le mettre ici sur cette ligne, je vais juste le faire glisser et le mettre sur cette ligne. Très bien, cool. Essayons maintenant. Comme une assiette maison. Alors de haut en bas. C'est donc ce qui s'est passé. Il monte, non ? Assurez-vous donc que lorsque vous cliquez dessus, position fixe est active. Encore une fois, cliquez sur une plaque d'accueil. Donc, si je monte et descends, tu ne fais que coller ce fond. Et ça va fonctionner à merveille. Génial. J'adore ça. Très bien, c'est cool. Maintenant, c'est fini. La barre de menus en bas. 88. Animation de prototypage simple: Faisons quelques animations. Que s'est-il passé si nous cliquons sur cette petite icône ici, la barre de recherche ? Voyons donc ce qui s'est passé. Donc, le truc est que je vais juste sélectionner, Shift, sélectionner tous ces éléments. Et cliquons sur les composants que vous souhaitez. Je vais juste sélectionner ici et changer cette couleur pour la jeter. C'est mieux. Il s'agit donc de l'état par défaut. Donc, Neo State, ça va être comme ça. Double-cliquez ici. Maj, faites en sorte que ça soit droit. Maintenant, cliquez ici. Et lorsque vous double-cliquez ici, vous voyez ces points. Alors supprimez-les, juste les premiers. Je vais donc les supprimer jusqu'à ce que le dernier soit deux. Assurez-vous donc de sélectionner celui-ci. Le premier est donc supprimé. Lorsque je zoome, je vois quelque chose comme ça. Je vais juste suivre ce Maj vers le haut ou le bas et le faire glisser vers le haut. Sélectionnez celui-ci, faites-le glisser en décalage parallèle, sélectionnez-le à nouveau et faites-le glisser vers le haut et essayez de créer cette belle courbe, quelque chose comme ça. Maintenant, sélectionnez celle-ci, maintenez enfoncée, Maj, sélectionnez celle-ci et également celle du Mac Zoom. Cliquez sur la touche fléchée. Joli. Maintenant, sortez dehors, faites-le glisser vers le haut. Donc, cette barre de recherche va être comme ça. Il arrive ici et l'opacité est en baisse. La même chose que nous faisons est d'aller vers la droite et l'opacité est en baisse. Maintenant, sélectionnez-le, il sera par défaut ce jour-là. Si je contrôle, cliquez sur celui-ci et sélectionnez ceci et assurez-vous que le domaine de destination T2. Donc, si vous êtes dans l'état deux, si vous cliquez ici ou ici, il retournera à l'état par défaut. Donc je vais juste cliquer ici, revenir à l'état par défaut, à maison. Allons-y jouer. Voyez ce que vous obtenez. Joli. Donc, c'est comme, c' est que celui-ci mange ces textes. C'est tellement beau. C'est très minime et efficace. C'est donc ce que nous faisons avec l'animation. 89. Catégories d'applications Conception et prototypage: C'est donc le processus énorme pour l'instant. Je vais juste le laisser. Si vous cliquez dessus, quelque chose de très cool va se produire. Venez explorer. Si vous cliquez sur ce genre, ça va se produire. Passez en mode Création, alt, Maj et faites-le glisser vers la droite. Je vais juste appeler ce genre. Et je vais juste tout enlever. Cliquons dessus et retirez-le. Je n'ai plus besoin que vous sachiez exactement ce qui s'est passé. Et vous voyez, tout est totalement différent. Je vais changer de sélection parce que nous avons besoin de celui-ci. Copiez, sélectionnez l'extérieur, venez ici et collez-le. Maintenant, faites-le glisser vers le haut. Pour le premier. Revenons ici et faites-le glisser, copiez-le et collez-le ici. Et assurez-vous que c'est exactement comme ça. Et c'est l' espacement le plus cool entre eux. Vérifiez que c'est 10, exactement l'espacement, non ? Je le colle deux fois, 92 rouges. Le genre est donc là. Et vous pouvez donc revenir au genre aussi. C'est donc quelque chose que vous devez mettre ici, faites-le glisser un peu vers le haut. Maintenant, apportons du texte ici. Je vais juste les mettre ici. C'est la même chose que celle que nous avons mise ici. Le SEMMA, les enjeux, il suffit de les copier, de les amener ici. Donc, nous devons aussi prendre une sorte de prise, il y en a un autre. Et je vais juste supprimer certains d'entre eux et faire glisser le tout vers le haut. Maintenant, nous allons tout sélectionner. Composante. Ne sélectionnez pas celui-ci et sortez de cette case ici. Et assurez-vous que la capacité est de 0. Alors faites glisser ça ici. Il s'agit donc de l'état par défaut. Si vous cliquez sur Audio, que va-t-il se passer ? Allons dans un nouvel état. Vous êtes dans l' État de New York en ce moment. Celui-là va le faire. Très bien. Eh bien, je suis vieux et ça va se produire plus grand. Sélectionnez un compte-gouttes pour livres électroniques. On y va, la couleur audio. Et celui-ci a l'interrupteur avec celui-ci qui va amener celui-ci ici. Très bien, ça va suivre ça vers la gauche. Très bien, et nous y voilà. Revenons au prototype d'état par défaut. Si je contrôle cliquez, cliquez ici, allez à animer, état pour cliquer à l'extérieur et cliquez sur l'état arrière pour pouvoir efficacement sélectionner deux états par défaut activés. Bon, revenons à l'état par défaut et voyons ce qui se passe. Mais si je clique sur ce genre d'icônes, je vais juste faire glisser ça et le mettre ici. Ce sera la diapositive à gauche. Le type est donc transition et la dissolution est légèrement à gauche. Si je clique sur cette attraction est à gauche, je veux revenir en arrière. Il s'agit donc légèrement de gauche ou de glissement, à droite. Voyons ce qui se passe. Cela se déplace donc vers la gauche et la droite. Si je clique sur le genre, c'est sympa, HUAC. Génial. Genre. Va chez CU. Tout fonctionne parfaitement. Joli. J'adore ça. Genre. Audio, livre électronique. Voyez la transition. Est-ce beau ? Génial ? 90. Barre de recherche Conception professionnelle et animation Prototyping: Maintenant, apportons-le ici. Je vais donc juste maintenir Alt enfoncée et faire glisser ça vers la droite. Nous n'avons pas besoin de cette partie. Je vais juste l'enlever. Mais je me demande, je vais continuer à choisir ici. Ramenez la ligne jusqu'ici. Très bien, bien. Et sur certains textes comme Control X, Control V, comme les plus vendus, lorsque vous cliquez sur la recherche, le paramètre le plus haut est l'une des options ici. Et il devrait être à la radio là-bas. La plus grande partie du champ est plus légère. Et je suis à la recherche d'une icône qui va déjà être celle-ci. Comme le plus haut Sénat. Que va-t-il se passer si je clique dessus ? Que va-t-il advenir de cela ? Celui-là va aller ici. Et ça va baisser. Là encore, celle-ci est en rotation. La même chose va se produire. Double-cliquez et je vais simplement supprimer tout ce qui se trouve en haut. La même chose. Je vais zoomer le long de la touche Maj pour faire une touche droite enfoncée pour la rendre droite. Faites-le glisser vers le haut. Faites-le glisser vers le haut. Peut-être faites-le glisser vers le bas. Ecrivez-le. Joli. Maintenant, sélectionnez cet arbre avec Maj, zoom arrière et flèche et sont exactement ce que je cherche. Oscillez à l'extérieur sélectionné. Et nous y voilà. Nous devons donc créer quelque chose comme clignoter. Donc, pour créer le clignotement, je veux autre chose et quelque chose comme ça. Donc, dans celui-ci, cette opacité devrait se refroidir. Vous voyez la couverture. Donc, cela signifie que si je clique sur ce prototype et passons à cette fin avec auto animate 6. Deuxième dans sa sortie. Mais quand vous êtes sur cette page, cette page devrait aller sur celle-ci et revenir en arrière, n'est-ce pas ? Et choisissons celui du haut, faites-le glisser vers la droite et mettez-le à l'heure. L'animation temporelle est, il y a six secondes. Voyons ce qui s'est passé. Si je clique dessus, cela revient à celui-là aussi. Donc, si je clique ici ou que je clique sur cette petite barre ici, ça me ramène. Donc, si je clique ici, il me ramène. Voyons maintenant ce qui s'est passé sur cette page. Si je clique sur cette icône de calque. Superbe. Regardez. C'est exactement comme si c'était de l'animation. Bien, retournez en arrière. Jolie, très vendue, belle. Jetez-y un coup d'œil. J'ai adoré ce genre de choses et j'adore Adobe XD. C'est facile de le faire. Très bien, donc nous concevons et nous avons animé. Très bien, encore une fois. Jetons un coup d' œil à ça. Lors de la première page, elle effectuera une recherche. Donc, C n'est pas comme vous en ce moment. C'est donc cool. Livre audio, genre. Audio, livre électronique à partir d'une balise pour une recherche. Parfait. Revenons en arrière. Revenons en arrière. Que se passe-t-il si je clique sur la biologie ? Que va-t-il se passer ? Ce sera notre prochain design. 91. Conception et prototypage en fonction des catégories: Donc, si nous cliquons sur la biologie, nous devrions voir une catégorie de livres de biologie et triés par vente ou évaluation. Et nous pouvons également voir une catégorie. Nous pouvons cliquer sur. Cliquez donc sur Genre et Alt, faites-le glisser le long du Maj. Mademoiselle va appeler cette biographie. Nous n'en avons pas besoin. Je vais simplement supprimer cela et double-cliquez ici ou ICU. La première chose dont nous avons besoin, c'est quelque chose comme ces gars. On y va. Je vais peut-être un peu à droite. Cette enquête sur le général. Je vais juste le laisser ici. C'est 12. Laissez-le ici. Et celui-ci devrait être très léger. Et le fond doit également être très léger. Il y a donc un général : c' est l'écart entre eux. Capuchon arrondi. Et aussi très léger. C'est la catégorie dans laquelle notre biologie ressemble à celle du compositeur. Nous avons également besoin de celui-ci. Je vais saluer Ally. Assurez-vous que le capuchon noir, arrondi, la commande ou le contrôle D pour le dupliquer. Et assurez-vous que le décalage pulmonaire sélectionné à 90 degrés le faire glisser et le réduire. Revenez sur G pour le regrouper. Je dois le mettre ici, ou probablement vouloir le mettre ici et le faire glisser vers le bas. Très faible opacité. Alors, sélectionnez tout. Accédez à Component. Cet état par défaut correspond au nouvel état. L'état deux va être quelque chose comme ça. Tellement long contrôle et sélectionne l'arrière-plan, quelque chose comme ça. Et je vais tout déplacer vers la droite. Et nous y voilà. Je vais juste le mettre ici. Suivez également cela vers la droite. J'ai quelque chose ici. Capacité épinglée. Maintenant. Sélectionné. Remplissez-le de celui-ci, et cela va être général et c'est léger. Voyons l'animation. Si vous êtes dans un prototype d' état par défaut, si je sélectionne un général, s'il passe à l'état deux, si nous sommes dans l'état deux, si je clique sur cette icône ici, pour le fermer, vous devriez aller retour à l'état par défaut. Revenons donc à l'état par défaut. Joué. Général, c'est sympa. Donc ici, si je vais à l'état 2, il est parfois très intelligent que le clicker va concevoir. Et je vais choisir quelque chose autour de ça. Mais pas de frontière. Nuffield a toujours regardé ces gars. Je vais donc simplement sélectionner cette commande ou Control X, double-cliquer et coller. Nous sommes donc dans l'état de cliquer sur cet état par défaut. Maintenant, si je clique dessus, si je vais ici, il va être activé. Joli. L'icône revient aux calques. Ici. Je vais juste retourner à Design. Appuyez sur T et triez en fonction des ventes les plus vendues. Allons-y ici. Donc, c'est 12 régulier et la couleur devrait également être celle-ci. Et pour le tri, nous devons faire quelque chose comme ces gars. Casquette arrondie. Fais-le aussi. On y va. Voyons voir. Bien sélectionné. Cliquez sur ce décalage en ligne, revenez, sélectionnez-le et faites-le glisser vers l'arrière. Sélectionnez-le tous, puis sélectionnez-le. Et le groupe deux. Celui-ci devrait être un peu plus évident. Cliquons là-dessus ou sélectionnons l'un d'entre eux. Et je vais sélectionner Copier. Venez ici et collez ça. Celui-ci est énorme. C'est plus petit. Je vais juste le mettre ici. Alignement ceci. Tout le reste devrait être ici. Donc, si je sélectionne tout Comic-Con via G pour le regrouper, Répétez la grille, faites-le glisser vers le bas. C'est ce que nous avons. Allons nous couvrir. Faites-le glisser ici. Cool. Allons à l'intérieur. Faisons ça. Numéro deux. Je veux tout mettre là-dedans. Je vais juste faire glisser ça un peu. Sélectionnez tout. Est-ce que je vais faire un peu ici ? Je suis donc à l'intérieur de ces grilles de répétition qui vont lire. Disons donc dehors, alors c'est une composante. conséquent, dans l'extérieur par défaut ici dans cet état de maladie pour écrire sur la propriété par défaut, sélectionnez ceci. Sélectionnez, peut-être que vous allez juste apporter celui-ci et le sélectionner et le faire glisser et le déposer. Donc, dans l'état par défaut, vous avez quelque chose comme ceci, mais dans un état de deux. Et voyons si nous pouvons changer cette assiette bio. Joli. savent donc exactement ce que nous faisons. Tout change. Magnifique. Cliquez maintenant sur la biographie, cliquez sur le prototype. Et lorsque nous cliquons dessus, cela devrait se produire. C'est comme une poussée. Dissoudre est poussé vers la gauche. Si je clique sur la biographie, tu devrais pousser à gauche, pousser vers la droite. Donc, ça va être poussé, n'est-ce pas ? C'est ce qui s'est passé. Si c'est une biographie de Gilligan. Revenons en arrière. Nous pouvons également faire quelque chose comme ça. Si je clique sur cette biographie et si nous cliquons sur le composant, mais si, si je survole dessus, je peux cliquer dessus et ensuite nous pouvons passer l'étape suivante par vous. Donc, lorsque vous cliquez sur Boeing ou que cela s'est produit. Pourquoi ? Parce que nous avons déjà un composant sur cette page. Et quand vous voulez ajouter quelque chose à l'intérieur ce composant va simplement nous abandonner, c'est nous dire de créer celui-ci. En dehors de cela, je pourrais cliquer sur cette vidéo et sur un nouvel état. Donc, nous ne devrions pas avoir à l'USDA, revenons en arrière. Ce que nous voulons, c'est Horace déclare en vol stationnaire. Cela va être quelque chose comme ça. La couleur va changer. Donc, le clic en maintenant la touche Contrôle serait quelque chose comme celui-ci. Biographie. Maintenant, nous avons créé la journée Horace. Maintenant, si je clique sur ce domaine d'horreur et que j'importe le type, je peux le faire glisser et le déposer ici. Et je le dis en transition, poussez à gauche. Assurez-vous donc que celui-ci se trouve dans un endroit sûr. Normalement, je le mets dessus. Donc, c'est exactement ce que nous avons. Si je clique sur genre, si je survole dessus, voyez, c'est comme votre web. C'est donc une poussée. Mais comme nous n'avons pas de survol et d'application mobile, nous allons simplement mettre cela ici pour l'instant. Peu importe que tout l'état se mette en marche. Cependant, je ne veux pas que cela se produise. Et planer, je veux la même chose, même couleur, le carré à l'intérieur du stationnaire. Et puis au-dessus. Mais ce que je veux, quelque chose comme ça. Je veux une boîte qui va d'ici à ici. C'est comme si je pressais quelque chose. Peut-être que tout l'espace. Et je veux découvrir et réduire l'opacité. Et je veux l' envoyer à l'arrière. C'est vrai ? Maintenant, nous allons faire glisser ça dehors. Cliquons sur le genre joué. Écoutez, si j'appuie sur ma souris, ça va arriver. Pour presser ma bouche, ça va arriver. J'ai donc besoin d' augmenter la hauteur, maintenir Alt et d'augmenter la hauteur ou la longueur. Cliquez sur Genre. Appuyez sur. Vous savez donc exactement ce que vous cliquez. C'est vrai. 92. Animation de glissement spécial BookStore: Bien, animons la page d'accueil. Mais après avoir sélectionné ceci, dissociez-le. Encore une fois, je dois les regrouper. En faisant cela. Encore une fois, maintenez la touche Maj et dupliquez-la. Si je fais glisser ça vers la gauche, je veux dire que c'est quelque chose comme vous et si je viens sélectionner un, allez au prototype, faites-le glisser vers celui-ci, mesurez les déclencheurs et faites glisser l'animation automatique, sélectionnez le tout. Et l'autre plan de travail. Faites glisser ceci vers la gauche. Et voyons ce qui s'est passé. Vous pouvez cliquer dessus, le faire glisser vers la gauche et le faire glisser vers la droite. Superbe. Qu'en est-il de l' animation de celle-ci ? Je veux animer ça. Donc, c'est 24 ans, non ? Je vais juste appeler cette photo pour que je m'en souvienne. Ce sera donc notre apogée. Voyons voir. Un détenu est parfait. À l'intérieur de ce pic. Ce pic. Nous devons avoir quelque chose d'intéressant. Je vais juste dessiner une boîte ici. Je veux donc voir si ça va convenir ici. Encore grand, peut-être un peu plus petit. Maintenant, je vais juste les essayer pour un centre. Ce n'est pas mal, peut-être un peu plus petit. Très bien, voyons voir. Je vais juste mettre au centre. Cool, j'adore ça. Je vais simplement regrouper ces commandes ou le contrôle G pour les regrouper. Celui-ci est donc à l'intérieur d'un groupe. Je vais juste appeler ce sommet. Peak. Nous avons un sujet. Mettons-le sur le dessus. Vous avez un rectangle dessus. Il n'est pas nécessaire de sélectionner la bordure. Assurez-vous que vous pouvez faire tomber l'ombre. 3 devrait être 0 sur y. Cela devrait être 20. Ombre portée. Je veux que cette commande ou le contrôle D duplique ce qu'on appelle Shift, rend encore plus petit. Faites-le glisser vers le haut, ombre portée nanotube. Allons-y et essayons ça ici. Nous n'avons pas besoin de celui-ci. C'est vrai ? Et je vais juste taper quelque chose ici. Je peux donc entrer et sortir. Donc je vais juste cliquer, je vais juste être ici dans le sujet. Revenez et Julia parfois quand nous copions ça, allez dehors. Je vais donc revenir sur le sujet. Alors tapez des trucs, allez enchaîner. Je vais juste le mettre ici. Ce que nous avons, nous avons une étoile, une copie, un contrôle, cliquez dessus. C'est plus proche et Control V. Donc nous allons juste le copier ici. Assurez-vous que je vais juste appeler cette étoile et la mettre dans le sujet. Assurez-vous qu'il est jaune. Et répétez la grille. L'écart devrait être de dissocier. Je vais ajuster le groupe et appeler cette étoile au centre. Cliquez sur l'un d'eux et faites-en quatre étoiles. C'est vrai ? Également. Qu'avons-nous d'autre ? Faites glisser un rectangle, obtenez un coin. Et je vais juste le mettre ici. Tau. Donc Wuji Command Control D, dupliquez-le, placez-le au-dessus du rectangle. On vient donc de le mettre à l'intérieur. C'est donc en dehors de cette boîte. Fais ça 12, on peut appeler ça une romance. Changeons la couleur par quelque chose comme ça, même si nous devons également changer cela. Superbe. Donc ce rectangle et cette romance. Un contrôleur sélectionné et arrive avec deux G. Et voilà. Nous avons ce fantasme. Eh bien, avons-nous besoin, nous devons copier l'arrière-plan ou contrôle pulmonaire sélectionné sur Alt et le faire glisser vers le bas. Ce que j'appelle. Maintenant, dessinez un rectangle ici. Assurez-vous de redescendre la couleur jusqu'à notre bordure, réduire l'opacité afin que nous ayons besoin de voir où nous en sommes. Je vais juste faire le tour des coins. J'adore ça, c'est parfait. Et soulevez-le. Maj, ne sélectionnez que ces deux-là, n'est-ce pas ? Et se croisent. Vous avez besoin d'une ombre portée, vous pouvez le faire glisser vers le haut et le remplir de cette belle couleur. Sélectionnez cette sélection s' ils peuvent faire glisser cela un peu vers le bas . Sélectionnez cette option. Il suffit de sélectionner Control. Je vais m'en sortir. Sélectionnez-le, faites-le glisser un peu vers le bas pour qu'il soit totalement compatible. Si nous sélectionnons celui-ci, House of Gucci Command ou Control D. Et je peux le faire glisser vers le bas et le mettre ici et le rendre blanc. Je vais juste taper plus d'informations. Et 14, c'est génial et génial. Donc, vous voyez, nous avons le sommet du sommet ici. Je vais juste le faire glisser et le mettre ici. De plus, je dois maintenir Alt et Maj et faire glisser une copie de celui-ci et le mettre ici. Faites-le glisser un peu vers le bas. Peut-être ici. Faites la même chose, faites-le glisser un peu vers le bas. Nous avons donc trois sujets, d'accord, mais nous devons le faire, je vais changer l'icône de cela. Si ce type et celui-ci, on a fait Joker. Ou avec ça, j'aime tout, tout au même endroit. C'est juste le nom de ça. C'est un. C'est le premier sujet. Ce sera le sujet 2. Nous allons juste le faire. 22 et 23. Sélectionnez ces trois. Et encore une fois, faites-en un groupe. Groupe appelé animation. Donc, tout va se trouver dans cette boîte d'animation. Donc, disons un clic extérieur. Et cette boîte d'animation va être 0 cliquez sur Home Alt et faites-le glisser vers la droite. Donc, le scénario est que je veux juste celui-ci, pas l'autre. Décalez, sélectionnez tout le reste, faites-le glisser vers la droite, baissez l'opacité. Je n'ai pas besoin de celui-ci. Supprimer. Celui-ci supprime. Tout doit être supprimé. Et supprimez. Sélection Maj. Allons à l' intérieur et faites-le glisser vers la gauche. On y va. contrôle. Cliquez sur celui-ci et agrandissez-le un peu. Vous voyez ces coins. Faites-le glisser à l'intérieur. Maintenant. Je peux le faire glisser vers la gauche. Baissez l'opacité, maintenez Contrôle enfoncée et sélectionnez la photo, maintenez la touche Alt ou Option glisser vers la gauche. Et ça va être notre fond cool. Suivez, faites l' opacité sur 50 pixels. Il est maintenant temps d' apporter cette animation, faire apparaître et de la faire apparaître comme ça. On y va. Très bien, bien. Voyons maintenant l'animation. contrôle. Cliquez sur celui-ci, prototype de piste. Il s'agit du contrôle des tableaux artistiques. Cliquez sur celui-ci, faites-le glisser dans l'article. Il va donc être inexploité. La transition est maintenant fausse. Il doit s'agir d'un animate automatique doit être allumé sur 1 seconde. Facile à entrer, soulager la même chose. Cliquez sur la touche Ctrl. citations, j'anime. 1 seconde d'animation, facilité d'entrée, facilité d'ouverture. Alors, assietons. Génial. J'adore ça. Vous voyez à quel point c'est beau et cool ? Charmant ? Charmant. Aucune erreur. Tout est lisse et parfait. J'adore ça. Maintenant. Sélectionnez celui-ci. Donc, tout est parfait. Je vais juste le faire glisser un peu vers la droite. Sélectionnez-le également. Donc, pour chaque sommet, nous avons besoin d'un pic comme celui-ci. Appuyez donc sur Commande ou Contrôle D. Amenez-le ici et faites-le tomber. Image. Celui-là devrait être cette dame. Très bien, cool. Voyons voir. Superbe. Et faites-le glisser de nouveau vers la gauche. Apportez les photos. Faites glisser ça ici. Ces deux-là sont à rembourrage zéro. Alors, nommons ça. Il s'agit donc du numéro 2, pic au numéro deux, P3, de la crème numéro. Maintenant, de quoi avons-nous besoin ? Donc, en regardant ce système un arbre et parle-lui , quelque chose comme ça. Sélectionnez celui-ci et sélectionnez uniquement ces deux-là. Alt et faites-le glisser vers la gauche. Nous avons donc celui-là. Maintenant, sélectionnez la rubrique 2 et le contrôle deux-points, puis sélectionnez-le également, ou Alt, puis faites-le glisser vers la droite. Maintenant, changez le suivant celui-ci. Et maintenant, nous pouvons faire l'animation, glisser ceci vers la droite. C'est vrai ? La première chose que nous faisons, c'est que nous devons faire tomber l'un de ces dirigeants d'ici à ici et l'un des dirigeants d'ici à ici. Nous savons donc exactement où placer les disciplines. Et aussi ceci, alors cliquez sur cette opacité non couplée. Bien sûr, nous sauvegardons celui-ci et celui-ci, flèche droite. Je vais juste vers la gauche. Comme ça. Et ça et apportez-le ici. Avec la touche fléchée, assurez-vous qu'elles sont parfaitement alignées. Maintenant, dites simplement le pic, l'opacité rose vers le bas. Celui-ci, Maj, sélectionnez-le et faites-le glisser vers le haut. Maintenant, il suffit de sélectionner ceci, assurez-vous de faire ce qu'il est et de notre pixel. Alors ramenez cette opacité à 50, ramenez ça. Et ça devrait venir ici. Génial. Maintenant, jetons un coup d'œil. Si je sélectionne celui-ci. Si je sélectionne un pic de sujet pour atteindre un sommet. Prototype de durcissement, faites-le glisser vers celui-ci. Le déclencheur est donc glissé, allez à animer. La même chose ici. C'est gros à traîner parce qu'ils le sont. Alors animons-le et voyons quel est notre cours. Parfait. Joli. Alors, comment pouvons-nous améliorer les choses. Je sélectionne cela en utilisant, devrais l'utiliser. Sélection à l'aide de son application. Il va donc être plus lisse. Regardez. Il y a un décalage. Je crois. Mettez-le là. Aucune. Aucune. Celui-là aussi. Ça devrait avoir neuf ans. Et quand je clique sur ces deux-là , je crois pouvoir le mettre en un clin d'œil. Voyons ce qui se passe. Si je clique dessus. Ceci est mis en place. Cela revient en arrière. Je m'accroche à l'endroit. Maintenant, je peux faire glisser. Parfait, génial, j'adore ça. Mais maintenant, si je clique sur Plus d'informations, ce qui va se passer sera la prochaine vidéo. 93. Conception et prototypage: À l'heure actuelle, il est temps de concevoir une seule page. Cela signifie que si je clique sur Plus d'informations, que va-t-il se passer ? C'est vrai ? Je vais juste sélectionner l'un d'entre eux et Alt Shift et le faire glisser vers la droite. Supprimez tout. Ils n'en ont pas besoin. Je vais juste cliquer sur ce clic droit. Dissociez-le. Je n'ai pas besoin d'eux. Biographie. Apportez ça ici. Nous n'avons pas besoin de celui-ci. Passons donc à une icône ici. Je vais juste avoir besoin de celui-ci. Pour l'instant. Mettons-le ici. De quoi d'autre ai-je besoin pour celui-là aussi ? Mettons-le ici. Donnez-le de la même couleur. Il s'agit donc d'Ajouter au panier et de s' assurer qu'ils sont tous espacés de manière égale et centrée. Maintenant, il est également aligné sur celui-ci. C'est tellement parfait. Allons ici et je vais juste copier celui-ci. Apportez-le ici, assurez-vous qu'il soit plus petit. Ici. J'ai du texte et des icônes pour cela, donc nous ne perdons pas de temps, vous savez, où trouver tout ça. Et le design est espacé. C'est très simple. La même chose. Imprimons ce 1,9$, 0,99$, et rendons-le aussi violet. De quoi d'autre avons-nous besoin ? Très bien, créons une boîte. Peut-être. C'est le rayon polaire. Pour. Il s' agira d'un échantillon gratuit. Vous pouvez donc cliquer dessus et lire une partie des livres de celui-ci. Et c'est très, très cool, je crois. Je vais juste l'utiliser et aussi pour cela et l'utiliser beaucoup mieux. Merci. Donc, alors groupons celui-ci est le groupe deux, donc ça va maintenant appeler ça. Sélectionnez l'arrière-plan. Assurez-vous que c'est le coin. Et faites les choses correctes. La même chose, copier, coller. Faites-le un peu plus petit. On y va. Revenons aux icônes. J'ai besoin du bouton Plus. Ici et ici, collez. On y va. Centre, centre d'alignement. Cela devrait être violet. Cela devrait être très léger. Violet. Peut-être réduire l'opacité. Nous y allons donc, contrairement à contribuer à engager le premier. Assurez-vous qu'il fait très sombre. Sélectionnez, suivez-le, dissociez-le, décalez, sélectionnez. Celui-ci, s'assure qu'ils sont dans un centre. Superbe. Donc, cette option est sélectionnée et celle-ci est sélectionnée, cliquez sur Composants. Il s'agit donc de l'état par défaut. Si je clique sur le signe plus, nouvel état devrait être numéro deux. Numéro deux, assurez-vous qu'il est aligné. Et celui-ci est aussi passif est élevé et le nombre devrait être 18. Et à la radiographie. Encore une fois à un plus signe votre état 3. C'est trois. Vingt-sept. Quatre-vingt-sept. C'est vrai. Revenons à la propriété par défaut. Si je clique sur ce signe plus, que va-t-il se passer ? Passons au prototype, onglet activé, animation automatique. Et ça va passer au numéro 2. Si vous êtes au numéro deux, que va-t-il se passer ? Si je clique sur ce signe plus, il sera au numéro 3. Mais si je clique sur le signe moins, je vais revenir à l'état par défaut. Si vous êtes dans le numéro trois, cliquez sur Moins. Allons de l'avant et voyons ce qui se passe. Jouer. Joli. Superbe. Très bien, juste, mettons ça en état complet pour que ce soit normal. L'autre chose que mon client veut, c'est passer au livre audio. Et je veux le mettre ici. Si vous appuyez dessus, il va tout changer et vous pouvez simplement, au lieu de lire, nous pouvons simplement l'écouter. Revenons donc en arrière. Donc, nous avons quelque chose qui s'appelle à ce sujet, mais laissez-moi juste mettre ça au centre. Il suffit de venir ici. Et je pensais copier l'un d'entre eux et aussi copier assis dehors et coller. Allons-le vers le haut. Il devrait s'agir de ce livre ou de ce livre électronique, qui est un livre électronique. En fait. Nous avons du texte, nous pouvons le mettre ici pour pouvoir jouer avec lui. Texte tellement aléatoire. Très bien. Laissez-moi simplement regrouper ça. Baissez ça. Il s'agira de notes et de commentaires. Donc, pour la partie évaluation, je vais juste copier ceci pour l'apporter ici. Donc, ça va être cette couleur. Peut-être le rendre un peu plus grand. Celui-ci va être d' une couleur plus foncée. Également. Semi-audacieux. Quelque chose comme ça. La grille de répétition a capturé le sol. Et allez regarder. Et ils vont dans l'un d'eux. Supprimer. Celle-ci devrait être celle-ci. Venez au centre. Regroupez ça. Ou peut-être que je peux aligner ça sur ça ici. Voyons lequel est le meilleur. Nous décidons. Et nous avons besoin de quelques évaluations. Peut-être l'enfiler pendant sept heures. Casquette arrondie. On y va. Il s'agira donc de l' acte contrôlé de fond obligé. Changez la couleur. J'imprime ça ici. Alors, sélectionnez ces deux-là. Ou peut-être juste mettre un numéro ici. Cela va être cinq. C'est bon ? Alors cinq. Aussi ce genre de 5. Couleur moyenne. Joli. Maintenant, sélectionnez tout, commandez Control G pour le regrouper. Nous pouvons maintenant utiliser la grille de répétition facilement. Écrivez cinq. Le texte est principalement Big. 12 mieux. Et faites-les aligner. Parce que je crois pouvoir l'élever. Bien, c'est bien. Maintenant, dissociez-le et sélectionnez-le. Supprimé. Sélectionnez celui-ci et apportez-le ici. Eh bien, je suis Maj, cliquez, maintenez enfoncé, cliquez sur Maj. Et quand ils le font. Donc, la plupart des gens viennent de sélectionner le numéro 5, tout sélectionner et de contrôler G pour grouper. Sélectionnez ici et sélectionnez ici. Nous voulons savoir combien de personnes ont réellement voté. Donc, je vais juste taper ici comme les critiques. Il suffit de mettre le total, c'est s' assurer que c'est capital. Je vais donc juste aligner ça au centre. Centre. Voyons voir. Ce que je pense, c'est que si c'est le cas, la gauche est meilleure. Et même si celui-là. Il est très petit. Il devrait être 14. C'est comme, mais les couleurs doivent admettre que c'est bon. C'est bien. Le 12 peut-être. Donc c'est parfois qu'il faut jouer avec ça jusqu'à ce que j'obtienne quelque chose de très cool et intéressant. Alors, qu'en est-il de la maltraitance ? J'ai pris des avis ? Nous en avons deux comme ça correctement. Nous avons celui-là. Appuyez sur T. Par exemple, un intérieur est « C'est le nom ». La personne commence par un groupe. Et sélectionnez-le et apportez-le ici. Ne devrait pas être semi-gras, ça devrait être régulier. Et le nom est Toolbox. L'un est oui et non. Très bien, c'est intéressant. Maintenant, sélectionnez-les tous les deux. Créez un composant. Cela va être, le premier composant est propre. Celui-ci va être violet. Celui-ci va être blanc. Il n'y a plus rien. Le numéro trois est maintenant. Celle-ci va être la même chose. Celui-ci est blanc. L'écran est parfait. Très bien. Alors, animons-le. Si vous cliquez sur le bouton Oui. Le mode prototype va être utilisé dans. Si vous cliquez sur Non, c'est l'arbre. Donc, si vous avez raté le 211 oui. Je suis revenu à l'état par défaut. Si vous obtenez à nouveau maintenant, vous allez indiquer ici, si vous arborez NSDate, je suppose, en revenant à l'état deux, vous pouvez savoir qui est le mauvais, l'état par défaut. C'est comme ça que ça fonctionne. En fait. Curieux. Oui, non, oui. Oui. Joli. J'adore ça. Nous avons juste besoin de faire glisser le tout un peu vers le haut. Et mettons-le sur l'état par défaut. Assurez-vous de répéter la grille. Faites ça un peu. La prochaine chose dont nous avons besoin est à propos de l'auteur, un texte. Nous avons également continuellement des séries. Je vais juste prendre quelque chose comme ça. Cela fait glisser le tout vers le bas, cliquez avec le bouton droit de la souris et dissociez le composant. Nous pouvons donc simplement copier ceci et le mettre ici. Parce que c'est exactement la même chose. Faites glisser cette ville. Si le livre contient une série, vous pouvez dire continuer la série. Apportons ça ici. Et tout de même du code. Donc probablement, donc probablement nous devrons tout relier à celui-ci parce que c'est celui de l'animation. Nous l'avons animé. Revenons à la transition de l'onglet Création. Glissez vers la gauche pendant une seconde. Portée, si je clique dessus, revenez en arrière. Je peux revenir à celui-ci. Je vais faire baisser ça. Et assurez-vous que ces quatre personnes sont là, ici. Jouez avec ça, voyez si celui-ci fonctionne. Joli. Genre. Retournez à ça. En un coup de main. génial, j'adore ça. Superbe. Ou je peux juste garder celui-là. Revenons à celui-ci. Ce n'est pas par vous en tant qu'une seule page. Il est un peu plus grand pour l'instant. La prochaine chose que nous avons ici sur la même page, nous avons ce qu' on appelle des livres électroniques similaires. Revenons ici pour moi , et laissons-le. Et nous avons également créé cet e-book. Je peux dire aux autres que pensez-vous ? Et je vais juste copier une de ces étoiles. Venez ici, bridez la grille et groupez-les, et faites-les au centre. Maintenant, créez un composant. Il s'agit donc de l'état par défaut. Si je vais dans un nouvel état, vais avoir quatre étoiles. État par défaut, prototype. Si je sélectionne celui-ci, la transition va bien se passer. Aucun État ne le fait. Donc. Ceci est testé sans déformation. Je suis dans l'état deux. Si je clique dessus, il revient à un tampon par défaut. Voyons voir. Une page. Viens ici. Tout fonctionne. Superbe. glace. Ceux-ci devraient donc être comme ces gars. Assurez-vous donc de sélectionner cette option. C'est correct, c'est l'habile à cela. Et pour que nous puissions les animer. De plus, vous avez quelque chose ici, nous avons quelque chose qui s'appelle, laissez-moi simplement glisser une boîte pour être la même. Copier. Coller. Comme écrire une critique. On y va. Et c'est tout. Ce n'est pas si évident, donc ça irait bien. Je vais juste faire glisser ça et y jeter un coup d'œil. Ils fonctionnent donc. Vous pouvez cliquer sur maintenant. À propos de l' évaluation et des commentaires des ebook. Icône. Si vous cliquez sur cet ebook, que va-t-il se passer ? C'est vrai ? Créons-en un autre. C'est ce qui va se passer. Double-cliquez sur le prototype. Mais ça, et celui-là, et ça va être un peu à droite. Dissoudre la diapositive vers la gauche. Et si j'y retourne, ça va être un toboggan, non ? Voyons si l'animation fonctionne. Légèrement. Si je soustrais. Joli. Maintenant, nous n'avons besoin de rien, les gars. Je vais juste tout enlever et en utiliser un. Compte tenu de toutes ces critiques et de tout le reste. Revenons en arrière. Celui-ci devrait avoir 16 ans. Je n'ai pas besoin de l'avoir. On y va. Vous pouvez également avoir une affirmation de cas. Et voyons ce qui s'est passé. Superbe. Génial. 94. Changement de composant de livre texte et Tone E pour mieux lire l'animation: Passons à la partie amusante et créons les pages d'échantillons gratuits. Si nous cliquons sur un échantillon gratuit, que va-t-il se passer ? Donc, en gros, j'en ai besoin. Appelons cet exemple. Ici. Ce centre P pays, comme le chapitre premier de Capital. Vous avez également du texte et vous n'en avez pas besoin pour le moment. Et ce serait aussi moi, suffit de cliquer dessus avec le bouton droit de la souris et de le dissocier. Celui-ci aurait 20 ans. Donc, en gros, le titre du chapitre 1 est énorme, un peu. En bas, si nous appuyons sur le texte et que nous cliquons sur le texte, quelque chose en haut apparaîtra. Et nous pouvons changer la police, vous pouvez changer le thème et aller dans les icônes. On a déjà ça. Je vais juste copier ça. Je vais juste le mettre en haut. Il va donc être ici, exactement, c'est vrai. Donc, celui-ci et celui-là sont descendre un peu, quelque chose comme ici. Alors, il suffit de regarder. Celui-ci a une ombre portée. Je vais juste cliquer sur Contrôle sur Ajouter une ombre portée de cinq et c'est 65, c'est faire glisser ça vers le bas parce que je n'en ai pas besoin. Une bordure ou un espace ou des ombres en haut. C'est pourquoi j'ai mis cinq et la frontière. Le joueur a six ans. Donc, si vous cliquez dessus, que va-t-il se passer ? Laissez-moi simplement faire ça. Le risque peut venir ici. Et 10, c'est éteint. Si nous cliquons sur la page, celle-ci apparaîtra. Donc, si j' appuie dessus, ça va apparaître. Maintenant. Pour l'instant, je vais juste faire quelque chose comme ça. Je vais juste sélectionner tous ces éléments et en faire un composant. Maintenant, créons-en un autre. Je vais appeler cette zone de texte. D'ici à ici. Nous voulons couvrir tous ces éléments, probablement 16. Faites-le glisser vers le haut. Et puis, comme ici, nous devons avoir une frontière. Je fais l'ombre portée. Et nous avons aussi rendu cela un peu plus sombre. Je veux que cette couleur soit dans la glacière. Réponse. Nous avons donc ici quelque chose comme ça. Bar. Le type sera texte. C'est 12, semi gras. Phi. Laissez-le ici. Et nous avons également le ton. Ça va être violet. Nous voulons également quelque chose comme ça. Et Alt, faites glisser ceci vers le bas, Alt fait glisser ceci vers le bas. Remplissons-le également de violet. Assurez-vous qu'il est très petit du côté du cœur, écrivez du texte. Et surtout, la plupart du temps, si je fais cette taille du texte ou même un plus petit, serait plus agréable. Joli. Donc, tous ces aliments provoquent soit lecture du texte au centre. On y va. Alignons les au centre. Vous pouvez également le faire. Qu'avons-nous d'autre ici ? Nous avons quelque chose comme ça. Si je clique sur cet écran pour être, il faut, par exemple, vous faire le faire, agrandissons. Il devrait donc être irrégulier. Donc, si je clique dessus, la page entière changera. Je vais taper ici original et m'assurer que la couleur est rose. Faites très petit. Et il suffit de le lire. Elle a dit IT. Groupe. Faites-le glisser vers la droite. Celui-ci devrait être quelque chose comme ça. Il a une lumière de zone frontalière et même celle-ci. zone. Vérifiez, c'est ça, Cool. Le prochain prochain. Sélectionnez cette option pour Premium ici. Cela va vers et pour les parties inférieures, passons aux icônes et copions simplement ceci. Apportez-le ici et collez-les simplement. Et ce serait quelque chose comme ça. Je vais juste cliquer et faire glisser ça vers le haut. Très bien, donc c'est le texte. Je vais juste le faire, laissez-moi tout sélectionner. Regroupons donc ces premiers initiateurs. Tous ces éléments sont sélectionnés. Donc, quand je clique ici, c'est du texte, n'est-ce pas ? Sélectionnez donc celui-ci, le total. Très bien, appelons ce contrôle de texte X. Double-cliquez ici. Et vous double-cliquez, voyez, un clic, c'est à l'intérieur du texte. Double-cliquez. Nous nous assurons d'être à l'intérieur de ce groupe puis de Commandement ou de Contrôle V. Alors si je viens ici, par défaut, ce devrait être celui-ci. Le goût est celui que nous avons conçu. Nous devons également ajouter cette prise à celle-ci car lorsque nous la changerons, cela va changer. Donc, je vais juste sélectionner ceci, l'arrière-plan. Dans le classement des textes, sélectionnez la couleur d'arrière-plan Control X. Assurez-vous que vous êtes à l'intérieur. Double-cliquez. Puis-je contrôler V ? Cliquez dessus avec le bouton droit de la souris et renvoyez-le à l'arrière. Nous sommes donc dans le texte. Si je clique sur Ariel comme gravité, cliquez sur un texte a. Alors indiquons Takes a, donc cela signifie que nous changeons. Donc, si je clique sur un, ça devrait être opposé. Celui-ci devrait être blanc. La zone frontalière est violette. Et la même chose. Maintenant, sentez une bordure et aussi la couleur. Donc, dans cette situation, cela va être audacieux d'Arial. Je vais juste faire cette zone. Mais les choses audacieuses voient la différence. Donc, si je clique sur Original, je suis dans la zone du prototype, ce serait cellule gustative activée si le texte du ligand, le texte Ben-Gourion double-cliquez ici. Activé. Lorsque nous cliquons sur la zone. Cela doit être animé automatiquement en utilisant est sorti pendant une seconde. Et l'état s'il prend un, revenons en prendre un, sélectionnez-le et assurez-vous que c'est l'animation automatique est dans, est sorti une seconde. Revenons donc à l'état par défaut. Voyons lequel c'est ça ? Objection. Est-ce que c'est ça. Puis-je contrôler X ? Pour moi ? Je vais le faire, je vais juste dans les pays. Et pour vraiment s'assurer que c'est là. Et je peux écrire ceci si tout est au même endroit. Mais ici, ce n'est pas le cas. Il suffit donc de copier, de cliquer sur ce code. Il faut double-cliquer à l'intérieur, donc je suis à l'intérieur de mon contrôle V. Encore une fois, cela devrait arriver en haut, contredit ventralement. Donc, c'est probablement corrigé la prochaine fois. Nous avons également besoin de celui-ci. Si je passe au texte, si je clique sur ce X, cliquez sur celui-ci. État par défaut, double-cliquez à l'intérieur. Maintenant, collez-le et assurez-vous de le renvoyer. Donc, si je clique dessus, chacun d'entre eux, vous devez texter l'un sur l'autre, n'est-ce pas ? C'est celui qui se trouve l'un sur l'autre. Je vais juste supprimer celui-ci. Voyons voir. Il faut changer, n'est-ce pas ? Zone et propane et balles. Voyons si ça marche. Très bien, cool, cool. Ce texte doit donc être dans l'état par défaut et dans d'autres états, nous allons le modifier. Génial. Et voyons cela si l'animation fonctionne correctement. Si ce n'est pas moi après avoir réparé l'équilibre, pour cliquer dessus, quelque chose devrait se passer. Donc, je veux dire, état par défaut. Je vais juste cliquer là-dessus. Va à Port Up. Si vous cliquez dessus, il sera automatiquement animé et le texte apparaîtra. Vous êtes dans le texte. Donc, le reste irait bien. Je suppose. Voyons voir. Changement actif animé. Joli. Très bien. C'est donc cool. Nous devons également animer celui-ci. Si je clique sur ce centre, cela devrait arriver rapidement. C'est, devrait apparaître également. Voyons donc ça arriver. Très bien. Jusqu'à présent, tellement bien. Tout est bien fait. Je suis toujours là. Je veux dire que je veux dire des textes. Maintenant, après la chirurgie, la langue. Ajoutez donc un nouvel état appelé ce terme. Ici, nous avons celui-là, ça va vers la droite. Cela prend, va se transformer en érudit. L'érudit pourrait être violet. Nous ne voyons donc aucune mise à jour. Tout cela va ressembler à ces gars. Il va les animer vers le centre et même celui-ci et celui-ci. Chacun d' entre eux va donc disparaître au centre. Et ici, c'est très bien. Alors maintenant assis à l'extérieur, sélectionnez-le. Si je suis dans le texte ou l'heure. Si je clique sur la tonalité activée. Bien, à voir. À qui ressemblait l'animation ? Si je suis à mon tour, si je clique sur Texte, état par défaut. Allons l'animer. Ici. Je l'aime bien. Génial. Très bien. Nous y voilà. Revenons à terme. Nous l'avons fait, je vais simplement utiliser ces textes pour lire la luminosité. Et nous devons créer ces gars. Et très rapidement dans un endroit très frais ou plus léger. On va s'entraîner . C'est ça. Et nous devons aussi mettre de l'ombre portée. Qu'est-ce que c'est peut-être deux ? Peut-être un, peut-être un peu plus sombre. Contrôlez G pour le regrouper. Et ça devrait être comme ces très petits et l'autre. Je vais juste le mettre ici. Oui, il devrait lire la veilleuse. Il dispose également d'une ligne pour contrôler leur luminosité. C'est sûr. Casquette arrondie à sept. Contrôlez D, faites glisser ce sac de couleur différente. Et aussi. On y va. Nous avons également ce qu'on appelle des équipes de visionnage. Activons ce composant à bascule. Et voici me traîner dehors parce que nous sommes tous, c'est un composant à l'intérieur du composant nouvel État ou Portugal avec seulement déclaré le plus récent. Quelque chose de plus cool. Si je clique ici, je peux cliquer sur Toggle estate. Cela va être automatiquement alors parce qu'il est abordé, n'est-ce pas ? Donc, pour cela, si je traîne ça vers la droite et que je fais ce violet et que je fais un litre. Ça va donc marcher. Définissons l'état par défaut. Je vais juste le faire glisser et le mettre dans le temps. Il va s'en aller. Si je clique dessus. Le basculement automatique. Je ne veux pas faire basculer ça parce que notre plan pour cela. Alors, cliquez sur ça, le tout. J'ai du ton. Je vais juste créer un ton de nuit mois près de l'état, du point de nuit. Donc, si je suis en mode nuit, ça va se produire. faisant glisser ça vers la droite. C'est ça. C'est ça. Donc, si celui-ci est activé, jetez un coup d'œil. Je suis à l'intérieur de ce double-clic pour revenir à l'intérieur. Et je fais glisser une boîte, cliquer avec le bouton droit de la souris, la renvoyer à l'arrière. Vous devriez sentir que c'est probablement cette couleur, peut-être un peu plus légère. Alors, sélectionnez-le. Vous pouvez donc voir que si je clique sur Toggle, voyez ce qui s'est passé. Donc, si je suis dans le ton et que je vais au prototype et que je clique sur cette petite icône ici, je veux passer en mode nuit. Et si je suis en mode nuit tonale, si je clique dessus, vous pouvez l'éteindre. Je reviens au ton. Voyons notre moitié, la moitié. Voyons voir, regardez. Donc, après avoir animé tout cela, encore une fois, basculez aussi. Donc, si je suis ici, si je sélectionne et le texte devrait prendre en texte. Tous ces éléments doivent donc animer l'état par défaut du texte. Essayons donc encore une fois. Donc, vous voyez que celui-ci va contrôler X, X, revenez en arrière, cliquez. Il devrait être dans le ton, il suffit de double-cliquer. Alors assurez-vous que c'est juste à l'intérieur du temps. Revenons en arrière. Encore une fois. Cliquez une fois sur la page ou l'onglet de la page. Cela va disparaître. Ramenez-le activé. À Taïwan, dans la région. Revenons en arrière. Allons nous tourner. Génial. Prend le ton parfait pour les lectures de canettes et le mode nuit. Parfait. Maintenant, avant de passer à la vidéo suivante, je vais simplement cliquer dessus et le faire glisser et vérifier une fois de plus à partir de l'échantillon gratuit. Maintenant, connectons également l' échantillon gratuit au chapitre 1. Assurez-vous qu'il est en transition et glissez vers la gauche. Si vous cliquez dessus, il revient à cette diapositive, n'est-ce pas ? Jetons un coup d'œil. Si je clique sur, par exemple, sont beaux, gentils, parfaits. J'adore tout en retour. Et je dois cliquer dehors. Nous allons cliquer dessus, donc cela devrait disparaître. Revenons donc en arrière. Quand je suis dans le texte. Si je clique dessus, vous devriez revenir à l'échantillon gratuit ou revenir à l'état par défaut et au premier. Voyons donc voir. Je peux simplement cliquer ici. Je peux donc retourner ici, n'est-ce pas ? Cliquez sur l'extérieur. Bien mieux. Alors, quand je suis ici, cliquez dehors, quelque chose comme ça, et c'est tout. Parfait. J'adore ça. Maintenant, dans la vidéo suivante, nous allons concevoir la page retournée. 95. Effet de pages Adobe XD: Il est temps de créer une page Philip in. Je vais donc simplement sélectionner cet échantillon gratuit. Avant cela, je dois mettre un numéro ici. Peut-être un. Également. liquidités également. Cool. Il faut donc maintenant pratiquer celui-ci. Changez cela. simple fait d'aller couper ça serait quelque chose comme ça. Je veux donc voir que c'est différent. C'est un, il faut juste être un peu différent dans le cas du texte. Il sera donc plus crédible et plus réaliste. Ce sera la deuxième page. Génial. Donc, si vous cliquez dessus et faites glisser cette page, nous pouvons la retourner et elle va à la page 2, je peux l'apporter ici et aussi l'apporter ici. Et c'est à gauche et assurez-vous aussi de blâmer ça sur le dessus. Tous ces éléments devraient donc s'ajouter à cela. Alors, allons sur Google et cherchons des pages Philly. Il y a beaucoup de pages complètes, et vous pouvez télécharger l' une d'elles. Nous avons fait des antécédents P&G, donc il ne devrait pas y avoir de contexte. C'est ce que je l'ai déjà fait. Je viens de copier celui-ci, les gars. Je vais copier ça. Apportez-le ici. Celui-ci a une animation. Je vais juste éteindre ça pour l'instant. ce moment, je me concentre sur la partie Fleet et appuyez simplement sur Commande V. Assurez-vous que c'est très petit et je vais le mettre ici les gars. Peut-être à chaque rotation de l'année. Si c'est à l'extérieur, peut-être de cette façon. C'est ainsi que nous retournons la page. Je vais aller près de la boîte. La ligne bleue est à l'intérieur, donc je vais bien. Maintenant, supprimons simplement celui-ci. Et essayons de le refaire car il suffit de copier ceci ici. P1 veut utiliser la même chose. Le chapitre 1 va en faire plus. Le numéro 2 va être deux. Cela remonte la capitale D. Différent. Regardez. Et c'est tout. Dans celui-là. Nous devons le rendre très grand. Et nous devons aussi en faire quelque chose comme ça. Donc, faites-le très grand. Rotation. Nous devons également voir une ombre ici. Je vais juste faire glisser le tout et le ramener à droite. Vous voyez donc l'ombre à l'intérieur mal calculée. Vous avez donc la tomodensitométrie de l'ombre parce que c'est comme retourner PageRank. Voyons donc si vous l'animez, ce qui va se passer. Cliquez donc sur prototype, faites glisser celui-ci. Allez faire glisser, animer automatiquement et assurez-vous que c'est le cas. Cliquez à nouveau sur celui-ci, et la même chose. Voyons ce qui s'est passé. Faites glisser. Donc ici, nous perdons une partie en bas, comme ici, ici. Cela signifie donc que vous devez faire deux choses. Premièrement, c'est l'opacité qui doit faire baisser l'opacité. De plus, et cette opacité est trop élevée, faites-la baisser. La deuxième chose, c'est qu'il faut encore l'agrandir. Nous ne voyons donc pas ces parties. Essayons encore une fois. Bien, quand même, nous perdons un certain point, mais tout va bien. Génial. L'heure. Encore un peu plus grand. Je crois que tout va bien se passer. Alors, est-ce simple ? Vous mettez quelque chose de petit ici et regardez et appuyez sur votre souris. Cela signifie maintenir votre souris enfoncée vers la gauche et la droite. C'est ainsi que nous pouvons vous montrer une animation à votre client. Et c'est très, très cool. Dede. Et j'ai adoré cette partie. Et cette partie est incroyable. Il montre l'effet des pages précédentes. J'adore ça. Qu'en est-il de la déconnexion ? Je vais donc faire quelque chose comme ça, si je clique sur le prototype supérieur, si je clique sur l'onglet, ça va à celui-ci. dois maintenant modifier ma transition. La dissolution serait très bien. Et c'est tout. Si je clique dessus, ça reviendra sur celui-ci. Voyons donc si je vais à Design et que je le joue. Si je clique ici, cela va apparaître, pour revenir en arrière. Par exemple, encore une fois, cliquez sur le haut va apparaître. Et tout est lisse et au bon endroit. J'adore tout ce que nous avons fait jusqu'ici. Cliquons ici. Page, à droite. Lorsque vous retournez la page, il s'est passé quelque chose. Donc celui-ci ne devrait pas être un champ qui fonctionne encore. C'est pourquoi vous devez tester vos applications. Je ne vois rien. Jusqu'à présent, c'est très bien, et j'ai adoré tout ça. Dans la vidéo suivante, nous allons acheter ce livre pour voir ce qui va se passer. 96. Animation de prototypage d'Adobe XD: Très bien, il est temps de concevoir le paiement et l' animation actuelle peut simplement l'essayer. L'un d'entre eux, je vais juste tout enlever. Maintenant, sélectionnez le plan de travail. Je vais juste taper ce paiement. Assurez-vous que je vais juste vous donner l'impression d'être linéaire. Cette guerre. Il devrait probablement être de couleur Scholar ou même plus foncée. Et celui-ci devrait être une sorte de couleur bleuâtre. Peut-être un peu plus sombre. Maintenant, cliquez sur ce rectangle et dessinez une boîte ici, bordure Monica. Allons à vos images et j'ai un dossier appelé texture. Faites glisser l'un de ces types de textures et mettez-le ici. S'il est actif, il s'agit la 3D qui se transforme ou la désactive. Nous avons donc simplement fait glisser l' une des textures et nous l'avons déposée dans cette boîte. Mais ce que je vais faire, c'est que je vais utiliser le mode de fusion par défaut. Si je le mets sur un écran, ce sera magnifique. C'est comme des étoiles, non ? La prochaine chose que nous pouvons faire, c'est que je vais juste faire glisser ça un peu vers la droite. Donc je vais juste cliquer ici et essayer Box. Encore une fois, passez au linéaire. Peut-être que l'un d'eux devrait être lu religieux, rose va devenir rose. Et celle-ci devrait être bleue. Sélectionnez celle-ci et déplacez la bordure dupliquée ou non dupliquée. Faites-le un peu plus petit et déposez-le ici. Maintenant, sélectionnez ces deux ellipses. Et vous pouvez le voir, n'est-ce pas ? Juste ces deux-là, ces deux cercles et laissez-les tomber en dessous. Vous pouvez donc voir que cela va avoir une incidence sur tout ça. Et c'est bien plus agréable. La première est que nous allons simplement créer une carte, la carte de crédit. Et la bordure doit être latérale. Frontière. Conférence. Assurez-vous que c' est au centre. Vous voyez maintenant le flou d'arrière-plan. Il suffit de cliquer dessus comme application. Vous voyez le montant. Nous pouvons le faire glisser vers la gauche et la droite. Donc, à droite, nous ne voyons pas beaucoup de fond, mais ici nous pouvons également voir une sorte d'arrière-plan, ce qui est cool. Et vous pouvez jouer avec la luminosité. Et parfois, c'est vraiment bien si vous ajoutez une bordure blanche et que vous la rendiez très légère. Ce sera très, très intéressant. Mais pour mon cas, et pour notre désir, nous n'avons pas besoin d'avoir la frontière. Je crois que c'est bon. Il y a une autre chose cool que nous pouvons faire. Si nous revenons à cette texture, vous pouvez voir qu'il s'agit d'une texture de brouillard. Faites-le glisser et déposez-le ici. Mais lorsque vous faites cela, vous ne voyez rien parce que l'opacité est égale à 0. Si je joue avec l'opacité, encore une fois, soulevez-le. Et ce design est très célèbre nos jours à Dribble Behance, vous voyez beaucoup de design comme celui-ci, et c'est ainsi qu'ils le font. C'est vraiment cool de jouer avec ça. Et vous pouvez également jouer avec cette quantité et la luminosité pour obtenir un effet plus beau. Et vous voyez aussi l' arrière-plan. Abaissez donc l' opacité, voyez la texture. Mais ce n'est pas ce que nous voulons. Je vais vous montrer quelles sont les options et quelles sont les autres choses que vous pouvez faire ? Laissez-moi juste écrire un texte sur ces gars. Quelque chose comme ça. C'est bien de mettre la vidéosurveillance et c'est tout. Assurez-vous que c'est au centre. Sélectionnez celui-ci, sélectionnez-le et ceci, puis faites-le en groupe. Très bien, c'est cool ou vous pouvez encore jouer avec et vous pouvez simplement le rendre un peu plus agréable, ce qui, je crois que c'est très cool et très intéressant. Très bien. Vous voyez si tout se trouve à l'intérieur de ce groupe. Quand ce que je vais faire, c'est que je vais juste cliquer dessus pour que vous puissiez voir quelque chose. Si je fais pivoter cela, le nombre et les voitures sont séparés, même s'ils font partie du groupe. Et parfois, Adobe XD le fait, fonctionne parfois. Parfois, ce n'est pas le cas. La meilleure façon de résoudre ce problème est d'en faire un composant. Cliquez donc sur ce composant, et c'est tout. Maintenant, si vous passez à la transformation, nous pouvons la faire pivoter. Et le texte va coller au panier, il sera ramené. Nous devons maintenant dupliquer cela. Ce composant doit donc être la carte 1, le contrôle D. Et cela s'appelle 2, 3, 4. Écrivez que le numéro 4 est celui que nous voulons est en haut. Je vais juste l'amener ici. Puis numéro trois et numéro un. Donc, le numéro un devrait aller à droite et nous devons le faire pivoter comme moins 50 %. Eh bien, long décalage et flèche droite, vous pouvez l'envoyer à droite. Ensuite, c'est le noyau jusqu'à moins 50. Et faites-le glisser vers la droite. Hartree moins 50 et maintenez la touche Maj enfoncée et faites-le glisser vers la droite. Parce qu'il n'est pas visible. C'est ce que nous allons juste faire. Et ils ont dit, double-cliquez dessus. Allons à la frontière. Et nous pouvons ajouter une bordure de 0,5 pixel. Joli. La même chose, bordure 0,5. Même chose. Ou ils sont juste ici, 0,5. Et ici, je maintiens la touche Contrôle enfoncée et je clique dessus pour sélectionner ce calque de texte et activer la bordure. Et j'ai juste mis 1,5 et vois à quel point cela se rapproche et nous pouvons tout voir. Maintenant, il est temps de faire de l'animation, mais avant cela, nous devons sélectionner tout cela. J'ai donc sélectionné tous ces éléments et j'ai appuyé sur Commande ou Control G pour les regrouper. Donc, fondamentalement, nous avons un groupe, il suffit d'appeler le panier, c'est vrai, qui va être notre groupe. Maintenant, appuyez sur Commande ou Contrôle D. Venez ici, sélectionnez celui-ci. Donc, si nous passons et que nous passons à celui-ci, la somme va changer. Veillez donc à ne pas sélectionner l'original lorsque vous sélectionnez cette option. Double-cliquez dessus, vous pouvez vous rendre sur le terrain pour faire pivoter moins 50. Maj, cliquez sur le bouton gauche, et cela va arriver ici. Prochaine. Sélectionnez celui-ci et mettez le numéro 0 et amenez-le ici. Superbe. Maintenant, animons-le avec des déclencheurs et un pavé numérique. Double-cliquez dessus. Donc, c'est sélectionné, n'est-ce pas ? Allons au prototype Dragon et déposons-le ici. Donc le trois ans devrait être des clés et une manette de jeu. Donc, si j'appuie sur S, je vais de l'avant et double-cliquez dessus et faites-le glisser vers celui-ci. Si j'appuie sur un clavier, s'il va revenir en arrière. Donc, ici vous voyez le numéro S, et ici vous voyez un. Donc si je le joue, appuyez sur S sur votre clavier, appuyez sur A, s, A, voyez à quel point c'est beau. Donc, dans ce genre d' animation et de présentation, vous n'avez pas besoin de vous montrer une souris parce que c'est un peu distrayant. Mais si j'utilise les trois ans, c'est beaucoup plus lisse et plus agréable et vous avez l' impression de l'avoir fait avec Adobe After Effects. Le thé monte. Il y a donc un retour en arrière. Sélectionnez celui-ci, revenez à Design, appuyez sur Commande ou Control Lee. Encore une fois. Je vais juste double-cliquer pour aller à l'intérieur de ce moins 50. flèche de levage Maj. Joli. Et celui-ci devrait être 0. Faites-le glisser ici. Joli. La même chose. Double-cliquez. Vous voyez donc le prototype de la boîte verte. Faites glisser ça jusqu'ici. Est-ce que S est pour ça. Si je sélectionne, si je clique sur celui-là et que je le fais glisser, appuyez sur un. Le type d'animation est un type d'animation. Alors assurez-vous de mettre un clin d'œil. Il y a donc une transition. Je veux dire, tu peux mettre ton Unbounce, mais ça ne va pas être sympa. Soyons, si c'est ça, Unbounce, voyons ce qui s'est passé. Appuyez sur S, C, ça va se passer comme ça. Mais l'accrochage est comme très petit, donc nous ne voulons pas cela. Assurez-vous donc de sélectionner cette option. Mettez-le sur Snap. assiette. S pour S et un dos. Superbe. N'est-ce pas ? Des gars géniaux. Maintenant, je pense que c'est éteindre ça. C'est peut-être trop les étoiles et vous pouvez en réduire l'opacité. Peut-être environ 50, 50 ans. Joli. Maj, sélectionnez-les et mettez-les sur 50 également. est très clair, donc je ne vois aucune distraction. Dans la vidéo suivante, nous créons les informations de paiement. 97. Animation de prototypage des informations de paiement: Très bien, créons une information de paiement. Si je clique dessus, si je dis acheter maintenant, que va-t-il se passer ? Si je clique sur Acheter maintenant ? Je vais juste aller sur cette page. Et je vais juste créer une boîte ici et en haut. Et on en descend le coin. Maintenez Alt, faites glisser ceci vers l'arrière, ces deux-là en bas. Génial. Et ce dont j'ai besoin, c' est exactement la même chose. Celle-ci est, c' est copier-coller ici. Nous allons donc le rendre très petit. Il devrait y avoir 14 racines carrées ici. Donc 14, l'écart entre eux devrait être 16. On peut donc faire traîner ça. Et celui-ci devrait également avoir 12 ans. Je vais juste le faire glisser et le déposer ici. ai donc déjà conçu. C'est très simple, la même chose, je vais juste le mettre ici. Et ce dont nous avons besoin, c'est quelque chose s'appelle laisser glisser ça et déposer ça. Votre adresse de livraison. Très bien. Maj select, tout cela, sortez Control G pour le regrouper, faites-le glisser vers le bas. Et celui-ci est celui qui est sélectionné, celui qui est le plus haut. Donc, c'est bon. Alors, peut-être changez celui-ci, violet. Et c'est intéressant et agréable. Permettez-moi donc de le sélectionner et de sélectionner celui-ci. Un composant peut-il créer un nouvel état ? L'État deux serait le contraire. Donc celle-ci est celle-ci, celle-ci est celle-ci. Je vais juste cliquer sur celui-ci, faire une bordure violette. Par conséquent, l'état par défaut. Allez dans Prototype. Si je sélectionne celui-ci, animons-le. Allons à l'onglet. Pour animer. Ça ne devrait pas être un claquement, ça devrait être allumé est dans sa sortie. Si vous devez être plus rapide pour un second état avec l'état pour sélectionner celui-ci, accédez à un état pour cliquer sur cette option activée. Il doit s'agir d'un état par défaut. Par défaut, c'est cela. Voyons ce qui va se passer. On peut le sélectionner, c'est très agréable. Très bien, revenons en arrière. Nous allons tout sélectionner ici. Adresse. Et nous devons également placer le paiement avant de les regrouper. Vous avez besoin du bouton de paiement. Ce serait très bien. Très bien. Je cherche une flèche. Copier. Venez coller ici. Retournez-le, rendez-le blanc. Maintenant, lions le paiement. Assurez-vous qu'il est 14 et qu'il est aligné au centre. Donc, fixer des objectifs et atteindre vos objectifs sont alignés au centre. Beaucoup plus agréable comme ça. Maintenant, sélectionnez tout, revenez à j est deux. Donc, ce groupe R aussi, vous avez un groupe séparé, celui-ci, celui-ci et celui-ci, et même la commande d'arrière-plan Control G. Nous avons donc un groupe de cela. Je vais juste copier ces deux ici et deux ici. Si je clique sur Acheter, maintenant, que va-t-il se passer, les gars ? Jetez un coup d'œil, cliquez sur Acheter. Maintenant. Faites-le glisser et déposez-le sur celui-ci. Mettons-le en transition. Faites glisser vers le haut. Nous avons également besoin de cette icône ici pour celle-ci. Il faut aussi le rendre blanc. La même chose. Nous pouvons donc y retourner. Nous devons mettre celui-ci dessus. Cela ne peut pas contrôler V et les rendre blancs. Allons à l'intérieur et jouons à ça. Voyez ce qui va se passer. Magnifique. Très bien, laissez-moi juste fermer ça. Donc, si je clique dessus et prototype, peux revenir à celui-ci, qu'il s' agisse de glisser vers le bas, de voir, de glisser vers le haut, ou ça va ressembler maintenant. C'est un peu rapide. C'est vrai ? Peut-être six secondes. Voyons pourquoi maintenant. Adresse de livraison, et ce sera votre paiement. Voyons si S, S, S A, A, génial, j'adore ça. Et revenons en arrière. Le retour est donc rapide. Mettons-le six secondes. Revoyons-le encore une fois. À l'heure actuelle. Appuyez sur S, S a pour revenir en arrière. Et Erica, choisissez votre adresse. Vous pouvez cliquer sur le paiement. 98. Animation de prototypage sur la conception de menu secondaire: Créons le suivi des expéditions. Je vais juste cliquer sur l'un de ces Alt Shift, le faire glisser, tout supprimer, zoomer un peu et expédier. Tout d'abord, je vais dessiner une boîte comme celle-ci. Quelque chose de grand, bébé un peu plus grand. On y va. Et cela va être notre image. Passons au branchement. Il y a un plugin appelé «  Fancy Maps », n'est-ce pas ? Cliquons dessus. Et vous pouvez choisir votre ville. Peut-être Tokyo, Paris, Paris. Et je crois que cet obscurité serait très bien. Et vous pouvez zoomer un peu pour voir ce qui se passe. Quelque chose comme ça, je crois que ça irait bien. Cela devrait donc être un peu important. Et appliquez la carte. La carte va donc être à l'intérieur et vous pouvez maintenant la rendre un peu petite. Je fais écho à quelque chose comme ça, ce serait très bien. Ce sera donc notre carte de suivi. Et je vais copier ça à partir d'ici. Il s'agit d'un seul et celui-là. Copiez-le et collez-le ici. Assurez-vous que je peux le faire glisser au-dessus. Il est en train de monter. J'ai déjà du texte. Je vais juste le mettre ici. Je vais juste faire glisser ça vers le bas. Cela va être de l'ordre. Faites-le glisser vers le bas. Joli. Je vais donc changer ça un peu différemment. Vérifiez ce 10 et je deviens magnifique. Maintenant, nous devons créer quelques lignes ici. Quelque chose comme ça va être, il va créer une ligne à partir d'ici. Peut-être ici. Rends-le rose. Dash aurait peut-être 25 ans. Bien. Cela devrait arriver au sommet. Ou ils ont un texte, je vais juste le mettre ici. Donc celui-ci va faire glisser ça ici, zoomer un peu de champs. Et nous y voilà aussi. Faites-le glisser jusqu'ici. Je copie ça, je le fais glisser vers le bas, je le fais remonter. Cela devrait être quelque chose comme ça. Changez la couleur. Il est donc aligné. Très bien, Cool. L'heure. Et tout ça vient de descendre. Celle-ci serait grise. Tout le reste serait génial aussi. Avec le transit. J'ai besoin de cette icône ici et risquez, je l'ai mise ici. Revenons donc en arrière. Je n'ai pas besoin de celui-là. Nous avons également besoin que l'un d' entre eux vienne ici et le coller ici. Soyons obligés de suivre ces lignes. S'échapper. Et vous pouvez changer la couleur avec la même couleur que celle-ci quand il devrait s' agir d'un clic supérieur et de la mettre au premier plan. La même chose. Et je vais faire quelque chose comme ça, dessiner un rectangle. La bordure doit être jaune et l'intérieur doit être de la même couleur que celle-ci. Point de départ. Et c'est le cas, et peut-être que vous pouvez faire la ligne à l'événement Pixel. Celui-ci peut être beau à deux pixels. Vous pouvez également modifier celui-ci. La couleur doit être un peu rosâtre. C'est une bordure blanche. Et peut-être un peu plus gros. Ou je peux trouver une meilleure idée. Peut-être faire quelque chose comme ça. Il y a peut-être une autre route là-bas. Voici donc ce que nous faisons. Je vais juste le laisser ici. Joli. Génial. Changeons l'espacement et faisons-le aussi. Je crois qu'il est plus évident que C. Très bien, c'est cool, j'adore ça, c'est sympa. Nous avons aussi besoin d'une sorte de gars d'animation, mais faisons un tour très cool ici. Il suffit de faire glisser une boîte. Laissez-le ici. Assurez-vous, vous savez, sentir un peu de poids. Cinq, peut-être. Joli. Nous allons le dupliquer. Commande ou Control D pour dupliquer le premier. Et il suffit de jeter un coup d'œil. Il va rendre ce rosâtre, mais assurez-vous que l'écart est 110. Je vais juste vous montrer une astuce, 11000. Maintenant, si vous cliquez sur Dashed et sur la flèche supérieure, cela peut augmenter cela et nous pouvons animer cela. Ça va être très intéressant. Maintenant, revenons en arrière. Commandez Z de revenir en arrière, n'est-ce pas ? Ce sera notre astuce pour l'instant. Et pour l'instant, faisons deux 100, trop, peut-être 120 et 140. Parce que c'est très proche, non ? 160. Et la casquette arrondie serait très agréable à l'intérieur quand c'est quelque chose, quand c'est quelque chose de plus intéressant. Si vous allez sur pic.com gratuit, nous avons fait ça très moto, n'est-ce pas ? Je viens de le télécharger. Vous l'avez déjà dans vos dossiers. Cela a varié. Double-cliquez sur le fichier AI qui va être ouvert dans Adobe Illustrator. Il suffit de le sélectionner, de tout sélectionner, de revenir à XD. Et il suffit de le coller ici. C'est énorme. Et si je change délibérément, ce sera des affirmations. Venez, je contrôle Z, je vais juste double-cliquer ici, Contrôler, cliquez sur Control X pour copier ceci. Maintenant, je peux le faire pivoter, je le veux de cette façon. Je peux le coller à nouveau et l'apporter, mais il devrait être à l'intérieur de cette commande milliseconde ou Control X. Double-cliquez. Je vais juste aller à l'intérieur de la grandeur. Maintenant. Je suis à l'intérieur de cette couche, juste à l'intérieur de ce groupe. Très bien, je vais juste garder le grand avertissement ici. Apportez-en un de plus et gardez toujours l'original. Peut-être qu'il s'est passé quelque chose, vous ne savez pas. Très bien. Je veux y arriver, comme nous venons de le voir, le centre pensait faire quelque chose d'intéressant. Je le laisse juste comme ça. Joli. Maintenant, faisons une sorte de gars d'animation sympas pour faire l'ajout. Je pensais qu'on avait aussi besoin de ce type Hold on, Hold et traîne-le. Je veux le mettre sur cette route. Mais un contrôle clique dessus, supprimez cette partie. qui est génial dans ce fichier, c' est que vous pouvez simplement les animer. Je veux dire que c'est en cours, non ? C'est donc plus intéressant. Donc, pour l'animation, nous devons faire une sorte de regroupement. Donc, un Mexicain, je clique sur tout et que groupe la partie supérieure un clic droit dessus et je l' envoie à backprime. Pour cette partie, je vais juste séparer cette partie de la partie supérieure. Il faut donc toujours regrouper ces choses. Revenez sur un G. Nice. C'est la première fois. Encore une fois, sélectionnez Maj, sélectionnez Contrôle G. Et celui-ci, celui-ci, et celui-ci Commande G. Donc, nous gardons tout en silicium. Et encore une fois, celle-ci, et celle-ci est totalement groupée. Donc, tout est groupé, n'est-ce pas ? Il ne s'agit donc que d'un groupe de tout. Puis-je contrôler Z ? Maintenant, je peux l'apporter ici. Je peux le sélectionner et le faire glisser vers le bas. Je peux sélectionner cette partie pour l'animation. Je peux simplement déplacer ceci ici, ici, ici. Et ça va beaucoup aider pour une très belle animation sur ce port. Pour ces pièces. Je vais simplement cliquer sur cette carte, l'agrandir un peu et la déplacer un peu. Et double-cliquez également sur Maj, sélectionnez ces barres et déplacez-les ici, par exemple, comme ceci. Et voici Pi ici. Donc, celui-ci va probablement vers, nous ne les voyons pas. Celui-ci est probablement un peu plus grand. Il va venir ici. Et celui-ci va être ici. La même chose. Et celui-là, mettons-le sur 0. Et assurez-vous que je sélectionne ce 1100000. C'est ça le fossé, n'est-ce pas ? Je veux que ça ressemble à ça. Voyons donc l'animation. Que va-t-il se passer si je clique sur le paiement signifie que nous avons effectué le paiement et nous devrions voir le suivi de l' expédition. Si je vais à un prototype, faites-le glisser et mettez-le ici. Il devrait donc s'agir d'un transit et il devrait y avoir une seconde. Ça n'a pas d'importance. Donc, quand vous êtes ici, celui-ci à celui-là, il devrait être à l'heure. Très bien. Doit être en mode d'animation automatique. Doit être allumé 1 seconde et faciliter l'entrée, l' évacuation ou probablement un clin d'œil. Nous vérifions donc lequel est le meilleur. Si sûr, c'est utiliser les résultats. Et aussi, j'ai besoin d'une de ces carpes. Donc, si je le sélectionne et que je le ramène, je peux juste le ramener ici. Nous avons simplement un transit simple en quatre secondes. Voyons ce que nous avons fait. brouille ici. Si vous appuyez sur S, ils vont fonctionner très bien. Revenons maintenant pour choisir le lieu et le paiement sera effectué. Génial. Vous voyez, tout bouge, mais c'est très rapide. faut donc le voir davantage. Expédition de polygones, mettez un chiffre à deux. Et essayons encore. Paiement de jeu. Revenons ici. Vous voyez, tout est au bon endroit. Essayons le claquement. Voyons si nous le mettons sur la pile. Que va-t-il se passer ? Apportons-le ici. Paiement. C'est un peu émouvant à la fin, non ? Je crois que c'est sympa. Joli. Comme avec vos mains, vous traînez vers le haut et vers le bas. J'adore ça. Donc, tout pourrait juste, cette partie n'est pas juste. Voyons voir. C'est bon à concevoir. Cette partie. Ça devrait être gris. Comme ça. Génial. Honnêtement , c'est encore une fois. Ça marche vraiment. C'est beau, beau paiement. Voyons donc cette animation. Concentrez-vous simplement sur cette animation. Maintenant, cette animation ne fonctionne plus. Quelque chose ne va pas dans cette grâce d'animation. Si je le copie, c'est quelque chose comme ça. Alors, faites toujours un contrôle V. Faisons sombre. Contrôlez V. Et nous y voilà. Celle-ci, Glick. Cela devrait être peut-être 120. Faisons l'animation. Comme l'animation temporelle. Retournons une seconde. Voyons si nous pouvons voir l'animation. C'est vrai ? Nous pouvons voir l'animation. C'est donc le truc, les gars. Parfois, il regarde là-haut, mais en bas parce qu' on me laisse juste revenir en arrière. Allons de l'avant et faisons simplement la livraison. La livraison. Collez ici. Copiez le n maintenant collé ici. Juste à coller. C'est ça. Et cliquez en maintenant la touche Contrôle enfoncée, automatisez cela. 120, c'est juste pour voir si ça marche. Allons au paiement. Très bien, ça marche maintenant. Et il suffit de le copier encore une fois. C'est ce que j'ai fait. Je ne me lasse pas de voir ça paraître génial. Très bien. Les équipes d'audit que vous devez ajouter sont, les gars, celle-ci. Il s'agit d'une barre latérale. Et nous ne créons pas de planche à soja. Je veux dire, je veux juste utiliser celui-ci parce que c'est simple et normal, et c'est bon. Donc, si vous cliquez dessus, si vous allez au prototype, celui-ci, transition, et il devrait être glissé de gauche à droite. Faites glisser vers la droite. Si le fermez ça. Doit être glissé vers la gauche. Voyons voir. Joli. Génial. C'est un clin d'œil. C'est pourquoi vous voyez quelque chose comme ça et je crois que c'est cool. Mais c'est un peu lent car c'est 2 secondes, ce qui fera de l'événement 1 seconde. Celle-ci, fais-le 1 seconde. Une fois encore. Vous y voilà. Mieux. Cela se produira donc si vous cliquez sur la liste de suivi, vous pouvez accéder exactement à cette partie. Transition. Je ne veux pas en faire aucun. Il doit être dissous. Voyons ce qui s'est passé. Si je viens ici. Je vais juste appeler ce menu secondaire ou un menu de hamburgers. Si je viens ici et si je clique sur la liste de suivi. Belle, calme, parfaite. Il est maintenant temps de partager ce travail avec certains de vos amis, collègues et même de le mettre sur certains sites Web et d'obtenir des commentaires sur la façon de le faire. Vous pouvez le voir dans la vidéo suivante. 99. Animation de prototypage de menu principal: Je vais le faire, c'est que je vais juste maintenir Alt enfoncé et faire une copie de ça. Vous avez donc choisi celui-ci. C'est vrai ? Maintenant. Ce sera la bibliothèque. Je vais juste le mettre par défaut. En fait, je ne veux pas la valeur par défaut. Mettons-le à la maison. Accédez au prototype, cliquez dessus et supprimez-le. Donc, nous avons juste besoin de la maison par défaut, n'est-ce pas ? Quand c'est à la maison. Cela signifie que nous devons tout mettre à l'intérieur de ce composant pour être animé. Je vais simplement sélectionner ceci et sélectionner celui-ci, commande ou Control X, donc nous copions tout. Nous sommes donc chez nous. Double-cliquez ici, contrôlez V. Maintenant, cliquez avec le bouton droit de la souris et renvoyez-le à la Parfait. Cela pourrait faire de la bibliothèque. J'ai quelque chose ici. Il suffit de copier cette commande. C, double-cliquez ici, contrôlez V. Donc c'est juste un tas d' images pour écrire des ligands à l'arrière. La même chose arriverait pour cela, le favori double-cliquez sur Control V et changez simplement les images. Cela va donc changer certaines images pour que vous puissiez voir ce que je veux dire. Sont égaux. Et pour votre devoir , assurez-vous également de cliquer avec le bouton droit de la souris et de les renvoyer. Pour votre mission. Je vais vous laisser aller au profil et créer une page de profil pour ce type. Que devrait-on trouver dans leur page de profil, n'est-ce pas ? Vous devez faire ça, les gars. Revenons à l'état par défaut. Et il faut qu'il soit propriétaire. Cliquez ici, ici, ici, ici, ici et ici. Mon contrôle C. Revenons à la valeur par défaut, indiquez publiquement que voici mes contrôles. Nous cliquons avec le bouton droit de la souris et le renvoyons. Donc, en gros, ça devrait être comme ça. Donc, ça va être chez soi, pas de changement. C'est la bibliothèque qui va être la préférée. Je vais juste mettre le favori ici. Et vous devez concevoir cela. Joli et sympa. Et c'est tout. Laissez-moi juste réparer celui-ci. Si celle-ci est à la maison, qui est de bonnes bibliothèques cinq, préférée. Et le Michigan a changé ce qu'il faut pour ne pas préférer. Revoyons ça. maison. C'est ça, et c'est tout. Nous y voilà. Je vais juste cliquer ici et mettre ça ici. Passons à l'état par défaut. Fondamentalement, l'événement par défaut est l'état devrait être les gars à domicile. Je vais juste déconnecter ça. C'est donc déconnecté. Donc, si vous jouez dessus, par défaut, il devrait arriver sur cette page. Et par défaut dans cette maison. Donc, ça va se passer comme ça. Donc, si nous arrivons sur cette page, vous devriez voir la maison, n'est-ce pas ? Coeur. Parfait. Et comment et c'est ce qu'on appelle. Bon, alors que se passe-t-il ici, les gars ? Ici ? Je peux montrer ce genre d'animation, donc je peux revenir en arrière, mais celles-ci ne fonctionneront pas. Mais sur cette page, cela va marcher. Donc, pour faire une animation parfaite pour le client, car nous enregistrons un film. Quand je suis sur cette page. Si je clique sur Black Friday, je vais simplement le faire glisser et le déposer le plateau d'art avec la clé et la manette de jeu. Si j'appuie sur Z, je vais juste revenir en arrière. Et j'appuie encore une fois sur Z, je vais y aller. Appuyons sur z, revenons à nouveau. Voyons donc voir. Si je suis ici. Si je clique dessus, je peux revenir en arrière. Pas de problème. Febreze. Personne que j'ai vu, j'ai changé cela, mais ça va encore marcher. Le Prezi, personne n'a vu ça. Je saute sur ce plan de travail. Et c'est une astuce pour vos yeux de travail et C ne va pas fonctionner en ce moment. Si vous voulez changer cela, continuez, basculez, changez. Et c'est votre mission. C'est beau, n'est-ce pas ? Encore Prezi. Revenons à John Run, tout fonctionne comme un omble. C'est tellement beau. Alors n' oubliez pas de ramener quelque chose comme ça. Appuyez sur Z sur votre clavier et cela fonctionnera parfaitement et ne fonctionnera que celui-ci. Nous allons simplement le supprimer. Les autres choses que vous devriez juste réparer, c'est celui-ci, si je clique dessus, si je vais à Prototype, assurez-vous que celui-ci est connecté à celui-ci avec une légère gauche. Appuyez ensuite sur Enregistrer. 100. Tests des utilisateurs en partagant votre travail et obtenez des commentaires: À l'heure actuelle, il est temps de partager cela avec les Arabes. Écrivez comment faire cela. Essayons de l'organiser. Je vais juste suivre ça ici. Ensuite, je vais juste les sélectionner et les faire glisser pour les entendre, non ? Sélectionnez-les, faites-les glisser vers le bas. Et tout ça. Il y a un truc. Si vous souhaitez voir cette animation dans un autre plan de travail, vous suffit de tout sélectionner en mode prototype. Passons maintenant à File, New. Cliquez sur ce que vous voulez, ça n'a pas vraiment d'importance. Alors, assurez-vous d'être en mode prototype, non ? Si vous êtes en mode prototype, vous pouvez coller la presse. Laissez-moi juste ouvrir ça. Fermez celui-ci, commandez ou contrôlez V pour le coller. Parfait. Maintenant, vous pouvez également voir le filaire et tout, ça fonctionne comme un omble. Alors, essayons ça. Je n'ai pas besoin de celui-ci. Je n'ai pas besoin de celui-ci. Allons à Design. Je n'ai pas besoin de celui-là aussi. Je vais les supprimer. Passons maintenant à chaque chose. Par exemple, comme sinus n. Et voyons si le mode prototype fonctionne. Donc, si à la fin vous jouez à la connexion, cela signifie que si vous êtes ici, si vous cliquez sur Se connecter, celui-ci devrait passer à celui-ci, nous ferons la transition et nous en celui-ci devrait passer à celui-ci, glisserons deux vers la gauche. Alors jetez un coup d' œil, vérifiez tout si cela fonctionne ou non après que vous l'ayez testé et que toutes les animations sont, tous les liens fonctionnent, puis nous pouvons aller pour le partage. Très bien, voyons maintenant comment nous pouvons partager cela avec d'autres personnes et obtenir des commentaires, que nous appelons « test utilisateur ». Donc, fondamentalement, nous devons partager cela avec d'autres personnes. Allons à Partager automatiquement va être sélectionné. Nous sommes dans cette revue de conception de la vue de la page. Et je vais juste dire si c'est pour le développement, s'il s'agit uniquement présentation ou de test utilisateur. En ce moment, je l'ai mis en test utilisateur. Ainsi, n'importe qui avec le lien peut simplement le regarder , l' examiner, voir l'animation et me donner des commentaires. Cliquez ensuite sur Créer un lien. Maintenant, attendons vous. Cela dépend de votre illustration et de la façon dont vous utilisez votre photo pour créer le lien pour nous prendre deux ou trois minutes . En ce moment, c'est fini. Il a créé un lien pour vous afin que vous puissiez partager ce lien. Vous pouvez simplement copier le lien et l'envoyer à certains de vos amis pour obtenir des commentaires. Cliquons dessus et voyons ce qui s'est passé. C'est uniquement pour tester les yeux des utilisateurs. L'animation va donc commencer ici. C'est essentiellement que ça va commencer à partir d'ici. Connectez-vous, connectez-vous. Revenons en arrière. Tout cela est animé. Une belle animation au lait fonctionne comme un charme. Superbe. Écrivez. Tout fonctionne parfaitement. Je vais signer. Je suis sur cette page. Voyons donc si cela fonctionne. Beau et joli livre audio. Et si je clique sur un genre, comment allez-vous le livre ? Vous pouvez effectuer une recherche. Joli. Revenons en arrière. Biographie. Général. Revenons en arrière. Incroyable. Donc, avant de cliquer dessus, je veux montrer celui-ci au client. Donc si j'appuie sur Z sur mon clavier, je reviens, alors je peux juste MAX. Et c'est quelque chose que vous devez concevoir. Très bien, revenons donc à celle-ci. Si j'appuie à nouveau sur Z, je reviens et je peux cliquer dessus. Et je vois cette belle animation. Génial. Superbe. Donc, plus en déduire. Coup, voyez si ça marche. Vous voyez qu'il s'agit simplement d'une application mobile animée pour que tout le monde puisse vous donner des commentaires à ce sujet. Par exemple. Et si vous cliquez sur un haut, activé ou x, parfait, bon à tourner. Joli. Le texte. Revenons ici. Alors, Bipez Philip. Magnifique, génial. Ou un cool. Revenons en arrière et cliquons en haut. Revenons ici. Et je vais juste l'acheter. N'oubliez pas que vous devez dire au client qu'il doit appuyer sur S, S et A pour revenir en arrière. Ils peuvent choisir. Vous pouvez payer. Et voyez ces belles animations. Quelqu'un peut y retourner jusqu'au bout et tout irait bien. C'est donc quelque chose que vous avez partagé avant de l'envoyer au client. Il s'agit d'un test utilisateur. Revenons donc en arrière. Et cette fois, les gars l'ont mis en développement et disent Update Link. Pour le développement. Vous devez le dire exploré pour iOS ou exporter pour la version Android. Si, par exemple, c'est pour Android et un et mettez-le sur Android par exemple, et mettez à jour le lien. Par conséquent, une fois refusé, acceptez votre design. C'est ce que vous allez envoyer à l'équipe de développement. Maintenant, nous avons de nouveau le lien. Cliquez dessus. Cette fois, nous obtenons beaucoup de guide d'information. Cliquons d'abord sur ce 1, cliquons dessus, c'est la première page. Donc, la deuxième page. Ensuite, nous allons sur cette page. Donc, fondamentalement, vous devriez venir à la connexion spatiale, inscrire, vous connecter. Prenons un bonbon. Il va donc être animé. Donc, si je clique sur quelque chose ici, comme par exemple, celui-ci, ou celui-ci obtient l'une ou l'autre animation, n'est-ce pas ? Et il peut basculer entre eux. Et nous pouvons écrire un commentaire. Si vous voulez dire quelque chose, cela peut varier dans la page suivante, par exemple. Et vous pouvez mentionner un utilisateur si vous le savez. Je veux dire, vous pouvez simplement le soumettre, n'est-ce pas ? Ils peuvent donc vous répondre ou vous y répondre. Vous pouvez également accéder à la partie codage, aux aspects de la vue. Donc, si vous cliquez sur quelque chose, vous pouvez accéder à la spécification afin de voir toutes les palettes de couleurs et de voir tout le style de personnage que vous avez créé et toutes les interactions. Tab Glisser. Donc, et cela va être génial quand vous serez là-dedans, si vous mettez votre souris ici pour qu'ils sachent quoi faire. Vous voyez que cela prend la première ligne, tout est là, il sera donc facile pour eux de créer votre design avec programmation. Très bien, c'est donc la partie que quelqu'un peut répondre à votre message. C'était donc très simple de partager l'entreprise en mode développement, présentation ou test utilisateur. Ou le client peut faire beaucoup de choses avec. Donc, en gros, c'est tout. partie la plus importante est donc le test utilisateur. Assurez-vous de faire des tests utilisateur lorsque cela va bien et que vous déclinez. Apprenez-le, envoyez-le à l'équipe de développement pour programmation. Très bien. C'était tout le cours. J'espère que vous avez apprécié cet énorme tutoriel. 101. Projet final UI UI de conception de cas de l'achat de sites internet mobile: Obtenons votre projet final. Votre projet porte sur le marché frais. Vous devez créer un site Web et une application pour cela. Tout d'abord, vous devez répondre à ce client. Vous devez prouver que vous pouvez faire ce travail. Alors, comment le faites-vous ? Concevez un site Web d'épicerie ou une application qui aide les clients à affiner facilement et à acheter des courses en ligne. Quels sont les objectifs du projet ? Achetez des produits d'épicerie frais et abordables via un site Web et une application et faites-les livrer rapidement et sans frais. Très bien, comment devriez-vous commencer ? Allez écouter. Qu' est-ce que la recherche utilisateur ? Comment créer une chronologie de travail et une stratégie de conception. Bon, c'est bon à chaque étape. Et créez des questions pour vos clients. Pour les entretiens avec les utilisateurs, posez des questions qu'il sache que ce travail vous intéresse. Alors je vais certainement vous trouver le poste. Ensuite, allez à la chronologie des gars. Imaginez que vous ayez obtenu le travail dans les moindres détails. Accédez ensuite à la découverte, à la définition, l'idée, à la conception, aux tests utilisateur. Et vous devez faire chaque étape et me l'envoyer. Et si vous avez des questions pendant le processus, n'hésitez pas à me poser la question. Je reviendrai certainement vers vous dès que possible. Et nous pouvons aller jusqu'au bout ensemble. Vous pouvez donc concevoir cette magnifique application de site Web pour votre portfolio.