Figma, pour un marketing numérique et des astuces de croissance [2022]

1. Introduction du cours 1.1: Je suis une empreinte. Bienvenue à nourrir plus pour le marketing numérique et la croissance piratage Cross. Aujourd'hui, nous commençons un voyage vers le monde de la production et des tests efficaces de création et d'autres graphismes marketing. Je marche sur le marché vide pendant plus de 12 ans, pendant très longtemps, je rêvais d'un outil capable d'automatiser création de modèles tout en offrant une bonne flexibilité. Et il n'y avait pas un tel outil. Les éditeurs graphiques classiques savent trop maladroit. Et les outils comme Canva ont été une collation et ainsi de suite n'ont pas donné une sorte de liberté nécessaire. Tous par où commencer avec leurs modèles. Et un jour, je suis tombé sur Figma, et la première fois que je n'ai pas réalisé toute sa puissance, j'ai juste pensé à cela comme un nouvel éditeur graphique basé sur le Web, rapide et bon. Et j'étais content de ça. Mais quelque temps plus tard, j'ai appris à utiliser ses fonctions plus complexes comme les contraintes de mise en page automatique et les composants. Et à ce moment-là, j'ai réalisé que c'était C. C'est l'outil que j'espérais obtenir pendant des années. J' ai créé plus de 3000 bonus pour l'ion et un BTS par moi-même et 2020. Et je connais même le design. Donc, vous pouvez le faire aussi. Nous allons commencer ce cours avec les bases de Figma et mettre en évidence les outils les plus importants pour nous. Ensuite, nous allons apprendre des outils d'automatisation comme les composants des mises en page et les contraintes sur des exemples de certains corps aléatoires. Après nous allons créer des bannières génériques entières et déplacé vers Google annonces, annonces Facebook sur les formats de médias sociaux. Nous allons apprendre quelques conseils, astuces et plug-ins, modèles qui accéléreront et automatiseront votre travail. Enfin, nous allons apprendre à utiliser le monde du piratage de croissance et tester votre hypothèse et menée avec des tests et ainsi de suite. Donc, ce cours vous donnera une solide compétence en conception pour le marketing numérique. Comme un bonus pour discuter, je vous donne deux modèles prêts à utiliser pour les annonces Google et Facebook. Le cours est divisé en chapitres, sections. Chaque section a son propre thème et contient de deux à une douzaine de leçons. Les leçons dans les premières sections sont assez basiques et plutôt courtes. aller de l'avant, les leçons deviennent solitaires ou l'information devient plus compliquée et nécessite plus de temps pour la décrire à un bon niveau. Certaines sections comportent des quiz et des devoirs pour que vous puissiez vous tester et réviser les leçons sur la pratique. Pour la plupart des sections, j'utilise le seul fichier Figma qui est conçu de la manière que vous pouvez répéter après moi. Et vous avez toujours quelques exemples en prime de u, libre de l'utiliser, de le changer, jouer avec l'un de ses rôles parce que ce n'est pas court, mais je vous suggère d'en venir à la fin. Et mon conseil fort est de faire toute la pratique. Dans ce cas, vous obtiendrez le plus de valeur de votre apprentissage. Encore une chose, un autre indice du théorème de l'éducation et de la marche du cerveau humain. Si vous apprenez de nouvelles informations et les appliquez dans une semaine, vous vous souviendrez probablement de ces informations, transformez-la en votre compétence. Si vous ne le faites pas, vous en oublierez probablement la plupart dans quelques semaines, mois. Donc, la meilleure façon d'obtenir le maximum du cours est de créer vos propres exemples, vos propres images pour votre travail, pour vos affaires ou pour votre passe-temps. Et maintenant, commençons nos voitures et passons aux premières leçons. Bonne chance et j'espère vous voir à la fin du cours. 2. 2.1 Compte Figma Figma: Regardons comment créer un compte Figma. En fait, c'est assez facile. Vous allez sur figma.com et comme vous le voyez, il y a un gros bouton d'inscription ici. Je clique dessus et je vois quelques options. Je peux utiliser un compte Google ou utiliser mon e-mail. Donc, il est évident que si vous choisissez d'envoyer avec un compte Google, votre compte Figma sera connecté à votre compte Google avec votre email que vous utilisez dans votre compte Google. L' autre façon est d'utiliser le courrier électronique, OK ? J' utiliserai ce service de messagerie temporaire et je créerai un compte Figma avec ces e-mails. Ok, je crée, je colle à cet e-mail et j'ai dit un mot de passe aléatoire. D'accord. Pelouse que sept personnages. D' accord. D'accord. Mon nom. Quel genre de travail dois-je faire ? Je fais le magazine. Je ne veux pas profiter de la liste de diffusion Figma. Mais si vous êtes nouveau sur Figma, vous pouvez probablement vous y abonner. D' accord. Je dois donc vérifier mon compte. Je peux aller ici et voir l'email de Figma qui dit vérifier en homme. OK, cliquez dessus et où ici. Je dois noter ma première équipe, par exemple. Ok, et maintenant Figma, accord, et maintenant Figma me montre ces invitations à inviter d'autres collaborateurs. Ceci est fait pour vous de créer une équipe à partir de zéro. Et en fait, si vous invitez à beaucoup de gens, vous devrez créer un compte payant. Donc, je suis en fait actuellement nous allons sauter cette étape. Et je vais commencer avec un compte gratuit. J' ai dit de commencer à rendre compte. Et mon Figma demande si je veux utiliser des modèles ou démarrer un fichier vide, ok, je vais utiliser un modèle. Comme vous le voyez. Certains d'entre eux. J' ai des préréglages vides. De toute façon, je vais créer un fichier maintenant, donc je vais juste choisir celui-ci. Et comme vous le voyez, mon dossier est ouvert. Donc en fait, en ce moment j'ai un compte Figma, je peux l'utiliser. J' ai quelques fichiers ici, donc c'est assez simple. J' espère que vous le créerez sans aucun problème. 3. 2.2 Web et App: Il y a deux façons d'utiliser Figma. Vous pouvez ajouter l'interface web américaine ou vous pouvez utiliser Figma up. Je préfère Figma. Et voyons comment cela fonctionne en ce moment, utilisent Figma dans mon navigateur. Cela fonctionne bien, mais si j'ai beaucoup d'onglets différents ici, ce sera écrasant. Et parfois, il peut même marcher lentement parce que différents onglets peuvent charger votre ordinateur beaucoup. Donc, dans ce cas, je préfère utiliser Figma. En fait, je préfère utiliser l'application Figma pour toujours. C' est à ça que ça ressemble. C' est assez similaire à ce que nous avons ici. Tout est sur place. Mais le principal avantage est qu'il s'agit d'une application séparée sur votre bureau. Et vous pouvez toujours ouvrir, juste manger, et vous vous concentrerez sur Figma. Voyons donc où trouver l'application. Vous pouvez taper figma.com slash téléchargements. Et il y a plusieurs fichiers ici. Il existe des applications de bureau pour Mac et Windows. Il existe deux applications pour vos téléphones mobiles pour iOS et Android. Et ce ne sont pas des éditeurs graphiques, ce sont des applications de prévisualisation. Donc, si vous travaillez avec des applications mobiles ou des écrans mobiles, cette application va créer un excellent aperçu de votre design droit, sur votre smartphone. Donc, nous n'avons pas besoin de ces applications pour créer de la sensibilisation et pour notre magazine pop, sauf si vous créez des écrans mobiles et des installateurs de polices, il y a beaucoup de fonds à l'intérieur de Figma, et si vous voulez les gérer, vous pouvez téléchargez ces programmes d'installation pour vos polices. Mais si vous utilisez une application de bureau, elle ne nécessite pas cela. Donc toutes vos polices de Figma, nous serons là. Mais si vous ajoutez des polices supplémentaires dans votre système, cela va marcher comme avec n'importe quel autre programme sur votre ordinateur et juste avoir à installer d'autres polices que Figma n'a pas à l'intérieur. Vous devez les installer manuellement dans un système. Donc, comme avec n'importe quelle autre application pour à votre bureau. Ok, Donc après avoir cliqué sur Télécharger, vous obtiendrez un fichier zip et vous l'installerez. Ok, donc je vous suggère de faire ça. Il est plus pratique d'utiliser Figma avec l'application de bureau. 4. 3.1 Interface Figma Basic Interface: Je suis un ami depuis que j'ai enregistré ce flux vidéo, mon a changé son interface illégale. Alors regardons ce qui a changé. Il y a deux changements dans ces menus. Auparavant, la recherche était ici et elle s'est déplacée ici. Pour que je puisse chercher un peu de maigre et de communauté ici. Et maintenant, je peux le cliquer pour accéder à la communauté et chercher des choses différentes, pour rechercher des fichiers et des plug-ins. En fait, tout le reste est le même. Il est juste maintenant plus est look plus petit, encombrant qu'il ne l'était avant. Ainsi, vous pouvez revenir à votre compte longtemps. Donc, c'est la communauté. Et si vous voulez revenir en arrière, vous pouvez utiliser cette flèche ou vous pouvez utiliser cette liste déroulante et accéder à votre compte. Et c'est manger. Le reste de la vidéo est correct pour l'instant. Allons voir la leçon. Après avoir enregistré le compte Figma pour avoir accès à, pour marcher dans les erreurs. Le premier est en fait votre éditeur graphique où vous créez vos graphiques. Et le second est le Gestionnaire de fichiers et les paramètres. Regardons comment naviguer entre eux et ce qu'il y a à l'intérieur. Commençons donc par l'éditeur graphique. ce moment, nous sommes dans le navigateur, et je vais aller ouvrir un de mes fichiers IR, par exemple, celui-ci. Et maintenant, pendant qu'il s'ouvre, je passe à la Figma sur mon bureau et je vais au fichier avec lequel nous allons travailler. C' est donc un éditeur graphique. Il y a beaucoup de menus, nous les apprendrons tous. Et c'est à ça qu'il ressemble dans le navigateur. Donc, c'est assez similaire parce qu'en fait Figma up est le navigateur lui-même. Donc, c'est très similaire et plus bas. Regardons comment naviguer entre ces deux sections. Ceux-ci, il y a une différence dans un haut ou et dans le navigateur. Donc, lorsque vous travaillez avec Figma up, vous avez un accès direct à vos fichiers et paramètres via ces haut. Il est toujours là. Et quand je clique dessus, je vais dans les Paramètres et aller à mes fichiers peut être l'unité et tous ces trucs. Et si j'ouvre des fichiers, ils s'ouvrent juste dans de nouveaux onglets. Donc, c'est assez facile et j'aime utiliser le haut plus parce que c'est un peu plus pratique. Et quand je vais au navigateur, je suis dans le fichier maintenant. Et maintenant, je veux sortir. Et pour accéder aux fichiers de miles ou à mes paramètres. Pour ceux-ci, je dois cliquer sur ce menu et cliquer sur retour aux fichiers. Alors maintenant, je suis là, je suis de retour à mes fichiers et paramètres et tout. Il y a donc la différence entre votre haut et dans le navigateur. Je pense que je comprends pourquoi cela est fait de cette façon est parce que lorsque vous marchez dans votre Figma jusqu'à, vous marchez seulement avec Figma large quand vous êtes dans un navigateur. Il pourrait y avoir beaucoup d'autres choses. Donc, je préfère utiliser parce que c'est, je peux me concentrer sur Figma là-bas. Et je vous suggère de faire de même. Donc à partir de maintenant, je vais aller à Figma et y marcher. Ok, nous aurons beaucoup de leçons différentes dans cet éditeur graphique. Donc, dans cette leçon, nous allons couvrir notre gestionnaire de fichiers et la phrase. Alors allons-y dès le début. Il s'agit de l'onglet Profil, et il y a trois onglets à l'intérieur de l'informatique. Paramètres, j'ai quelques paramètres. Je peux changer n'importe quoi. Vous pouvez configurer ma photo de profil. Alors. J' ai des plugins, ces plugins installés dans mon compte. Et si je veux développer des plug-ins, ils seraient là pour que tout le monde puisse développer des plug-ins pour Figma. Et si mon plug-in est prêt, il ne sera pas publié après l'avoir publié. Ok, et les équipes, Figma comme un outil collaboratif. Donc, ici, nous voyons quelques fichiers qui sont accessibles aux autres équipes. Nouveau aura besoin si vous marchez avec les équipes en fait, ok, Cheveux et notifications. Si quelqu'un de vos équipes fait quelque chose, vous verrez des notifications ici. Et puis il y a une recherche. Vous pouvez chercher à l'intérieur de Figma. D' accord ? J' ai donc des fichiers audio avec fema pour le contenu marketing et je peux rechercher dans les fichiers. Les projets sont des gens. Ceci est pratique si vous avez un grand compte et beaucoup de collaborateurs récents. Je vois les fichiers que j'ai utilisés récemment ici. C' était donc le dernier et le lien chronologique de l'ONG. D' accord. Je peux les changer et je peux importer un fichier avec ce bouton. Parfois, les gens applaudissent les fichiers Figma, non pas avec des liens vers les ressources Figma, mais avec le point de fichier Figma. Et si vous avez ce fichier, vous pouvez l'importer ici. Et si vous voulez en créer un nouveau, vous devez cliquer sur ce bouton plus. Vous pouvez voir quelques fichiers supprimés ici. Si vous voulez créer une nouvelle équipe, vous devez les cliquer. Créer un nouveau bouton d'équipe sur le slim. Et allons voir ce qu'il y a à l'intérieur de l'onglet communauté. Vous pouvez rechercher différents fichiers prêts à l'emploi qui ont été créés par d'autres personnes et ceux que vous pouvez utiliser. Voici donc deux types de contenu. Les fichiers et les plugins. plugins sont des outils qui vous permettent de faire quelque chose de plus, quelque chose qui n'est pas construit avec du pigment par lui-même, mais ces extensions peuvent vous aider à faire autre chose. Nous aurons une leçon séparée avec des plugins, par exemple, ce drapeau et supprime l'arrière-plan de votre major afin que vous n'ayez pas à le faire manuellement et cela fonctionne bien avec de nombreux objets, avec beaucoup de majors. Et il y a beaucoup de plugins différents ici. Ils sont alors de type quatre est pieux. Donc, en fait, il y a différents fichiers ici. Et vous pouvez naviguer vers ces boutons. Par exemple, je veux lier quelques icônes et je vois beaucoup de fichiers différents avec je peux, donc je n'ai pas besoin de créer nos parents tôt. Je peux utiliser ces chemins, trouver quelque chose que j'aime. Bien sûr, si vous le souhaitez, vous pouvez créer vos propres icônes. Mais si vous n'avez pas un projet très sérieux où vous devez tout créer à partir de zéro. Vous pouvez probablement les utiliser et vous pouvez changer tout ce que vous voulez dans ces fichiers. Et les différents types de fichiers et de systèmes de conception sont des fichiers très complexes, filaires, des fichiers très complexes aussi bien. C' est pour construire des interfaces. Il y a des illustrations dans différents types d'illustrations, personnes, personnages, par motifs, et ainsi de suite. Figma est donc un très puissant en raison de sa communauté, cause de tous ces fichiers qui sont à votre disposition. Et c'est très facile de les utiliser dans vos projets. Donc, en fait, c'est l'ensemble du gestionnaire de fichiers et de l'interface de phrase. Je pense que ce n'est pas si difficile. Et nous allons nous déplacer et voir ce qu'il y a à l'intérieur de l'éditeur graphique. Et nous allons commencer à créer et Varnas bientôt. 5. Toile 3.3: La toile est située au milieu de votre écran. Il est rectangle gris loin. Vous pouvez mettre tous vos objets. Vous pouvez mettre vos textes en forme ou tout ce que vous voulez. Donc, comme vous les voyez dans le rectangle gris, en fait, vous pouvez changer sa couleur ici. Vous pouvez définir comme cette affaire et évidemment c'est une bonne solution. Pour que nous puissions régler n'importe quel Karla comme vous voulez. Je pense que nous allons rester avec le gris et Canvas est illimité. Vous pouvez zoomer, zoomer et il vous suivra. Si vous mettez beaucoup d'objets ici, il va augmenter. Donc, actuellement, nous n'en avons pas beaucoup, donc nous allons aller plus tard et vous verrez que vous pouvez mettre ici ce que vous voulez. 6. Menu 3.4: Menu contient tous les outils et commentaires sur eux. Alors regardons ce qu'il y a à l'intérieur. Parfois, il est préférable d'utiliser la recherche pour trouver un outil parce que pas tous les outils et communs alloués dans les catégories, mais certains d'entre eux le sont. Alors voyons ce qu'on a ici ? Nous avons dit, par exemple, que nous voulons, je ne sais pas. J' ai quelque chose. On voit des raccourcis de comptage ? La truite est quelque chose. Vous voyez ? C' est ça ? Ça marche. Il y a beaucoup de commentaires Towson à leur sujet. Donc, nous voyons un menu de fichier, nous pouvons créer quelque chose, dire quelque chose ajouté. Certains outils ne sont disponibles que si vous sélectionnez quelque chose qui est ajouté. Bien sûr, vous devez signer quelque chose et ensuite vous pouvez utiliser ces outils. Objet de vue, vecteur. Vous pouvez organiser quelque chose de nouveau, vous pouvez utiliser quelques plugins. Nous couvrirons les plug-ins plus tard. Vous verrez qu'il y a beaucoup d'entre eux sont ici, mais quand vous commencez, votre plug-in sera vide parce que fjord, vous voudrez en avoir, mais nous allons apprendre lesquels d'entre eux sont utiles pour nos tâches. Remarquez que je suis allé à un accord rétrécit préférences et quelques autres. Donc, en fait, si vous ne savez pas où trouver un outil ou commun, mais si vous êtes sûr que cela ne devrait pas être là dans Figma, vous pouvez utiliser ce menu de recherche. Et regardons un paramètre qui est en fait très utile pour nous car il est très utile lorsque vous créez un équilibre. Il est situé dans un vide. Et c'est écrit Pixel Preview. On l'a activé. En fait, vous pouvez le trouver ici aussi bien que vous voyez Pixel Preview 1 x ou désactivé ou à x, nous allons utiliser un x. Qu'est-ce que cela signifie ? Figma est un éditeur vectoriel et quand vous indésirable et l'assemblez, vous voyez toutes les formes et les formes sont très belles. Mais si vous définissez l'aperçu des pixels, ce sera comme ça. Pourquoi c'est important pour nous ? Parce que quand vous enregistrez vos bannières et certaines d'entre elles sont assez petites. Par exemple, bannière Google mobile, 300 par 50 pixels. Si vous mettez beaucoup de texte là-bas, ce sera comme ça. Alors, copions-le, ces textes et faisons-le. Donc, vous voyez qu'il n'est pas lisible, mais si vous avez des becs indésirables aperçu, c'est parfait. Donc, comme vous le voyez, ils sont très utiles pour nous. Et rappelez-vous que tous ces paramètres sont appliqués uniquement au fichier que votre marche en ce moment. Donc j'ai deux dossiers ici et ils ont dit, et nous allons postuler à la fin de ce dossier. 7. 3.5 Outils: Il y a des outils couramment utilisés dans le panneau d'outils à panneau est situé ici et voyons, euh, quels outils avons-nous ? Ces commutateurs entre deux outils sont deux morphes et déplacer et mettre à l'échelle. Nous allons couvrir un outil de balance plus tard parce que nous l'utiliserons beaucoup. Peu de temps. L' outil Mise à l'échelle permet de mettre à l'échelle ce texte. Le décalage. Ceux-ci et l'outil de déplacement ne vous permet pas cela et vous le voyez comme quelque chose d'autre. Ensuite, nous avons des cadres. Vous pouvez créer des cadres ici. Nous les couvrirons plus tard aussi. Et le cadre est le principal bloc de construction de Figma. Et on les utilisera beaucoup. Tu peux faire quelque chose avec ça. Et le cadre contient d'autres objets que vous pouvez mettre cadre dans autre cadre sur l'autre, nous verrons plus tard outil Slice. Si vous voulez faire une image d'une erreur aléatoire, vous pouvez les utiliser et exporter, vous verrez sur l'option ici pour l'exporter comme une image. Habituellement, les gens n'utilisent pas l'outil Slice autant. Ensuite, nous voyons différentes formes. Vous pouvez mettre différentes formes ici, vous ne pouvez pas les changer. Nous allons les colorier. Si vous voulez placer une image avec ces options, ou vous pouvez simplement faire glisser et déposer des images dans Figma comme vous le faites habituellement. Ensuite, il y a quelques outils à dessiner. Il y a un stylo et un crayon. Et dessinez quelques courbes. Changez quelque chose comme vous le souhaitez. Et si vous voulez, vous pouvez dessiner quelque chose à la main. C' est juste un crayon ordinaire. Dessinons quelque chose. Ouais, Wow, Magnifique. Maintenant, il y a un texte et nous allons le couvrir plus tard aussi parce qu' il y a beaucoup d'options et nous allons toutes les utiliser. La plupart d'entre eux parce que nous voulons construire de belles bannières. Et tu peux changer quelque chose. Nous l'appellerons conduit à terme laïque. Et voici un outil à main et un outil commun. On les couvrira plus tard aussi. 8. 3.6 Options: zone Options change son contenu en fonction des objets sélectionnés en ce moment. Par exemple, en ce moment, il n'y a pas d'objets que j'ai sélectionnés. Donc je vois ces menus. Je peux faire quelque chose avec le fichier entier en double et peut renommer, supprimer, ou faire quoi que ce soit. Je veux. Cela montre le projet où se trouve mon fichier. Mais quand je sélectionne quelque chose, ça changera. Par exemple, je sélectionne des textes. Vous voyez qu'il y a quelques outils disponibles ici. Et si je sélectionne cette image, vous voyez qu'elle a changé une étiquette. Si je sélectionne cette forme, c'est une autre. Si je sélectionne ce cadre, il change aussi. Vous pouvez donc utiliser ce menu ou ce panneau d'options pour accéder rapidement à certains outils. Par exemple, pour créer un composant. 9. 3.7 couches: Ce panneau est situé sur la gauche. Lorsque vous créez un composant ou un groupe, il combine des objets en lui-même pour des formes x, des images, tout ce que vous y mettez. Et comme vous pouvez le voir les couches ici. Ceci est très utile car Figma vous permet de créer autant de calques imbriqués que vous le souhaitez et vous pouvez organiser tous vos objets comme vous le souhaitez. Alors regardons un peu comment ça marche ici. Il y a différents calques et comme vous le voyez, il y a différentes icônes d'entre eux. Je peux montrer ce qu'il y a à l'intérieur. Il s'agit d'une icône de cadre. Et où est notre cadre ? C' est par ici. C' est dégrouper. Cette icône d'un rectangle en pointillés signifie groupe qu'il y a des objets qui sont regroupés et que vous pouvez les déplacer en tant que groupe. Vous pouvez faire quelque chose avec eux en tant que groupe. Et ici, nous voyons ungroup est situé à l'intérieur d'un cadre. Ici, nous pouvons voir juste une image. C' est fema plus long et il a l'icône d'une image. On a des textos ici, c'est l'équipe. Et qu'est-ce qu'on voit ? Nous avons un rectangle, et si nous sélectionnons une forme, il a une icône de la forme. Et il y en a, en fait, il y a d'autres icônes. Laisse-moi te montrer. Par exemple, à, sur cette page, nous pouvons voir cette icône. Cela signifie qu'il s'agit d'un duplicata ou d'une copie d'un composant. Et cette icône signifie qu'il s'agit d'un composant. Si nous voyons ces ICANN, nous savons qu'il y a mise en page automatique. Nous le couvrirons plus tard et nous pouvons trouver des rectangles horizontaux comme celui-ci. Cela signifie qu'il s'agit d'une mise en page automatique horizontale et qu'il s'agit d'une mise en page automatique vectorielle, très verticale. Comme vous le voyez, Figma vous montre exactement ce qu'il y a à l'intérieur du calque. Donc c'est très facile à trouver si vous voulez trouver un péché. Et il y a un hack. Comme vous le voyez, il y a un gros fichier, beaucoup d'objets ici, et c'est assez déroutant de chercher et de trouver quelque chose ici. Et il y a un très beau raccourci que j'utilise tout le temps. C' est l'option L ou Alt L aux fenêtres et il va réduire toutes les couches. Sélectionné. Celle-là. Laisse-moi te montrer à nouveau. Par exemple, je suis ici et j'utilise l'option L, elle l'effondre. Et si je ne sélectionne rien et que je n'appuie pas dessus, ça s'effondre tout. C' est donc très utile quand vous avez beaucoup d'objets ici. Et si vous réorganisez certains objets ici, ils seront également disposés ici. Par exemple, mettons ce groupe. Ok, créons de nouveaux objets. Et celui-là, celui-là. Faisons-le, faisons-en une autre couleur aussi. Donc, comme vous le voyez, ils sont par ici. Et si je le dis comme ça, l'étoile est au-dessus de l'ellipse. Mais si je les réorganise ici, ils seront arrangés ici. Ainsi, vous pouvez l'utiliser lorsque vous avez des objets de passage. 10. Panneau de conception 3.8: C' est l'endroit où vous voyez définir et modifier toutes les propriétés de vos objets. Ce menu se trouve sur la droite. Certaines des options apparaissent presque à chaque fois. Coordonnées d'alignement des objets, effets frappés, et d'autres. Et certains d'entre eux dépendent de votre sélection. Si vous sélectionnez différents types d'objets, textes, formes de cadre, vous verrez différentes options ici. Par exemple, j'ai sélectionné du texte et, comme vous le voyez, il y a des options de texte, famille de polices, l'alignement, la colonne, et d'autres. Toutes ces options sont assez simples, mais certaines d'entre elles sont prédatrices. Kim, ils sont généralement dans les cadres, la mise en page automatique, et c'est plus pour lui. Oui. D'accord. Et les contraintes. Nous le couvrirons plus tard, mais ces deux options nous permettront de créer beaucoup de manières et de le rendre facilement. Et comme vous le voyez, il y a deux autres panneaux ici. Nous voyons le panneau de conception et notre prototype et inspectons les panneaux. En fait, nous n'en avons pas besoin, donc nous ne les couvrirons pas du tout parce que ces deux panneaux sont nécessaires. Si vous souhaitez créer un site Web et une application mobile, et que vous souhaitez convertir votre design en code. Mais deuxièmement, nous allons créer un bonus ou nous n'avons pas besoin de cela, donc nous allons simplement utiliser le panneau de conception. 11. 3.9 Commentaires et notifications: Tant que Figma est un outil collaboratif, vous pouvez laisser des commandes, de la nourriture, de la tomate pour vous-même. Et à la place de votre toile ou de votre tableau d'art. Et quel est un autre nom de Carl Woese couvercles. C' est comme ça. Si vous voyez ce mot, cela signifie votre toile. Alors, comment faire un commentaire ? Vous pouvez utiliser ces outils et faire une commande pour quelqu'un sur juste un commentaire. C' est juste parti. Et tous ceux qui ont accès à ce fichier, nous verrons cette commande. Et si je veux mentionner quelqu'un en particulier, je vais l'utiliser comme vous l'utilisez dans tous les outils modernes. Et vous pouvez laisser des commentaires pour vos coéquipiers ou pour vous-même. Mais prise sur cela, si vous vivez commun pour vous-même, tout le monde dans le fichier le verra aussi. Par exemple, je vais laisser un commentaire pour moi-même, Niki, Dave se li, li's faire quelques blagues pour rendre ces chevaux pas si ennuyeux. 12. 3.10 Pages de pages: Vous pouvez utiliser les pages pour organiser une promenade. La page est un plan de travail distinct dans votre fichier. Vous pouvez les utiliser pour séparer certains objets ou acheter une propriété. Un sujet, par exemple, vous pouvez créer une page pour les bannières Google et une autre page pour Facebook sans fil. Si vous créez tant d'équilibre que Figma devient marcher lentement. Vous pouvez diviser votre plan de travail en pages séparées et ce sera plus rapide. Et comme vous pouvez le voir dans ce fichier, dans notre fichier de travail, il y a beaucoup de pages. Nous utilisons la page 4, chapitre distinct de notre cours. Donc, ils sont là. Si vous cliquez ici, vous voyez qu'ils sont en train de changer. Et si vous voulez créer une nouvelle page, vous devez cliquer sur ce Plus et une nouvelle page arrivera. Vous voulez le supprimer, cliquez avec le bouton droit de la souris, dupliquez-le et supprimez-le. Si vous voulez renommer. Vous pouvez le faire ici ou simplement en double-cliquant sur son nom. Donc, comme vous pouvez le voir, c'est très utile et très pratique pour organiser votre promenade dans les pages parce que par exemple, vous voulez garder certains de vos fichiers sur une page séparée, par exemple, comme la bibliothèque ici. Il y a juste quelques fichiers que j'utilise dans ce cours et je veux qu'ils soient quelque part. Donc je viens de créer une bibliothèque de patients et nous voilà. J' espère que vous apprécierez d'utiliser des pages dans vos projets. 13. 4.1 Figma Basics Intro: Salut, mes amis. Dans cette section, nous allons voir comment utiliser les outils de base et Figma, ces leçons seront plus longues que précédentes, mais elles sont encore assez basiques. Et si vous savez déjà comment utiliser Figma, vous pouvez probablement les sauter. Mais si tu veux, tu peux les regarder. Peut-être que vous apprendrez quelque chose de nouveau. Donc, ce que nous allons voir ici, nous allons voir comment utiliser les couches de textes, quelles options sont disponibles. Nous verrons comment utiliser les ombres fortes de Carlos, l'opacité, tout cela pour votre texte, pour les images, pour vos cadres. Nous verrons ce qui est un cadre dans Figma, c'est un composant très important. C' est un élément de construction pour tout. Nous allons voir comment formes dans Figma lequel d'entre eux sont disponibles ici ? Comment les combiner, comment les neuf, comment exclure l'un de l'autre et ainsi de suite. Nous allons nous entraîner un peu ici et nous verrons comment les contraintes fonctionnent. Et Figma, il vous permet de créer un alignement automatique de vos textes à votre équilibre. Nous allons donc passer à autre chose et voir tout dans chaque leçon séparée plus tard. Allons et apprenons à utiliser toutes ces choses de base dans Figma. 14. 4.2 calques de texte: À partir de ce point, nous allons utiliser notre fichier de marche où vous avez des exemples et vous pouvez répéter jusqu'à moi et apprendre à faire les choses. Alors passons là et la première leçon d'heure portera sur le texte. Voici notre page de base fema, et ici est notre promenade dans la région. Nous allons marcher dans ces erreurs rayées où vous pouvez trouver quelques exemples. Et nous marcherons ici dans des zones plus sombres. Dans ce cas, tous les exemples que nous serons fiers de nous. Et maintenant, jouons avec ce texte et voyons ce que nous pouvons avoir notre copie ? Certains d'entre eux devraient aller bien. Je vais copier un texte et voir ce que je peux faire avec. Comme vous le voyez, il a 36 taille, donc je vais faire une commande de copie C, Commande V ou Contrôle C, Contrôle V à Windows. Et voyons quels paramètres ai-je ? J' ai sélectionné le texte et je vois que c'est la police, Roboto, gras. Il a une partie de cela dit sédiments, nous allons les couvrir et il y a beaucoup d'autres endroits ici. Alors changeons la taille pour être. Maintenant. Copiez-le et changez son poids. Allons le rendre léger ou même mince. D' accord ? D' accord, je vais copier ces réservoirs et faire des thromboembolies, légères ou régulières. Et je vais régler l'espacement à, disons que 15 ici probablement c'est quelque chose comme ici. D' accord, je peux faire ce texte. Les années. Comme vous le voyez, cela semble plus élégant. Quelques projets pour certaines étiquettes, lignes rouges. Je peux changer la police. n'ai aucune idée de la police ici. Probablement. C' est écrit Y-bar. Trouvons-le. Comme vous le voyez, il y a beaucoup de polices. Maintenant, nous sommes là et il y en a. Un moment avec les polices. Si vous marchez en ligne avec votre navigateur, vous n'avez pas besoin d'installer des polices sur votre ordinateur portable ou votre bureau. Mais si vous utilisez l'application Figma, il aura quelques liens à l'intérieur. Mais si vous utilisez des polices manquantes, vous devez les installer dans le système. Et après ces Figma va les ramasser et vous pouvez les utiliser. Où ça peut arriver. Par exemple, vous chargez un fichier de projet. Et Figma dit que vous avez des polices manquantes et Pigma va essayer de la remplacer par une autre police. Et vous pouvez choisir à quelle police pour le changer, pour le remplacer. Mais si vous voulez avoir la police d'origine, il vous suffit de la télécharger. Donc, en fait, c'est la même chose dans tous les autres programmes que vous utilisez des polices. Vous devez installer les polices sur votre ordinateur portable pour les utiliser. Au début, vous pouvez utiliser la version du navigateur, mais je vous suggère de l'utiliser. C' est plus pratique et il sera moins ingénieux pour votre ordinateur. Parce que lorsque vous ouvrez un navigateur, il y a généralement beaucoup d'onglets là-bas. Et lorsque vous utilisez juste un programme séparé pour Figma, et il ne traitera que vos fichiers Figma. Alors nous allons trouver notre chemin. Bond. Très bien. Oui, alors on est là. Maintenant. Voyons certains des paramètres. Hors des mauvaises herbes, à la hauteur et à la taille fixe. Corrigé. Oui. Si vous voulez faire des textes comme celui-ci, il y a plusieurs façons de le faire. Par exemple, vous pouvez appuyer sur Entrée serveur et plusieurs fois, et nous sommes ici. C' est copier et coller. On peut changer, changer à cette fin ne me permet même pas de savoir quelque chose. Voyons voir, nous avions notre texte original et nous utilisons ces largeur fixe et nous voulons le changer. Donc, vous voyez le texte suit. C' est assez utile. Et si vous utilisez une taille fixe, est dans ce cas, si vous voulez taper du texte supplémentaire. Maintenant, vous voyez que je l'ai tapé, mais ça va au-dessous. Et ce rectangle bleu montre réel ou la bordure du calque de texte. Et maintenant, vous pouvez penser qu'il n'est pas important que les balises passent en dessous. Mais si vous utilisez d'autres outils, si vous combinez ces textes avec d'autres objets, si vous les alignez , cela fera un gâchis. C' est pourquoi j'utilise généralement une largeur fixe ou une hauteur fixe en fonction du comportement que je veux que ce texte exécute. Passons à autre chose et voyons certains d'entre eux. Sédiments. Ok, voyons ce qu'on a ici ? Nous avons cette phrase. Il indique la hauteur de la ligne à 100 et ont ce paramètre qui est appelé espace de paragraphes. Et quelle est la différence ? La différence est que la hauteur du client est en fait une hauteur de la ligne de votre texte avec l'espace. Et l'espacement entre les lignes est si mince. Réglons la hauteur de la ligne à 200, un, 100. Et disons de l'espace entre les lignes pour envoyer ces vecteurs 0. Et ils, au départ, il était non nul vers l'extérieur. Et comme vous le voyez, c'est parce qu'on a ajouté plus d'espace ici. Et ce n'est qu'un exemple de nos textes sans la phrase. Et voici trois autres textes. Comme vous le voyez, ils ont une taille fixe et un alignement différent. Et en bas, au milieu et en haut. En fait, il y a beaucoup plus d'autres paramètres ici. Vous pouvez faire vos textes frappés sur la ligne ou quelque chose comme ça. Vous pouvez jouer avec toutes les choses. Nous ne les couvrirons pas maintenant parce qu'il y en a beaucoup et nous ne les utilisons pas autant. Et c'est tout avec les paramètres de texte les plus simples. 15. 4.3 Fill, couleur, trait, arc, ombre, opacité, facette: Maintenant, regardons des options telles que la couleur, sensation, l'ombre et d'autres. À ce stade, nous les appliquerons au texte, mais plus tard, nous verrons comment les utiliser avec différents objets. Donc, nous y voilà. Nous avons notre texte et voyons ce que nous pouvons faire avec cela ? C' est sûrement, peut-être que nous allons le faire poser ce serait pratique pour nous d'utiliser ceux-ci. Et comme vous le comprenez, nous avons changé ça de la précédente Karla à celle ici. Maintenant, nous pouvons définir n'importe quelle colonne pour le besoin. Bien sûr, restons-en avec celui-ci. Ok, alors combien d'option de craie ? Il fait ces frontières. Et on peut le faire comme ça. Et elle sont certains paramètres, par exemple, ou par une ville devient transparente. Et l'ensemble, et nous allons double-cliquer ici. Ça fait votre frontière dehors. Ceux-ci à l'intérieur, en fait, il a tout tourné en molec. Faisons cinq. Et la différence à l'extérieur. Voici donc la police elle-même et le noir est un inné. Mais si nous le plaçons à l'intérieur, toute la largeur du terme de plomb devient avec l'eau à l'intérieur. Donc s'il dit sept, argoter ces ensembles comme ceux-ci. Ok, écoutons. Et le centre est en fait leurs centres. Donc, si nous disons quatre pixels, quatre pixels modernes frappent deux d'entre eux vont à l'intérieur et tous vont à l'extérieur. De toute évidence, qu'avons-nous ici aussi ? Faites les coins autour avec les paramètres. On peut faire du dished. Ça marche comme ça. Mettons 20 et 20. Donc, c'est cette base et les tirets réels. Voir en longueur ces, vous pouvez jouer avec ces paramètres. Et en fait, ce sont la phrase principale. Presque dessiner avec ce que nous pourrions vouloir utiliser. Bien sûr, afin que nous puissions changer la couleur du coup. Évidemment. Alors faisons une ombre. Là-bas. Quelques effets ici. Et si vous cliquez sur le bouton Plus, le premier et l'effet principal apparaîtront, C'est Ombre portée, nos enfants, il y a quatre effets différents ici. Ombre intérieure. Regardons un et le rendre plus visible. C' est probablement de pouvoir entendre que nous sommes ici. Maintenant, c'est plus perceptible. Si nous voulons le rendre plus floue, nous pouvons le faire. Comme ça. Nous pouvons utiliser plusieurs effets et en même temps, et en même temps nous pouvons ombre portée. Ils ont vu que l'ombre ne pouvait pas être différente. Notre ombre intérieure est d'ajouter un peu de volume à vos collaborateurs. Et quand vous avez dit de porter l'ombre et de comprendre qu'il s'inscrit au-dessus de quelque chose. Donc, c'est la phrase de l'ombre. Ont vu que nous pouvons le faire très. Et vous voyez qu'il y a plusieurs ombres de forme ici. Et répétons comment faire cette ombre et le faire. Paul. Je ne sais pas. Et et pas plus. 16. Et quelque chose qui les connaît ici comme ça. Certains de ces bords, nos textes est posée en plus haut. D' autres formes, bien sûr, vous pouvez simplement taper la police et son texte principal comme ceci. Par défaut. Tout le sentiment est solide comme ça. Mais si vous possédez, vous pouvez créer un dégradé même. Nous voyons, par exemple, un intervalle radial serait d'ici à là. Et comme vous le voyez, il passe du noir au transparent. Et nous voulons que cette chose soit bleue et non transparente. Et le premier indicateur sera rouge. Mince. Similaire à ceci. Donc, vous voyez dans ce texte dégradé. Et si nous le voulons, nous pouvons le remplir avec une image. Ici. Nous devrions cliquer ici et sélectionner l'image. Par défaut, il paie ces chaises faites et nous pouvons télécharger les nôtres. Faisons ces images. Ok, et voici une phrase de ça. Maintenant, il remplit l'image avec l'option d'échelle n'est pas disponible, c'est un 100%. On peut utiliser ces tuiles. Vous voyez l'aperçu ici. C' est comme de la mosaïque. Je peux changer l'échelle, par exemple, à ceux-ci. Et dans ce cas, ces ponts seront comme ça. Ou on peut le faire. Ce sont le pont qui ressemble à un miroir. Et l'écran. Ramenons-le. Nous pouvons utiliser la méthode de recadrage pour ajuster les couleurs exactement comme nous le voulons. Pieds. Tu vois, ça n'a pas l'air bien ici. Je n'utilise presque pas cette option. Ok, donc finalement, nous avons quelque chose de similaire à l'exemple. Et vous voyez les deux, nous pouvons appliquer différents effets au texte. Et en fait, vous pouvez le faire avec différents objets aussi bien. Par exemple, comme vous le voyez, il y a une certaine forme ici compterait à coup pour manger. Encore une fois, ombre portée, et ainsi de suite. 16. 4.4 cadres: Vous pouvez penser à un cadre comme un conteneur. Il peut provoquer différents autres objets à l'intérieur et a ses propres propriétés et apparence. Alors passons ici et voyons ce qu'on peut faire. Et avec les cadres. Pour créer un cadre, nous pouvons utiliser ce cadre outil en appuyant simplement sur le bouton F. Et si nous cliquons quelque part dans le cadre, apparaît, si nous voulons le remplir. Pour ne pas être transparent et il suffit d'ajouter ce bouton plus. Et par défaut, il se remplit de collier blanc. Et par défaut, la taille de la trame est de 100 par 100. Donc nous pouvons le remplir avec d'autres couleurs. Je peux les trouver ici. Tout ce que nous venons choisir quelques couleurs qui ont été précédemment utilisées. Je vais choisir ce jaune. Ou si vous voulez voir la couleur qui a été utilisée auparavant, vous pouvez la trouver ici et juste pour l'appliquer, essayez de l'appliquer ici. On peut mettre quelque chose dans le cadre. Par exemple, j'ai sélectionné ce cadre et maintenant je vais choisir l'outil Texte. J' appuie sur l'équipe. Et puis je clique à l'intérieur du cadre. Et je vais taper T, tn, tn. Je peux le placer ici. Si je veux, je vais changer la taille, rendre plus grande comme ça. Et comme vous le voyez et la dernière gravure, tout ce calque de texte est à l'intérieur du cadre. Par exemple, si vous voulez déplacer simplement la lettre T, vous devez la sélectionner ici. Ou une autre façon est de double-cliquer dessus et il passera à travers le cadre. La sélection ira ici. Vous verrez qu'il est sélectionné le texte. Et si je veux le déplacer, je peux le déplacer avec le clavier. Tu verras ce qui se passe. Je l'ai perdu. C' est parce que notre cadre a ce contenu de clip de case à cocher. Si je décoche ça, je vois ce qu'il y a en dehors du cadre. Si je vérifie ça, je ne vois que ce qu'il y a à l'intérieur. Habituellement, nous utilisons cet ensemble et allumé. Je vais coller le placer en arrière. D' accord. Sons et j'ai tapé avant le cadre de frottis. D' accord ? Ce que je peux faire bonder utilise AVC à cinq. Et si je veux, je peux le rendre transparent. Je peux cacher ce sentiment ou tout simplement l'enlever. Était préférable de cacher parce que si vous voulez l'afficher plus tard, vous pouvez le faire sans les mêmes opérations à nouveau. Probablement vous avez remarqué que j'ai sélectionné, par exemple, ce cadre. Ensuite, j'ai appuyé sur la commande C pour la copier, puis appuyez sur Commande V pour la coller. Et comme vous le voyez, la nouvelle couche est apparue ici. Et à la toile, je vois exactement ceux et cet endroit où je l'ai copié. Donc, quand vous marchez dans Figma, vous devez comprendre comment cela fonctionne parce que parfois vous voulez trouver l'objet que vous le collez et vous ne pouvez pas le faire. Et par exemple, je vais copier celui-ci, puis je vais aller à un autre endroit comme ici et le coller. Et dans ce cas, comme vous le voyez, il l'a collé ici au milieu. Parce que Figma comprend ça. Oui, j'ai déménagé de cette partie et je l'ai collée quelque part où je peux la voir. D' accord. Qu' est-ce qu'on a ici ? Nous avons un cadre avec quelques textes. Ok, créons un autre cadre. Faisons en être mille ou je ne sais pas, 600 à 600. Et nous le sentirons. Maintenant, nous allons ajouter du texte à l'intérieur. Il y a plusieurs façons de le faire. Je peux soit cliquer ici et coller du texte et faire et être. D' accord. Et une autre façon est de le coller ici et simplement le glisser dans le cadre. Et comme vous le voyez sur la gauche, le panneau Calques, il y a quelques changements. Je le traîne ici et sort du cadre 55. Si je le fais glisser ici, il va à l'intérieur du cadre 55. Si je le fais glisser ici, il va à l'intérieur du cadre six contre un. Bon, maintenant on a deux textes à l'intérieur du cadre, et je peux les voir ici. Vous pouvez mettre un cadre dans le cadre. Duplions celui-là. Et prenons l'exemple, placez ce cadre à l'intérieur. Comme vous le voyez dans le panneau Calques, il y a un cadre à l'intérieur d'un cadre car notre tout gros objet est un cadre lui-même. D' accord. Vous pouvez jouer autour de moi juste et ces objets pour vous de comprendre comment peut le faire glisser. Mais je pense que tu l'es déjà, tu le comprends probablement déjà. Donc, nous pouvons sélectionner cette image et simplement la glisser dans le cadre. Donc, en fait, ce sont les bases des cuissons du cadre. Nous les utiliserons beaucoup plus à l'avenir. Nous allons utiliser différents paramètres avec eux. Et comme je l'ai dit, cadre est l'un des plus importants, les blocs de construction cruciaux de Figma. En utilisant des cadres, nous pouvons construire tout ce que nous voulons et nous allons certainement les utiliser beaucoup pour créer de la biomasse de qualité. 17. 4.5 formes: Il existe plusieurs formes disponibles en fema et nous les couvrirons toutes. Allons voir lequel d'entre eux a des cheveux. Comme vous le voyez, le premier est rectangle. Donc, je vais mettre à l'échelle ou mentir ces et essayer de citer faisceau. Il y a mince ou même je vais les créer à partir de zéro. Ok, c'est un rectangle, ou si je crée, ça devient un 100 par 100. Mais je veux le rendre plus grand. Disons que si je l'ai dit, 250 dans des rôles comme ceux-ci, mais si j'appuie sur ce bouton, cela signifie pour verrouiller le ratio des côtés si je mets ici, donc vous voyez dans ces promotionnelles Ok. Je vais l'éteindre et le mettre pour libérer ces jaunes. Similaire. Je peux utiliser le remplissage. Que peuvent-ils faire pour utiliser la même couleur ? Je peux vendre ces rectangle et copier la couleur. Ou je peux les utiliser pour élever la couleur de, pour être la couleur d'ailleurs. Donc, si vous voulez, en fait, si vous remarquerez qu'il y a un tel zoom ici lorsque vous utilisez un sélecteur de couleurs. Donc, il vous permet d'être dans la colonne. Eh bien, c'est très précisément à utiliser. Donc, il vous montre l'ensemble du document pixel par pixel. D' accord ? Et l'autre façon d'utiliser ces couleurs que j'ai utilisées avant, ok, je vais les envoyer ici. Et maintenant, j'aimerais créer un rectangle. Je copie celui-là. J' aime créer comme carrière et changer sa taille. Qu' est-ce que j'ai ? Je peux le faire. D' accord. Si je veux, je peux créer certains des coins autour. Et pour ce faire, je dois cliquer ici et vous vous voyez là pour les pixels à chacun d'eux. Mais si je veux, par exemple, je veux mettre ce rectangle de ce côté et je veux que les coins gauche soient un carré et être, et écrire des coins autour de moi. Donc, de cette façon, je dois trouver lequel de ces paramètres appartiennent à chaque coin. Il y a un indice par ici. C' est le premier coin, son haut à gauche, et il va avec le tour de l'horloge. Donc, si je veux les changer à 0, et si je veux changer votre coin inférieur gauche, je dois les définir. D' accord. Donc comme je l'ai dit, Ok, je vais l'attacher sur le côté ou quelque chose comme ça, ok, les alertes les ont renvoyées à 0. Et toutes les autres options sont assez similaires à ce que nous avons déjà touché. Le prochain objectif. Différentes lignes. Et je peux sélectionner l'outil Ligne et dessiner la ligne. Qu' est-ce que nous avons de notre ensemble, c'est que je peux mettre l'inclinaison de la ligne. Je vais le mettre à 0 pour être horizontal. Je vais mettre à 90 point sera une ligne verticale. Ramène-les. Avec, vous voyez que nous n'avons pas la hauteur parce que c'est une ligne. Il n'a pas le VIH. Il a un accident vasculaire cérébral. Si je veux le raccourcir, je vais mettre 500. Et si je veux le rendre plus épais, je dois utiliser le réglage. Lead a dit qu'il l'a déclaré et même jusqu'à 30 pour tout voir. Et voyons, nous avons une ligne 530. Qu' avons-nous d'autre ? Si je veux, je peux faire certains des coins de la ligne, peut être autour en fait pas étrangers, mais les côtés de la ligne. Pour ce faire, je dois double-cliquer sur la ligne pour passer en mode éditeur de points. Je peux éditer chaque Dada. Chaque point, par exemple, est la vente de ceux-ci. Et puis je dois aller ici et faire le tour. Donc, comme vous le voyez autour de différents côtés de la ligne, pour l'un d'eux d'en envoyer l'un. Je ne choisis aucun côté, aucun point et juste dit carrés au rond. Bien sûr que je peux mettre des flèches qui les regarderont un peu plus tard. Et c'est tout. Il y a quelques Assez dit les ados ici, tirets, disons Dan et 10. C' est aussi va sauver P-V-T. Ici Tim. En fait, si nous disons que c'est vrai à un pixel, la longueur de chaque tiret sera égale à la longueur de chaque espace. Mais à cause de l'accident vasculaire cérébral, nous le voyons. Petits espaces et être des tirets. Alors mettons-le à un pixel. Et comme vous le voyez, maintenant, ils sont les mêmes. Mais quand j'ai couru ce plus épais, ça va comme ça parce que comme vous voyez en fait la fin de la ligne, la fin de la ligne dit en 0s ici à ce stade. Mais quand j'ajoute ce médicament, il va plus loin. Et la même chose avec chaque espace. Allons comme Bayes deviennent des espaces deviennent plus petits et les plats et deviennent un plus large le long de cela. Donc, si j'ai une telle ligne de 30 pixels et si je veux les rendre égaux, je dois définir quelque chose comme ça. En fait, vous pouvez calculer exactement quels paramètres s'asseoir ici, mais visuellement le, presque le même. D' accord. Qu' est-ce qu'il y a avec les petites lignes ? Copions le coller. Enlève la vaisselle. D' accord. On peut définir sa couleur. Encore une fois. Il ne dit pas d est non dit ici dans l'option de champ. Vous verrez le latin se produit parce que la ligne et n'a pas l'option de sentiment. Il a un trait et je peux changer sa couleur ici ou le rendre orange. Ok, donc je pense que nous avons couvert toute la phrase que je veux b à chacun d'eux. Il est évident que si je veux le faire paraître trop mince, semblable à ces 1, 2 a dit mal sur l'outil de boucle. Alors remplissant ces deux ensembles et fais-moi bien. Oui. Ici et rends-le plus épais. Principal conduit à je ne sais pas si vous avez lu un similaire. Maintenant, des flèches. Comme vous l'avez vu, les flèches sont, pain est similaire aux terres en fait, il fait le même objet dans la matière Figma. Pour plus de commodité, ils vont creuser dans le point séparé. Ensuite, l'outil séparé. Si nous voulons créer une flèche, nous pouvons les utiliser ou nous le pouvons. Tournez chacun ou tout alignement en aérodynamique. Faisons à partir du menu, Zoom vers le bas. Envoyez ces à 0. Envoyez-les pour le voir. D'accord. Pour avoir peur d'utiliser, si je sélectionne un point et utilise cet outil, je change cela dans le jeu. Oui, Platon est évident. Un, il y a un inconvénient avec des flèches dans Figma, comme pour moi, centré à nouveau flèche à deux lignes. Et si je veux que ces flèches gagnent, les côtés soient plus grands. Je dois envoyer cette blague plus épaisse. Ce cas dans la plupart étant sur si je veux quitter ce travail le même. Et pour les faire être, je ne peux pas le faire dans la figure. Dans ce cas. Je dois le dessiner manuellement. Sélectionnez la ligne et la dessiner. Ok, n'importe quel rang ces par exemple. Mais ça peut être si facile. Et je n'aime pas cette méthode parce que c'est du métal et c'est seulement au Royaume-Uni. Outil si précis. C' est ce qu'on appelle la bière froide, ces lignes et pour le faire comme ça. Oui. Donc, comme vous le voyez, je peux le faire. En fait, j'ai changé l'angle de la flèche. C' est un rouleau de 45 degrés. Je l'ai mis à 30. Et maintenant, je peux combiner toutes ces lignes en un seul objet, peux utiliser ces union d'opération booléenne. Donc, j'unit la sélection et maintenant je peux obtenir ma flèche. D' accord ? D'accord, faisons-les orange. Si vous voulez définir la couleur des différents objets, vous pouvez les sélectionner tous comme je l'ai fait en ce moment. Et il y a une sélection de menu couleurs. Et je vais montrer, oui, j' ai dit sentiment de certains de ces objets à lire. Pourquoi je graine et je ne vois pas ça la toile. Mais si je veux transformer toutes les blagues d'hommage noir en orange, bien sûr. De toute évidence, il faut vendre ces couleurs et le changer pour notre orange. Oui. Et maintenant, ils sont les mêmes. Je pense que nous en avons fini avec des flèches. Et bougeons ces cercles. Nous avons des cercles et des ovales, ou un ici et une fin et le faire de cette grande vente de cet outil et envoyer ces deux, disons 300. L' autre façon de faire est d'utiliser un outil d'échelle. Utilisez l'outil d'échelle. Je le redimensionne proportionnellement. Si j'utilise mon outil de déplacement, il ira Lang ces. Mais je pense que je suis content de la taille. D' accord ? Donc, un rôle S2, curl long et des options de récompense font, ou quelles options ai-je ici ? Copions-le et collons-le. Et comme vous le voyez, ces vents ici, et je peux différer sur le bon tirer. Et c'est ce qui se passe. Voir les options après ces points et a fait de cet outil de segment de nouveaux points un peu plus ici. Celui-ci est pour une date de goutte à goutte. Et celui-ci est le même qu'avant. Et celui-ci vous permet de faire comme ça. Nous avons donc trois objets différents fabriqués à partir d'un cercle. Et faisons la même chose avec l'OLS. Donc, je vais copier coller ceux-ci. D' accord. Je vais le faire ou rouler. D'accord. Et pour ces, je dois vous voir, j'ai tiré ça dans le centre M rien n'a changé. Mais si je le tire contre l'horloge, en milieu rural. Et si je veux oui. Et comment faire ce cercle qui est sur ce membre, faites-le. Qui ? Ce point ici ? Oui. Et nous avons ce cercle avec un trou à l'intérieur. Passons aux polygones. C' est un autre outil que nous avons ici. Et une autre forme. Lorsque nous créons un polygone, il fait un triangle. Et il y a plusieurs options. Mettons-le à l'orange. Mon défaut, il fait la forme de égal avec des côtés égaux. Il y a plusieurs options de celles-ci aussi. Définit la quantité d'angles, et nous allons le définir sur m, Ces 1 et rend les coins autour de ceux-ci. Et comme vous le voyez, je peux le faire avec ces points. Je fais tourner ceci et, et, et obtenir plus et la perte k. Distinguons celui-ci. Et si je les connais, je peux en avoir une autre, K. Et si vous voulez obtenir une forme aléatoire, vous pouvez double-cliquer dessus et tirer ces bras. Moment. D'accord ? Oui. Vous pouvez faire comme ceux-ci ou vous pouvez ajouter quelques origines sont ici nous sommes. En fait, vous pouvez faire même la pose de l'est de créer de telles formes. Je peux dire que j'utilise l'outil Polygon qui correspondent. Que faire si vous voulez créer des objets complexes ? Objets probablement que vous utiliserez ces deux. Et la dernière forme que nous avons est comme le goudron. Ok, créons des Doris et pouvons le tuer et le rendre plus petit. Et c'est la quantité d'angles. Faisons comme ça. Ces hommes seulement 20 pour cent, c'est 80 pour cent. Ainsi, vous pouvez créer n'importe quelle forme que vous souhaitez. Ok, et bien sûr que vous pouvez faire ça ici. Celles-ci changeront une à deux de vos poutres, et elles le feront arrondir. Donc, lorsque ces outils, vous pouvez facilement créer, par exemple, une étoile huit et pour votre équilibre. Donc pour ces scores en tête via Faisons en faire la loi. Oui, plus pointu. Et il suffit de dupliquer ces centimes couplés. Cinq étoiles. Et si vous voulez les faire, restez dans la ligne, vous pouvez sélectionner toutes ces formes. Comme vous le voyez, il n'y en a pas deux, mais il y a cinq étoiles ici. Et vous pouvez utiliser ces outils, organiser et déranger, racine et distribuer l'espace horizontal. Dans ce cas, ils les sauront et je peux envoyer cette base, la changer. Après avoir appliqué cet outil. Espace horizontal dans la distribution horizontale, espace de distribution. Et vous pouvez toujours changer pour cela ou même est, et nous allons les rendre jaunes. Donc, c'est cinq étoiles maintenant. Ok, c'est ça. Lisez ce tore. Et maintenant, voyons comment combiner différentes formes en utilisant des opérations booléennes sur des groupes booléens pour créer différentes formes de structure compliquée. Donc, pour ceux-ci, Créons un rectangle et cercle. D'accord ? Et essayez de faire quelque chose d'eux. Donc, comme vous le voyez autour de différentes formes. Voici la différence. Le premier n'est que deux formes, l'une et l'autre. Copions-coller. Et une autre façon de les organiser est de les regrouper. Je peux faire un clic droit dessus. Et un groupe de la sélection, comme vous l'avez vu, il y a en groupe ici. Et ces objets sont organisés en groupe. L' autre façon est de cadrer cette sélection, de faire un cadre de deux de ces objets. Je peux cliquer avec le bouton droit de la souris et sélectionner l'image Cette affaire, votre cerveau. La différence entre grandi et frames est que le cadre a plus de paramètres et vous pouvez utiliser différentes options comme la mise en page automatique ou d'autres avec les cadres. Et le groupe est juste Union, même pas une union est juste un groupe d'objets de chien. Et passons à l'union. Celles-ci. Et disons, tu sais, c'est à ce truc que D a fait avant quand on a créé cette flèche. Maintenant, refaisons-le. J' ai uni ce cercle et un rectangle et comme vous le voyez, il y a une icône qui représente sa nouvelle forme. Et à partir de ce point de ceux-ci est un seul objet. Toutes ces choses contiennent deux objets distincts et je peux sélectionner le cercle et le faire ressembler. Je peux le faire avec tous ces trois et nous répondons, mais après les avoir éclairés, je peux faire avec ça. White In ne marche pas et juste à court de la TO unir en ce que si vous avez menti à certains objets, utilisez l'échec pour changer la couleur de ceux-ci. D' accord ? Et laissez C atteindre les méthodes. Méthodes. Doit-on s'unir pour couper l'un de l'autre ? Nous devons payer l'intention à laquelle de ces formes est au-dessus et qui est sur le chantier de quai, qui est sur le fond. Lorsque nous utilisons tous ces permis les outils, par exemple, si je soustraire de cette sélection, vous voyez que l'ellipse est sur le dessus. Lorsqu' ils cliquent dessus, l'élément supérieur est soustrait de l'élément inférieur. Et j'ai ce thème. Il est copier-coller à nouveau. Et dans ce cas, je vais changer leur ordre et le faire à nouveau. Et j'ai ceux-ci. D' accord. Maintenant, utilisons ces océans. Et si je veux exclure l'un de l'autre, inversement, je les vends et utilise cet outil. Et j'ai un trou par ici. Comme vous le voyez, il y a beaucoup d'opérations booléennes que vous pouvez utiliser avec vos formes et combinant tous ces outils et toujours des formes que vous pouvez créer, façonner, ce que vous voulez. 18. 4.6 cadres ou formes ou formes: Lorsque vous devez créer un rectangle, vous avez toujours le choix entre créer une forme ou un cadre Creighton. Quant à moi, je ne vois que deux options à choisir. Une forme, pas un cadre. Le premier est quand vous savez que vous allez utiliser des opérations booléennes avec votre rectangle, vous allez extraire quelque chose du blé et ainsi de suite. Le second est quand vous êtes sûr que ce rectangle restera juste un rectangle sans contenu à l'intérieur de celui-ci. Donc, si vous vouliez créer, par exemple, une bouteille, mais n est généralement un rectangle avec du texte à l'intérieur. Donc, dans ce cas, je vous suggère d'utiliser un cadre parce que vous aurez beaucoup plus d'options. Utilisation d'un cadre qui ne sont pas disponibles pour les formes. Il y en a quelques-uns, mais le plus important est probablement la mise en page automatique. Et ces options nous permettent de créer tous ces bonus et minutes compliqués. Et c'est l'un de leurs principaux points de construction de l'ensemble du processus Figma que nous utilisons pour créer la bande d'équilibre aussi rapidement. On le couvrira plus tard, bien sûr. Mais pour l'instant, je vous suggère d'utiliser des cadres au lieu de formes si vous voulez créer des rectangles qui contiennent Sam à l'intérieur. Et voyons comment cela fonctionne dans la pratique. Alors créons quelque chose, quelque chose, des rectangles et des formes. Premier outil et le rectangle. Et je vais faire comme ça. Et le second sera cadre. peu près la même chose. Et maintenant, je veux créer un bouton, par exemple, ou ce qui est bâton est un rectangle avec un texte dessus. Par exemple, en ajoutant ceci pour le mettre au milieu, et je vais le coller ici. Quelle est la différence ? La différence est que je peux utiliser plusieurs options pour le cadre. Et l'un des plus importants est la mise en page automatique. Nous le couvrirons plus tard, mais voyons comment cela fonctionne maintenant. Alors faisons un groupe de ces deux objets pour les utiliser plus. Handy, m et k. Et ce sera de forme, et ce sera un terme de Ferrari. Envoyez-les de la même couleur. Par exemple. Remplissez-le d'orange ou de jaune, et faites de même avec ceux-ci. Ok, donc on a deux boutons similaires. Quelle différence ? La différence apparaît lorsque nous voulons changer quelque chose. Par exemple, nous voulons modifier ce texte. Cliquez ici maintenant. Tu vois, ok, mettons-les ça pour expier avec une fuite ici maintenant. D'accord ? Et si nous voulons que ce Martin ait l'air bien, nous devons ajuster l'homme seulement pour faire quelque chose comme ça. Et puis pour savoir quelque chose comme ça. Et puis nous devrons trouver le centre. Et ça ressemble à ça. Mais lorsque nous utilisons le cadre et que nous utilisons la mise en page automatique, nous pouvons simplement le taper. Et comme vous le voyez dans les lignes, il s'adapte à notre texte. Et nous n'avons pas à faire toutes ces manipulations. Manoa, nous allons beaucoup utiliser cet outil, mais juste pour l'instant, je vais vous laisser avec cette information. 19. 4.7 contraintes: Contraintes est un ensemble dans le Piémont qui vous permet de contrôler comment les objets qui se trouvent à l'intérieur du cadre sont interreliés et le déplacement et l'alignement avec les bordures du cadre. Regardons dans la pratique et allons aux contraintes de page. Et nous les voyons ici. Les contraintes ne marchent que pour les objets qui se trouvent à l'intérieur du cadre. Par exemple, voici un cadre. Et Harris quelques objets dans, objet à l'intérieur et quand je sélectionne ce cadre qui n'est pas situé et quelques autres, et un autre cadre, je ne vois pas la configuration ici, mais quand je sélectionne quelque chose à l'intérieur, je vois des contraintes menu. Alors regardons comment ça marche. Par exemple, nous avons cette image à l'intérieur du cadre et nous avons des contraintes en haut à gauche. Qu'est-ce que ça veut dire ? Cela signifie que cette image collera sur les côtés gauche et supérieur du cadre. Si vous redimensionnez le cadre lui-même, regardons comment cela fonctionne. Et faire Lang ces et l'image est sur le même endroit. Mais si je redimensionne de ce côté, l'image suit les bordures car c'est le haut et le côté gauche. Voici le contraire. En bas à droite ? Si je change de côté ici, ça s'ensuit. Si un ici, ça ne suit pas. Et voyons le centre. C' est dit centre, centre. Cela signifie que l'objet, l'image sera au centre, ne regardant pas où se trouve le centre. Donc, il est juste au centre du cadre. Et nous pouvons combiner la phrase. Par exemple, cette image a un droit et les paramètres scientifiques. Cela signifie, et vous pouvez voir ces lignes bleues pointillées qui montre différentes contraintes définies. Donc si je bouge ce mortier, ça ne suit pas. Si je bouge ça, ça s'ensuit. Si nous faisons quelque chose avec la taille verticale, c'est au centre parce que nous avons une contrainte centrée verticale. Donc, si je fais comme ça, il est toujours au centre verticalement, mais il ne suit pas ces côtés horizontalement. Mais si je suis tiré ces coins, je vois que cette image me suit. D'accord ? Et nous avons une autre option. Il est écrit gauche et droite, haut et bas. Si vous cliquez ici, vous sélectionnez à gauche ou à droite. Si vous voulez définir la gauche et la droite, vous devez appuyer sur Commande ou Maj et cliquer sur cette icône et vous obtenez vos contraintes gauche et droite. Qu' est-ce que ça veut dire ? Cela signifie que si nous redimensionnons le cadre, l'objet 2 restera la même distance entre sa bordure et la bordure des cadres. Évidemment, cela signifie que l'objet lui-même sera redimensionné, critiqué si vous redimensionnez leur cadre. Donc, comme vous pouvez le voir, nous avons le même motif autour de cette image. Mais l'image elle-même est redimensionnée. Donc, ces contraintes sont définies et nous les utiliserons beaucoup avec la mise en page automatique. Lorsque nous créons des textes compliqués, bulles ou simplement placer des objets sur nos bannières. Nous allons examiner cette somme et maintenant c'est tout. Pour nos paramètres de contrainte. 20. 4.8 façons d'exporter des fichiers: Voyons comment télécharger le fichier que nous créons dans Figma. Figma nomme l'export et nous allons aller à notre page de bannières Google et l'utiliser comme exemple. Donc, lorsque vous voulez exporter quelque chose pour télécharger vos fichiers, vous devez le sélectionner et appuyer sur ce bouton Exporter. Si vous sélectionnez un objet, il sera exporté. Mange juste. Si vous vendez comme deux d'entre eux, il exportera deux couches. Alors, quelles options avons-nous ? Vous pouvez choisir un format, nous pouvons ajouter un suffixe. Par exemple, j'ai créé une version séparée de ces bannières, et c'est mon numéro de version 4. Donc, dans ce cas, je peux ajouter ce suffixe, par exemple, V4. Et quand j'exporte les fichiers, chacun d'eux aura un suffixe v4. Sauvons les. Donc, nous allons trouver et voir ces fichiers avec le suffixe V4. Et on peut changer une échelle. Ce que nous allons télécharger. Et nous pouvons utiliser ces tailles fixes, mais généralement j'utilise juste un x et c'est tout. C' est donc les principales options d'exportation dans Figma. Et les alternatives utilisent des plugins. Nous les couvrirons plus tard. Il y a deux plugins qui vous permettent de compresser vos images. Ce sont de minuscules compression d'images. Nous allons l'exécuter et il va compresser nos images à quelque chose de plus petit. Et il y a un compresseur d'ajout de plugin qui est conçu spécifiquement pour les bannières Google. Trouvons-le. C' est au compresseur. Et il montrera lequel de ces bannières de plus de 150 kilo-octets. Et il essaiera de les compresser pour s'adapter à ces limites. Ok, ça va charger un peu de temps. Et comme je l'ai dit, nous aurons une leçon séparée sur les plugins où nous pouvons voir comment l'utiliser. Et il y a aussi la possibilité de définir les parfaits de sortie ont quelques images qui sont supérieures à 150 kilo-octets et nous pouvons les compresser. Ceci est un compteur, et cela montre combien de majors nous pouvons compresser par mois gratuitement. Donc, j'ai juste compressé dans des fichiers. Et si j'appuie sur le bouton Compresser, ce compteur va monter. Ok, je veux l'utiliser. Il compresse les images qui sont plus grandes que 150 kilo-octets. Donc, comme vous le voyez, il ne touche pas ces formats. Il a touché seulement leur dit que de façon plus grande. Nous pouvons télécharger nos images. Il crée une archive et je peux la télécharger. Il est nommé Google Ads par défaut. Et voir dans cette courbe. Et nous voyons toutes nos images ici, et elles sont toutes inférieures à 150 kilo-octets. Donc, si vous ne dépassez pas la limite de 500 bonus par mois, vous pouvez l'utiliser gratuitement. Et il y a une chose que vous devez savoir. Il ne compresse pas tous les fichiers s'ils sont trop gros. Donc, si le fichier source est supérieur à, je ne sais pas, un mégaoctet, deux mégaoctets. Il ne le comprimera pas à ce niveau. Habituellement, je ne fais pas face à l'intérieur des bannières Google, mais il y a des systèmes publicitaires. Je suis sur les plateformes publicitaires où nous avons aussi des limites de taille de fichier. Et ils permettent d'applaudir, faire correspondre de grandes images que celles-ci. Pour ce plugin ne peut pas faire son travail pour les plus grandes images de cette façon, 1020 fois plus de 150 kilo-octets. Mais car nous allons équilibrer, cela fonctionne généralement très bien. Nous avons vu trois façons différentes d'exporter nos fichiers vers des plugins. Et en fait, il y a beaucoup plus de plug-ins de ce genre là-bas. Et il existe un moyen standard de télécharger nos majors directement à partir de fema. 21. 5.1 Autolayout dans Figma: C' est l'un des principaux outils que nous allons utiliser dans Figma, en construisant notre équilibre. C' est pourquoi le pigment est très bon pour le marketing, pour créer beaucoup de morts d'équilibre qui va nourrir différentes tailles, comme vous pouvez l'imaginer à partir de son nom, cette fonction automatise automatiquement la composition des éléments ou des objets. Cela définit la mise en page automatique, la mise en page automatique, en d'autres termes, jusqu'à ce que permet garde l'espace entre les différents objets à l'intérieur du cadre. Dans un cas, lorsque les objets eux-mêmes changent leur taille ou leur position, ou que le cadre change sa taille et sa position. Ceci est couramment utilisé lorsque vous avez beaucoup de tailles de bannières différentes et que vous voulez définir, par exemple, du texte en un seul endroit et être remplacé partout sans interruption. Les bannières, les deux éclatent dans les couches de textes. Et si tu veux que tout soit bien là. Et c'est le cas quand il vaut mieux voir. Alors passons à la page Figma mise en page automatique. Ici, c'est. Et nous avons des choses ici. Nous avons quelques composants. Nos composants de base que nous voulons utiliser pour ceux-ci, disons des bannières. Nous avons un enregistreur, nous avons une image, et nous allons faire face à des textes. Eh bien vit pour 900 dollars livre. Maintenant, RK. Par exemple, nous voulons créer une bannière d'une certaine taille. Celui-ci est 600 par 600. Alors, qu'est-ce qu'on fait ? Nous créons un cadre. On a dit que 600 à 600 seront blancs. Comme vous pouvez le voir, ce n'est pas exactement blanc à cause de ces rayures. Il s'agit d'une grille de mise en page que nous utilisons pour aligner nos exemples et marcher dans les zones. Et cela signifie que lorsque vous voyez un peu de gris foncé, tous les objets seront aussi plus foncés. C' est pourquoi ce cadre n'est pas complètement blanc. Mais si vous le déplacez, par exemple, ici dans les gencives blanches. Donc je pense que vous comprenez ça. Ok, alors comment faire pour qu'Amarna nous puissions. Sélectionnez nos objets, l'entreprise les paie et les déplacer ici. Je vais copier, coller le texte et le coller ici. Et si je veux que ce bouton regarde, mais je dois tout organiser par mes mains. Par exemple, en ligne ces et en langage ceux-ci. Ok, je peux le faire, mais si je veux redimensionner quelque chose ou un mince voudra longtemps après ça. D' accord ? Et l'autre façon de le faire est d'utiliser la mise en page automatique. D' accord ? Je vais copier la pâte de ce cadre ici, et j'ai juste besoin de cliquer sur cette icône pour ajouter la mise en page automatique. Mon contient a changé sa taille sont appelés un LEA à un espace que tous ces objets font mal. Et comme vous le voyez, ce cadre change sa taille en fonction de l'espace que prennent tous ces objets. Quoi, qu'est-ce que c'est, comment l'utiliser ? Par exemple, nous ne connaissons pas la taille exacte de la bannière que nous voulions créer. On est juste, je crée des trucs aléatoires. Alors regardons l'ensemble de la mise en page automatique. Nous pouvons aligner les objets à l'intérieur de la mise en page automatique différemment et nous pouvons définir différentes options de remplissage. Par exemple, J'utilise 1909, Comme vous le voyez, tous les côtés ont le même motif. Je veux Luke. C' est 100 et nous avons dit 90, disons 100 et aura probablement quelque chose de similaire à ça. Maintenant, peut aligner cela vers la gauche. Et comme je le vois, en fait, comme je le vois, ces objets ont un petit motif de haut en bas et un plus grand espace entre eux. Donc, je vais faire en haut et en bas rembourrage ces. Et il y a un paramètre ici qui contrôle l'espace entre les objets. Je vais le mettre à, disons quatre là-bas. Ouais, maintenant c'est presque le même, mais en fait j'ai ce doigt de photo et c'est pour ça que c'est un peu différent. Voyons ce que je peux faire. Nous avons avec la mise en page automatique, en fait, il y a deux icônes de ce cadre. Et pour la mise en page automatique verticale et horizontale, si nous définissons la mise en page automatique verticale, l'icône est comme ceci. Un rectangle sur le dessus d'un autre. Et si nous utilisons la mise en page automatique horizontale regardera plus tard comme ceci. Nous avons 22 carrés, deux rectangles, un près l'un de l'autre. Et ici, nous avons la mise en page automatique horizontale et son icône est comme ça. Ainsi, les objets sont distribués horizontalement. D' accord ? Et voici quelques exemples qui vous le montrent. Maintenant, disons que nous voulons agrandir cette image. Comme vous le voyez ici, une image devient juste plus grande et rien ne change. Ça va au-delà de la bannière. Mais si nous utilisons la mise en page automatique et alors nous décidons de redimensionner cette image. Comme vous voyez ces mouvements avec nous. D' accord ? Maintenant, disons que nous voulons faire réparer avec ces Varna. Faisons comme ça. Donc, je duplique et, et nous verrons d'autres options. Bon, maintenant il fait 631 pixels de large et je veux qu'il soit 600. Oui. Donc, dans ce cas, je dois regarder ces options du cadre, ces 100 contenus ou fixes, et ces alignements, j'utiliserai la largeur fixe. Et comme vous le voyez, ces options ont changé. Il était gris comme ça parce que la hauteur est toujours automatiquement, est toujours réglé automatiquement et c'est Meno. Alors maintenant, je peux le changer. Je l'ai mis à 600. Et maintenant, je vois que mes objets sont plus proches de la droite et je veux qu'ils soient au centre. Donc je vais le mettre en place. En fait, je ne peux pas changer de position à cause du pardon. Et si je l'ai dit ici, si je dis cette partie dans peut-être 80 intégrale, être plus proche du centre. Donc, quand j'ai redimensionné la taille ou la largeur de ce cadre, il a laissé moins d'espace pour le rembourrage. Et c'est pour ça que j'ai fait bouger tous ces objets, ils se sont rapprochés du côté droit. Dans ce cas, vous devez calculer quel rembourrage vous pouvez faire. Tout ce qu'il y a une autre option, vous pouvez le définir à 0, à 0. Et aussi longtemps que vous avez la largeur fixe du cadre. Maintenant, vous pouvez faire comme ça et tous les objets sont devenus centrés. Mais comme vous le voyez, c'est toujours différent de cette image où l'icône et tous les autres objets sont alignés vers la gauche. Alors je veux le refaire. Et en fait, je dois mettre un rembourrage pour les faire être au centre, probablement quelque chose comme ça. Mais si je change la taille, vous voyez que mon cadre ne va pas avec moi parce que j'ai défini une largeur fixe de ce cadre. D' accord. Faisons en sorte que la hauteur soit fixée. Parce que d'habitude, nous avons des tailles de bannières standard. Par exemple, nous voulons créer un carré, 1600 par 600. Ce cas, j'utilise ces paramètres fixes et je l'ai mis à 600 aussi. Donc, ça a marché, mais ça n'a pas l'air bien. Pour moi. Je veux faire de l'espace entre les objets, plus petit. Lines, fais-le. Je viens de mettre celui-là à 20. Ok, maintenant ça a l'air mieux. Je veux faire toutes ces opérations manuellement. Vous comprenez juste que ce n'est pas très pratique. J' ai centré tout manuellement ici. Et comme vous le comprenez, nous l'avons déjà fait. Si je veux centrer sur mes objets en utilisant la mise en page automatique, j'ai juste besoin d'appuyer dessus et de centrer tous les objets et y et ils au centre, C'est à cause de ces rembourrage. Si nous le mettons à 0, tout va bien. D' accord ? Voyons comment cela fonctionne avec le texte. Donc nous avions ces belles bannières et nous avons décidé d'y ajouter du texte. Et nous avons ajouté un quoi aujourd'hui. Comme vous le comprenez, si nous les faisons en utilisant notre mise en page automatique, tout ira bien. Je vais copier celui-ci quand nous avons fixé la largeur. Nous allons copier celui-ci où nous avons mis dans le contenu HARQ. Nous comprendrons donc mieux comment cela fonctionne. Ok, je dois ajouter le texte. Disons que je veux juste être sur une ligne. Comme vous comprenez tout échelle avec mon texte, ok, ici nous avons une largeur fixe, nous avons déjà vu cela. Et voici l'exemple horizontal de mise en page automatique pour faire une bannière horizontale également. Et dans ce cas, nous pouvons utiliser la mise en page horizontale. Copions coller ce cadre ici et installer à la place de cette mise en page automatique verticale, nous allons appliquer horizontal. Et ici, nous voyons ou va avec notre bannière. Ce texte a l'option de largeur extérieure, donc nous pouvons utiliser Entrée pour créer nouvelles lignes et que notre environnement devient plus beau. Et comme nous le voyons, cette image doit être égale. Eh bien, je le rends plus petit. Et dans ce cas, nous allons centrer sur les objets verticalement dans la mise en page automatique. Comparé à celui-ci, nous devons probablement le pardonner pour quelque chose comme ça. Et comme vous le comprenez, je peux manipuler avec toutes ces choses. Je peux faire une hauteur fixe, une largeur fixe. Vous pouvez donc jouer avec ces paramètres. Tout va avec. Oui, ça marche. Donc, en général, comment utilisons-nous ces mises en page automatique ? Vous comprenez que toutes ces images sont redimensionnées. Après avoir fait quelque chose avec vos objets, vous redimensionnez votre image, ajoutez du texte, et ainsi de suite. Et comment l'utiliser pendant que nous avons des tailles de bannières fixes. En fait, nous utilisons ces paramètres, pas pour la bannière elle-même, car bien sûr nous avons notre taille fixe pour nos brûleurs. Mais quand on crée une banane, il y a du texte là-bas, comme ici. Et nous le voulons, nous voudrons peut-être le changer. Et dans ce cas, si nous utilisons la mise en page automatique à l'intérieur de ce texte et que nous utilisons une couleur de fond, certains remplissent. Nous allons mettre à l'échelle tous les textes beaux et nous le verrons un peu plus tard. 22. 5.2 Autolayouts Nested de Autolayouts de Autolayouts de 5.2: Et maintenant regardons les mises en page externes imbriquées. Nous l'avons utilisé pour une image, mais en fait, nous pouvons combiner et utiliser des mises en page automatiques entre ou entre différentes images. Nous pouvons donc créer des structures plus compliquées. Par exemple, nous voulons créer un paquet comme celui-ci, où nous avons ces, disons le logo. Nous avons une photo et nous avons le texte. Nous avons donc la disposition extérieure, à l'intérieur de la mise en page automatique. Donc c'est la mise en page automatique du texte et de cette icône, puis ce cadre, en fait c'est la mise en page automatique. On peut apporter ce Luke plus long, comme ça. Il vaut mieux le voir maintenant. Et tous ces trois objets, l'enregistreur, cette image et ces textes, ils que j'ai utilisés comme parties d'un grand cadre et il a sa propre mise en page automatique. Ok, faisons-le par nos mains. Nous avons notre icône, nous avons le texte. Copions les coller, va supprimer ce signe plus et nous allons faire un logo à partir de ces objets. Et quand j'ai appuyé, appuyez sur Common Z, comme vous le voyez, j'ai sélectionné deux objets et ils ne sont pas dans le même cadre. Mais c'est toujours possible. Cliquez sur ce bouton. Et le nouveau cadre est apparu qui contient deux de ces objets. Et je peux créer, je peux définir quelques options. Par exemple, je veux être comme ça. Et c'est bon pour moi et je veux qu'il soit orange ou peut-être jaune. Je veux sélectionner la couleur de cette colonne. D' accord ? Donc, ici, nous avons ce logo. Et puis nous avons, par exemple, allons copier ce cadre et remplacer un plus long sur. Et juste emménager ici. Et il va à l'intérieur du binaire. Et maintenant l'option, une autre chose que vous devez savoir sur la mise en page automatique. Vous pouvez déplacer les thèmes, les objets à l'intérieur du cadre. Et ils le seront, ils changeront de position. Par exemple, je sélectionne ce texte et j'appuie sur la flèche vers le haut. Vous voyez qu'ils ont changé de position en raison de la mise en page externe implémentée sur ce cadre. Ça marche comme ça. Et si j'enlève le journal, tout devient comme nous le voulions. Et en fait, nous avions plus de textos ici. Je vais juste copier ce texte et le coller. Au lieu de celui-là. Je sélectionne simplement le cadre et colle le texte pour voir ce qui se passe, ce qui se passe. Et je supprime celui-ci. Et maintenant, il ressemble plus à ce brûleur. Ainsi, vous pouvez utiliser la mise en page automatique imbriquée, mise en page externe à l'intérieur, la mise en page externe à l'intérieur Ok, on crée de la violence d'une autre couleur. Alors créons quelque chose de similaire à tous ces paquets que nous avons ici. Je vais copier coller celui-ci et je vais faire son sentiment être inline ces. Ok, j'ajouterai une bordure. C' est un AVC. Et quand vous créez des bonus, important de comprendre que le coup peut être un peu aller au-delà de la bannière. Et dans ce cas, assurez-vous que vous utilisez l'option à l'intérieur. Dans ce cas, si vous avez dit une bordure, cela ne changera pas la taille de votre bannière entière lorsque vous exportez. C' était trop. C' était probablement trois ou quatre heures. D' accord. Je pense que nous avons beaucoup d'être gabapentine ici pour que nous puissions mettre en place, semble plus similaire. Maintenant, définissons un autre espace entre les objets. Maintenant, nous voulons que notre login ressemble à ceci. Donc, comme vous le voyez, le texte est plus centré ici. Comment le faire ? Par exemple, nous pouvons. Définir l'espacement entre l'icône et le texte le rendra plus petit à 30 ans. Et nous pouvons et écrire payé en 13 comme ça. Et comme je le vois, ça, Varna est centré, donc on le met presque comme ça. En fait, il y a une différence dans les tailles. C' est parce que l'image est d'une taille différente. Je peux le mettre ici. Et ces deux, ces bannières sont presque les mêmes différences de couleurs. Et ajoutons quelque chose à notre texte de logo. Par exemple. Tapez aujourd'hui. Et comme vous le voyez, tout va avec. Et maintenant, nous voulons que ces aujourd'hui soient sous le texte, sous l'enregistreur. Alors, comment faire cela ? Nous prendrons le texte de l'enregistreur à ce sujet pour 900. D' accord ? Et nous allons prendre aujourd'hui le texte est juste plus petite police. D' accord ? Et nous voulons les combiner, donc je vais m' aligner aujourd'hui sur la droite. Ensuite, je sélectionne ces deux couches et je clique sur la mise en page externe. Donc vous voyez aujourd'hui va à gauche. C' est standard, mais je veux qu'il soit sur la droite. Par exemple, je l'ai défini comme ça. Ok, et maintenant je veux en créer un logo. Et à partir de là, je peux avoir cette icône. Je sélectionne ces deux objets et cliquez sur Mise en page automatique. Encore une fois. Après cela, nous avons un nouveau cadre et nous pouvons le remplir. Utilisons les mêmes couleurs que dans un exemple. Et comme on le voit, ce n'est toujours pas si beau. Et le débutant, nous changeons le. Position de notre plus arcanique va ici. Et probablement nous voulons de l'espace à tour de rôle via NADH. Donc, étant mis à 30 ou envoyez-les à vous. Et comme vous le voyez, cette icône est trop petite pour remplir toute la hauteur, et nous allons juste l'échelle. Par exemple, au début, nous voulons l'aligner verticalement. Mais pour comprendre que ce logo est trop petit pour nous afin que nous puissions juste l'ajuster et en faire un quand nous faisons à Winger l'ensemble des logos comme celui-ci. Et je pense que nous pouvons utiliser moins d'espace entre les développeurs et aujourd'hui afin que nous puissions le définir. C' est même pour ça, ok ? Maintenant, c'est mieux. Et maintenant ajoutons ces enregistreurs à notre Varna, copier-coller. Barna. Et je vais remplacer et plus pointé ici, ceux-ci. Et nous y voilà. Maintenant, nous pouvons facilement changer du texte. Par exemple, nous voulons remplacer ceci aujourd'hui un texte offert limité. Et ça marche bien. Nous n'avons pas à faire beaucoup de choses seulement après ça. Et rendons ça plus long. Pas plus intéressant. Pour ce faire, faisons un coin de ce cadre autour, fera coin en haut à droite. Donc il sera là, disons 40. Ok, donc nous avons notre plus long temps ici. Et pour vous faire comprendre comment nous allons marcher avec toutes ces mises en page extérieures. Voici quelques exemples de Google Barnes. Et comme vous le voyez comme un ensemble, mise en page automatique n'est pas utilisée pour toute la banane elle-même comme ceci, mais elle a utilisé, par exemple, pour ce texte Bible. Et si je change du texte ici, il suit juste de nouvelles tailles. Et comme vous le comprenez, je peux changer ce texte et tout le groupe est toujours beau. Donc, en général, la mise en page automatique vous permet de rendre votre cadre réglable et de vous déplacer avec vos objets à l'intérieur de ce cadre. Et c'est très pratique pour créer de tels textes bulles comme ça. C' est très pratique pour créer des boutons qui suivent le texte et ainsi de suite. Nous avons donc couvert l'utilisation de base de cette mise en page automatique et ensuite nous les utiliserons encore et encore pour créer notre bel équilibre. J'espère que ça vous plaira. 23. Introduction aux composants de 6.1: Les composants sont très importants dans Figma. Et en fait, c'est l'une des principales raisons pour lesquelles nous marchons à Figma et pourquoi nous le choisissons fins de marketing parce que les composants nous permettent de créer beaucoup et des hommes dans la violence et de les reproduire, faire des changements rapidement, pour apporter des modifications dans de nombreux formats ou bannières. Nous allons voir comment créer plus de 24 mois de bannières dans Google en quelques minutes, comment créer différentes bannières pour Facebook ? Comment les multiplier et créer un déséquilibre principal pour les tests AB. Disons que vous avez créé beaucoup d'obligations. Par exemple, 20 ou 30 ou 60 d'entre eux. Et puis vos alliés à l'avez-vous applaudi autour du logo que vous devriez télécharger un autre ? Dans ce cas, vous devez passer beaucoup de temps si vous utilisez Photoshop ou quelque chose comme ça. Mais vous le ferez en quelques secondes si vous utilisez Figma et que vous avez juste besoin de télécharger votre logo dans un seul composant. Et cela s'appliquera à tous vos fichiers si vous le souhaitez, si vous les construisez correctement. Et maintenant, nous allons voir comment les composants fonctionnent, et ensuite nous allons voir comment les utiliser pour faire tous ces modèles, pour faire tous ces fichiers qui vous feront gagner tant de temps. Allons voir comment le faire. 24. 6.2 Unique Composant: Tout d'abord, ce qui est un composant compétent dans Figma est un cadre qui a des propriétés, couleur, la taille, certains paramètres. Et si vous faites un corpus de ce cadre, les portes Doppler ont la même couleur, taille et les autres. Il est évident que la différence entre le composant avec ses doublons et juste un cadre irrégulier objets avec ce flic est, est que si vous changez une propriété de l'entreprise et par exemple, sa couleur, sa sensation, son , ses copies appliqueront également toutes ces modifications. Et comment l'utilisons-nous ? Par exemple, vous avez fait une faute de frappe et souhaitez modifier le texte de toutes vos bannières. Et par exemple, vous créez des bannières Google, il y a 36 pages. Et si vous n'utilisez pas de composants, vous devez corriger ce type à chaque bannière, donc 36 fois. Et puis vous voulez changer quelque peu pour utiliser un synonyme juste pour changer le texte de sorte que vous devez le faire à nouveau. Et si vous utilisez des composants, vous pouvez le définir une fois, puis le réutiliser plusieurs fois dans toutes vos bannières. Et après cela, si vous apportez une modification dans un composant, il sera appliqué à toutes les copies. Par exemple, vous voulez créer un nouvel ensemble d'équilibre. Par exemple, nous voulons faire des tests AB, et vous voulez tester AB, disons le texte de votre balance. Ainsi, vous créez un nouveau fichier, par exemple. Et vous changez juste les textes et tout le reste est réglé. Ou vous voulez changer d'arrière-plan ou d'image, ou bien équilibrez-vous le texte de votre bouton ? Vous copiez, vous le changez une fois et toutes vos bannières actif. Donc, en fait, vous créez un ensemble de bananes pour le test AB et peut-être en cinq secondes parfois. Vous avez donc juste à changer le texte ou tout ce que vous voulez changer et télécharger toutes vos bannières. C' est ça. Et maintenant, nous allons aller voir comment cela fonctionne dans la pratique de composants plus simples à plus complexes. Allons à la page qui est nommée Composants Figma ici. Et ici, nous avons quelques composants ou K. Qu'avons-nous ? En fait, nous avons deux ellipses. Et nous allons le cœur PM. D' accord ? Et faisons un composant à partir de l'un des huit. Ok, il y a des textes expliquant comment ça marche. Je vais créer un composant ici. Et pour ce faire, vous pouvez cliquer sur cette icône Créer un composant. Vous pouvez cliquer avec le bouton droit de la souris sur l'objet et trouver où il est Create component, ou utiliser un raccourci. Donc, ce qui a changé, c'est que vous voyez que c'est une ellipse, il a ces icônes. Et quand j'ai créé un composant et les lèvres sont allées à l'intérieur du cadre, donc le composant est toujours un cadre. Et ce cadre a cette icône spécifique et la couleur pourpre. Tout son corpus a aussi une couleur pourpre. Donc maintenant, si nous faisons des doublons, je copie coller ceci et cette cour a cette icône. Tous les doublons auront la même icône. Donc, évidemment, si je dois juste deux ellipses ici, deux cercles, si je change de colonne, celle-ci, ça n'affectera rien. Mais si je change une couleur sur ceux-ci, tout son corpus appliquera cette couleur aussi. Ok, donc on peut changer des choses différentes. Par exemple, nous pouvons laisser celui-ci tel quel. Ok, faisons un autre composant ici. Donc, nous avons une copie. Maintenant, nous avons cette copie et nous allons la coller deux fois plus. Je les sélectionne. Parfois, lorsque vous avez beaucoup de composants, cela devient un peu plus lent mais fonctionne toujours. Ok, laissons ça, le premier, comme il est et changeons quelque chose là-dedans. Je vais le rendre plus grand. Je vais les rendre orange. Je vais faire celle-là même. Il dirige le parent. Et je dessinerai une ombre de celui-ci. Rendons-le plus visible. Ok, quelque chose comme ça. Et maintenant, je vais changer le composant initial et voir comment cela change. J' ai postulé. Ici. Tout d'abord, je vais changer la couleur de mes lèvres. Et tout son corpus. Changez les couleurs sauf celle-ci, la couleur orange. Parce que si je change une propriété sur la copie du composant de l'entreprise, je dis à Figma, Hey, je veux que ce soit une copie d'une entreprise, mais je veux changer quelque chose. Et si je change cette chose dans le composant initial de la société d'origine, qu'elle ne sera pas appliquée ici, mais pas tous. Par exemple, si je change la taille, vous voyez que le grand change aussi. Mais il est encore plus grand que toutes les autres copies. Si je le rends presque transparent, il s'applique à tous sauf le jeu de fin orange. Par exemple, j'appliquerai quelques effets ici. Disons que ce sera de l'ombre. Encore une fois. Je vais le rendre rouge. 2020. Comme vous le voyez, il a été appliqué à tout le corps sauf celui-ci parce qu'il a déjà sa propre ombre. Donc, comme vous le comprenez, il y a beaucoup d'espace pour créer des choses différentes avec tous ces composants. Et vous pouvez même changer certaines propriétés, ses couleurs et sa forme ou quoi que ce soit. Faisons un composant de texte. Je vais juste copier coller ce texte et je vais le faire composant. Ensuite, je fais quelques doublons. Maintenant, je vais le faire ici et faire la même chose que je t'ai montrée avant. Je vais arranger ces copies et maintenant utiliser verticalement dans l'espacement. D' accord. J'ai dit que c'était 250. Comme vous le voyez, il s'agit aussi d'un cadre. Donc, si je veux changer la couleur du texte, je dois aller à l'intérieur du cadre et sélectionner son calque de texte. Dans ce cas, je peux changer la couleur à ce que je veux. Mais si je change l'option de remplissage du cadre lui-même. Évidemment, le cadre devient blanc. Ok, je vais le rendre invisible. Et maintenant, je peux changer certaines choses ici. Par exemple, je vais changer cette taille de police. Je vais changer la police elle-même. Et mettons-le à autre chose. D' accord ? Je n'aime pas ça. Et c'est un préjugé similaire, disons dans le ton B. Et celui-ci pompe même Times New Roman. Donc, ça aura l'air différent. Ok, je vais changer la couleur et ainsi suite et comprendre si un changement ou toutes ces propriétés ici, certaines d'entre elles seront changées et leur corpus. Et encore une fois, je vous rappelle que vous pouvez utiliser cette option de couleur de sélection pour changer la couleur, ne pas entrer dans le cadre. Donc, je sélectionne qu'il s'appelle cadre. Et je comprends que le col appartient au texte et je peux le changer, pas aller plus loin. D' accord. Pour que je puisse changer notre loi. Je peux mettre à l'échelle le cadre est que vous comprenez tout est bon et a commencé à accepter ces cadres que j'ai changé toute la radio, où j'ai changé la taille du rayon. Donc, le texte fonctionne presque la même chose que tout le reste, sauf que nous avons fait pour utiliser l'option de remplissage ici. Donc les textes fonctionnent comme tout le reste. Et il y a une autre option que nous devrions connaître lorsque nous parlons de composants de textes. Lorsque vous créez le texte, le composant de texte, vous devez examiner quelles options. Réglez ici par largeur, hauteur extérieure, ou autre. Parce que lorsque vous modifiez le texte, si, par exemple, nous allons créer une copie. Et nous allons écrire un autre texte. Comme vous le voyez. En raison de la hauteur fixe, tout se passe comme ça. Si je l'utilise, voici mes données. Et il y a une chose de plus importante lorsque vous marchez avec les composants de texte. C' est une bonne pratique d'utiliser la mise en page automatique. Parce que lorsque vous changez du texte, je vais créer un nouveau composant. Et j'utiliserai la mise en page automatique ici. Par exemple, je veux créer un peu plus longtemps et utiliser la mise en page automatique là. Ok, et combinons ceux-ci en plus en utilisant la mise en page automatique. Et combinons ceux-ci en plus en utilisant la mise en page automatique. Et maintenant que se passe-t-il et que se passe-t-il si je veux changer ce texte ? Et vous le voyez ? Et que se passe-t-il si je veux changer ce texte ? D' accord ? Donc, je pense que vous voyez la différence parce que ces composants utilisent la mise en page automatique. Ainsi, le composant lui-même change sa taille après le texte. Et ici, dans ce cas, le changement du texte est en train de changer. Comme vous le voyez, le texte a ceux-ci étant avec Van, le composant a la même largeur qu'avant, car il n'a pas de mise en page automatique, ne suit pas le texte. C' est pourquoi la mise en page automatique est si importante dans Figma. Appliquons-le ici. Et comme nous le voyons, tout devient beaucoup mieux. Donc, ce sont la chose la plus fondamentale est sur les composants. Et nous allons passer à autre chose et voir comment les utiliser de manière plus compliquée. 25. 6.3 Composants et autolayout: Regardons la mise en page automatique et les composants. Encore une fois, parce que c'est un sujet très important. Ok, alors faisons un compétent pour utiliser une mise en page automatique. Nous avons quelques exemples de texte est un composant. D' accord. Je vais en faire un nouveau composant. Je vais apprendre à faire tous les tissus, comment le faire un peu plus tard. Maintenant, je fais son duplicata. Je vais copier ce texte est juste un texte. Et j'ai une image. D'accord ? C' est ça. Nous avons trois objets et nous voulons les combiner. Je vais copier, les coller et coller ici. Maintenant, je vais encadrer cette sélection. Ceci est un nouveau cadre maintenant et ajoutez la mise en page automatique à celui-ci. Et rendons cela compétent pour le faire ressembler plus aux mineurs. D' accord. D' accord. Nous allons encadrer cette sélection aussi. Matt, sans utiliser la mise en page automatique, je voulais juste faire une couleur de fond ici, comme ça, ok ? Et maintenant je veux changer ce texte, un échantillon de texte, et je veux Marx. Et c'est tout. Comme vous le voyez, même si j'utilise cette option. Mais je veux une autre ligne du texte. Maintenant, comme vous le comprenez, tant que nous n'utilisons pas la mise en page automatique ici sur ce cadre ou un mince est un gâchis en ce moment. Et nous voilà, tout fonctionne bien. Et comme je l'ai dit, nous allons utiliser des journaux de recherche, tels composants dans d'autres Varnas. Alors ajoutons, par exemple, trouver. Faisons le film et semi-transparent et les coins des bordures. 250. Et nous pourrions coller de tels objets dans nos apprenants. Ça va faire un gâchis en ce moment, mais ça pourrait ressembler à ça. Par exemple. Si je change le texte. Imaginez que vous ayez beaucoup de violence comme celle-ci. Rendons ça un peu plus lumineux. Regarde celui-là. Celle-là. Et rendre cela plus ou moins transparent. Et j'espère, je vais le mettre ici. Et je veux juste remplacer cette image un peu mieux. Alors je l'appelle celle-là. En fait, ce n'est pas plus de vies, bien sûr, mais dans quelque chose que nous avons ici dans ces dossiers. Donc, je vais placer une image ici. D' accord ? D'accord. Et nous allons utiliser des contraintes. Je vais sur ce centre verticalement et voir ce qui se passe si je vais changer la taille de l'image. Comme vous le voyez, il est toujours vertical par ici. C' est ainsi que nous utilisons les contraintes et c'est pourquoi nous utilisons les contraintes. Ainsi, comme vous le voyez, lorsque nous combinons des composants avec des mises en page automatiques, nous pouvons créer de tels bumbles que nous utilisons à l'intérieur de nos brûleurs. Et tout fonctionne, d'accord, si on change de texte, ça s'ajuste. Et c'est ainsi que nous créons beaucoup de bannières dans Figma en quelques minutes. 26. 6.4 Composants Nested: Regardons maintenant les composants imbriqués. Comment utiliser les commentaires à l'intérieur des composants ? Alors, allons-y. Ici, nous avons ces composants imbriqués et que voyons-nous ici ? Nous avons une icône et nous voulons faire deux versions d'enregistreurs avec cette icône et ensuite utiliser ces logos quelque part sur un déséquilibre différent. Dans ce cas, si nous changeons l'icône, elle sera changée dans les enregistreurs et elle sera changée à tous les endroits où sont basés les doublons de ces logos. Donc, je vais copier, coller ces icônes. Ensuite, je vais en faire un composant et créer un duplicata d'un composant. Maintenant, je vais créer un autre duplicata et je veux faire ces logos. Disons que c'est le journal comme plus de vies pour toujours. D' accord ? J' en ai besoin pour AIM. Je vais le sentir et je vais coller du texte à l'intérieur. On va dire que les vies sont terminées, ok, c'est à l'intérieur du cadre 6 à 7. Et je vais appliquer la mise en page automatique à elle. D' accord ? Maintenant, je veux ajouter un peu de rembourrage, disons d'être orange. Peut-être 20, voire moins. Je veux que ce soit de la même taille. Ok, on dirait que c'est pareil. Et j'ajouterai un cyclomoteur sur les côtés. Disons que je vais le mettre à 14. D'accord ? Et je veux faire un coin. Je clique sur cette icône et cette seconde sera là o. ok ? Non. Je veux envoyer la couleur de mon logo. Pour le faire. Je clique ici et vous utilisez un noyau jusqu'à bécher. Et génial. Donc, je vais juste créer un composant à partir de ces logos entiers. Faisons le composant. Et maintenant, je veux créer un autre n'était pas plus carré ou vertical. Je vais utiliser ces icônes. Ensuite, moi et certains sont inconnus cadre. Et utilisez notre recharge totale. Changement définit une partie du problème de bursite latéralement tout transparent. Et maintenant, je vais juste copier coller ce texte. Et cela ressemble à un cadre car il a la mise en page automatique. Ok, je vais copier coller ce texte ici et je vais changer la mise en page vers la verticale. Ensuite, R utilisera l'alignement du centre. Maintenant, je veux ajouter plus d'espace entre ces deux objets et je vais probablement et moins d'espace dans le repas principal ici, c'est un 230. Et faisons en sorte que ces coins autour du Maine soient en train de les poser. Ok, donc ressemble le même. Et maintenant, je fais ces composants plus longs et gagner. Si je veux, je peux en faire un carré. Par exemple, j'ai besoin d'un rectangle et j'ai besoin d'un carré. Dans ce cas, nous utiliserons une hauteur et une largeur fixes. Ça le sera, d'accord. 422. Ok, et rendons ce texte plus petit. Et dans ce cas, nous pouvons faire l'espace entre ces objets et plus grand. Regarde, droit de savoir. Oh, ok, eh bien maintenant on a deux composants de bûcherons et on peut les coller n'importe où et le bonus. Et au cas où nous voulons changer cet article. D'accord ? Et nous allons coller dans le corpus de ces plus longs doublons. Ok, et maintenant je veux changer la couleur de notre paume en orange. Donc, comme vous le comprenez dans grossier partout. Donc, le thème principal de ces leçons est que nous pouvons utiliser des composants imbriqués. Nous pouvons donc utiliser des composants et des sous-composants au sein des entreprises. C' est très pratique si vous voulez faire des thèmes compliqués. Si vous voulez utiliser quelques petits objets à l'intérieur de certains objets plus grands, sorte que le voir avec nos composants imbriqués. Passons à une autre leçon. 27. 6.5 Détachement, restaurer et trouver des composants: Maintenant, nous avons une très courte leçon. Parfois, vous devez rompre connexion entre les copies de votre entreprise et le composant initial. Par exemple, Newgrange dans une entreprise, puis vous l'utilisez quelques fois et quelque part, vous voulez juste que ces objets soient placés ou ce que vous voulez. Et vous ne voulez pas qu'il soit lié à la société initiale que vous voulez juste le réparer et de regarder exactement comme il est en ce moment. Donc, vous devez rompre la connexion entre eux. Vous pouvez le faire avec un commentaire. Il s'appelle instance de détachement. Donc, nous avons un composant et nous avons mange copie. Assurez-vous que oui, c'est une copie de ce composant. Et si je le change, bien sûr, ça changera ici. Et je veux que cette copie soit déconnectée de ces composants. Donc, j'ai juste un clic droit dessus et cliquez sur détacher l'instance. Comme vous le voyez, Ce n'est plus une copie d'un composant. Donc je peux faire que je veux avec ceux-ci et ma copie n'est plus affectée. Vous pouvez donc les utiliser si vous voulez apporter des modifications ou si vous voulez créer un nouveau composant, par exemple, vous avez celui-ci et vous voulez créer un autre composant basé sur ceux-ci, mais devez d'abord le détacher. Je détache ça. Par exemple, je le fais et je veux le rendre plus rectangle. Ok, comme ça, et je veux des coins ronds. Et maintenant et je clique sur créer des composants. J' ai donc deux composants séparés. Et je pouvais le faire seulement après avoir détaché ces copies de son composant initial. Et maintenant, voyons ce qui se passe si j'ai une copie d'un composant, mais j'ai supprimé le composant initial. Alors faisons un nouveau composant. Par ici. Faites-en une entreprise, puis je fais un duplicata. Ok, et maintenant je supprime celui-ci. Maintenant, je veux que le composant initial soit restauré. En fait, il y a une option pour cela. Si je vends à cette société et il y a un composant de restauration de bouton, comme vous le voyez, il y a créer un tapis. Et je ne vois pas ce bouton et ces copies parce que ce composant n'est pas supprimé. Mais cette société et ne l'a pas est ce duplicate, n'a pas ses composants. C' est pour ça que je peux le restaurer. En fait, il a été restauré. Et d'autres minces, par exemple, j'ai ce PIM de base et faisons un de plus. Et je le colle quelque part. Et j'ai un grand projet et je ne me souviens pas vraiment où est mon composant initial ? Dans ce cas, je peux trouver le composant initial en cliquant sur cette icône. C' est une icône sur les composants. Donc, je vais cliquer et aller aux composants principaux sont, je suis ici. C' est assez utile. Quand faites-vous face à des composants plus importants d'une page à l'autre ? Cela fonctionne toujours. Mais après cela, vous cherchez le premier compétent, vous pouvez le trouver. suffit de cliquer dessus et d'aller à leur composant principal. Et par exemple, si je supprime un composant principal ici, alors ils vont à une autre page. Et je veux restaurer le composant. Il a été restauré et je me concentre ici où se trouve le composant initial. Donc c'est assez utile. 28. Bibliothèque de 6.6 Composants: Un, mon indice sur les composants. Lorsque vous utilisez beaucoup d'entre eux, il est difficile de trouver où vous placez un composant ou un autre. Donc, pour ces cas, préférable d'utiliser une bibliothèque de composants ou un Panneau de configuration ou quoi que vous l'appelez, c' est une façon que vous créez tous vos composants et si vous avez besoin de nouveaux composants, vous les mettez complètement ensemble. Et dans ce cas, si vous avez besoin de changer quelque chose, vous savez toujours où aller. Vous savez toujours que toutes vos entreprises initiales, j'ajoute l'endroit. Et si vous utilisez des composants imbriqués, il est recommandé de stocker tous vos composants ensemble. Par exemple, vous avez vos petits composants organisés complètement et vous avez quelques grands accompagnateurs qui utilisent ces petits. Et vous utilisez ces plus gros composants quelque part à l'endroit aussi. Donc, même si vous changez un petit sont des ions plus grands, vous aurez tout ensemble et dans ce cas, vous ne souffrirez pas à la recherche de composants de façon que vous devez changer quelque chose et vous savez exactement où ils sont. Alors regardons quelques exemples. Nous irons aux leçons que nous n'avons pas encore loi. Mais jetons un coup d'oeil à ça. Par exemple, il s'agit d'un panneau pour les brûleurs Google et il s'agit d'un panneau de contrôle où nous avons nos composants. Et comme vous voyez toutes ces choses, sont des composants qui utilisent ceux-ci. Donc, comme je l'ai déjà dit, ces petits composants et ce sont de grandes entreprises qui les utilisent. Par exemple. Je vais changer quelque chose ici. Et tous les changements vus ici. Et il avait tout le bonus. Et c'est un bon moyen d'organiser vos fichiers, vos composants, et à vos objets face, vous l'utiliserez également. 29. Correction de mogs de 6.7 Composants: Il y a un bug dans Figma qui apparaît lorsque vous utilisez beaucoup de composants avec la mise en page automatique d'un. Je vais aller à un autre fichier, bannières intelligentes pour les annonces Google, et nous appellerons ce fichier plus tard. Mais maintenant, je veux juste te montrer ce bug. Regarde ces bannières. Il y a des bulles de textes sur eux, et comme vous le voyez, ils n'ont pas l'air bien. Et si je vais voir ces manières, elles le sont, d'accord, mais en fait, ces bannières à droite sont des doubles de ces bannières à gauche. Donc c'est un bug. Et comme vous le voyez ici, je l'ai déjà réparé, donc ça semble correct et il y a une solution très simple de ce bug. Si pour une raison quelconque Figma casse vos composants avec mise en page automatique et c'est inversement qu'il y a une erreur ici. Quelque chose est cassé. Vous devez changer ces mises en page externes pour changer quelque chose là pour les redimensionner. Donc Figma va tout recalculer et ensuite nous arriverons à une condition normale. façon la plus simple de le faire est de changer un composant qui est placé à l'intérieur de ces bulles afin que tout soit changé. Donc, je vais aux paramètres où nous avons les textes qui vont à ces bulles et je vais ajouter un espace, puis le supprimer. Figma recalcule toutes ces bulles de réservoirs. Et si nous allons les regarder, ils devraient être d'accord maintenant après ces changements, donc je retourne aux bannières et je vois que les bulles de texte vont bien maintenant. Donc, j'ai deux versions avec normal. Merci Bumbles. Et celui-ci est toujours cassé. Donc, je retourne aux paramètres et je change un texte pour ces variantes. Et, et enlever de l'espace une fois de plus et revenir en arrière et voir ce qui s'est passé. Donc, tout va bien maintenant, donc si vous avez un tel bug quand vous avez beaucoup de composants avec mise en page automatique, leur visuel ininterrompu. Dans ce cas, utilisez cette astuce pour corriger ce bug et profiter de vos fichiers. 30. Introduction aux bannières Banners Banners Bet Intro: Dans cette section, nous allons apprendre à créer des bananes réelles, allons apprendre à utiliser des boutons, comment créer par motifs, comment ajouter des gens de texte, comment ajouter des objets, des éléments en paquets, comment les combiner, et comment utiliser des composants, mises en page externes, tout dans votre bonus. Alors allons-y et voyons comment faire votre travail plus rapidement. 31. Bouton 7.2: Boutons. Nous commencerons à apprendre du premier élément. Il est enlisé sur ce est votre appel à l'élément d'action à votre illimité est l'élément où les gens cliquent habituellement même il est une seule image. Nous allons regarder comment créer des bannières de deux façons, textes sans forme et un cadre plus du texte déjà couvert dans ceux-ci. Mais refaisons-le une fois de plus. Ce qui est à propos de Anna bâton est généralement un rectangle avec un texte dedans. Ainsi, nous pouvons créer un rectangle à partir d'une forme ou d'un cadre. Créons le premier à partir de la forme. Je vais juste copier coller ce rectangle. Et copiez coller ces boutons de texte dira s'inscrire aujourd'hui. D' accord. Maintenant, je vais le faire seul en étant lui. D'accord ? Quelque chose comme ça. Pour en faire un seul élément, nous allons créer un groupe à partir de celui-ci. Et faisons les coins autour pour le rendre plus beau. Et maintenant ça ressemble à un bouton. D' accord ? Maintenant, la deuxième façon consiste à utiliser des cadres de texte. Ok, allons copier coller le texte. Et maintenant je vais encadrer cette sélection. Je crée donc un cadre autour de ces textes. D' accord ? Maintenant, je vais ajouter la mise en page automatique, car comme je l'ai dit, il est toujours préférable d'avoir une mise en page automatique autour du texte, surtout lorsque vous créez des boutons. Nous allons donc ajouter un peu de remplissage, rendre jaune, et nous l'ajouterons. Ok, on va changer avec le problème. Je suis en retard pour apprendre. Si 2050 ou quelque chose comme ça. Et faisons des virages autour de nous à nouveau. Probablement 20. Ouais, ça a l'air presque pareil. D' accord. Maintenant, ajoutons un trait. Je fais toutes les étapes avec ce seul élément. Mais tu auras tout ça. À titre d'exemple. J' ajouterai un coup et je le mettrai à, disons cinq, peut-être. Ok, c'est une montagne. Et si je veux, je peux en faire un composant. Donc, je vais réutiliser ce bouton plusieurs fois. Ok, nous y voilà. Ferme-la. Je n'aime pas ça, sont en couleur grise du texte. Ce n'est pas très conscient, donc je vais le rendre plus sombre. Ou si vous voulez, vous pouvez en faire un peu de couleur. Par exemple, comme ceux-ci. Cela dépend de votre style, style du projet. Lorsque vous créez vos montagnes, par exemple, il ne s'agit pas de les appliquer. Donc maintenant, nous avons un bouton que Quicken. Nous pouvons réutiliser plusieurs fois. Et comme vous vous souvenez de la différence entre ces boutons et ces boutons qu'un mutilé en utilisant la forme ? D'accord. Rendons-le plus semblable à la nôtre. D' accord. Tu as vu ce qui s'est passé ? J' ai un groupe, pas un cadre. C' est pourquoi, lorsque j'ai appliqué un trait, il a été appliqué non seulement à la forme, mais aussi au texte. C' est pourquoi je dois sélectionner mon rectangle et mon trait pour manger. Parce que je ne veux pas un coup sur ma police. Et je dois changer de colonne de mon texte. Je vais les utiliser. Carlos en sélectionne deux. D' accord. On dirait presque la même chose. Lactose trois ? Oui. Quelle est la différence ? Et faisons-le aussi composant. La différence est que si j'ai besoin de changer ce texte aujourd'hui pour désolé, je dois changer cela en largeur automatique, mais voyez-vous ce qui se passe ? Donc, je dois sélectionner Aller pour le rendre plus large. Et par exemple, alors j'ai décidé qu'il était mauvais d'avoir ce texte en deux lignes. Je dois dire comme ce rectangle ceux et gagner. Et je dois faire quelque chose comme ça. Ce n'est pas le cas. Et si j'ai de la biotine, le cadre, je peux faire tout ce que je veux et ça me suivra. C' est donc la différence de créer des boutons avec des formes et avec des cadres. Je suggère que vous utilisiez toujours des cadres pour cela. 32. 7.3 Remplissages / arrière-plan: Arrière sol. Et ceci est très important morceau de vos bannières parce que ces caches attention à Urbana, ces ensembles de leur jeu de couleurs de votre bannière. Et voyons comment le créer, l'utiliser dans plusieurs bannières. Ok, par exemple, nous aurons deux moins 600 par six cent six cent quarante par 408 ici. Et nous voulons leur donner du terrain. Pour comprendre de quelle taille du composant pour l'arrière-plan avons-nous besoin ? Nous devons regarder le plus gros bouton et qui aura en fait ici, ceux-ci sont même trop gros. Nous pourrions créer un fond de forme de composant plus petit parce que nos bannières le long de cette semaine. Mais je le crée généralement plus grand parce que je ne sais pas quelle taille cela utilisera à l'avenir ou si j'ai un ensemble prédéfini de bannières. Dans ce cas, je sais déjà que même ceux-ci n'est pas si grand. Si, par exemple, j'utilise Facebook moins où nous avons dimension de l'histoire moins comme 1000, A2 par 1000. Voie. Comme ça. Donc, évidemment, si j'ai une bannière comme celle-ci et que je veux utiliser un arrière-plan, je dois créer. Je suis la composante de terre arrière, au moins 100,920 parce que dans l'autre sens, ces terrains seront trop petits. Ok, Donc c'est comment choisir une taille pour le composant d'arrière-plan. Et maintenant, allons au début et créons notre bonus. C' est six cent six cents. Remplissons avec quelque chose et un autre alignera ceux-ci. D' accord ? Et maintenant, nous voulons ajouter un peu de fond à manger en utilisant un composant. D' accord ? Je vais créer un composant avec lui être deviné. Ce sera 640. Donc ce sera 600. préjugés corporels et la pauvreté sont corrects. Et je vais faire en sorte que le nom de la société informatique ne tourne pas autour. Et après ça, je peux copier une image ici. Je vais appeler ces images de. Mon prim a un composant et l'utiliser ici. Ok, et je peux l'adapter à ma taille comme ça. Vous pouvez déplacer votre image à l'intérieur de l'arrière-plan comme vous le souhaitez. Je vais le laisser comme ça. D' accord ? Et maintenant, si je colle ces composants sur le terrain dans mes bannières, je suis prêt à faire leur entreprise aussi. Sente pour faire la couleur k. Maintenant, nous allons changer l'arrière-plan ici. Alors regarde si ça change ici au bonus. Donc, je vais aller à la page de la bibliothèque et copier une autre image et la coller dans mon composant d'arrière-plan. Donc, comme vous le voyez, tout fonctionne. Et qu'avons-nous d'autre ? Lorsque j'ajoute du texte ou des images à mon moins, comme ici, je veux probablement que cet arrière-plan soit floue, par exemple. Donc, je peux ajouter un autre cadre dans mon composant, Vt. Et c'est et je le colle sur le dessus. Et maintenant je peux l'échouer et le rendre semi-transparent. Anki et moi avons des effets comme ici par exemple, et Ben droit foncier. Et comme vous voyez cette image, parce qu'un peu floue. Donc je peux le mettre à 30 ou peut-être que c'est trop pour ça. Et si vous voulez, cet arrière-plan devient floue. Vous pouvez appliquer différents effets à la surface pour faire quelque chose ici. Mais je pense que ce sont les effets principalement utilisés lorsque vous créez des arrière-plans. Donc vous pouvez les utiliser. Et révisons une fois de plus. Habituellement, vous avez un ensemble de tailles de celles que vous voulez créer. Donc, vous voulez créer des manières pour Google ou vous voulez créer un Facebook. Et vous connaissez déjà les tailles de toutes vos bannières. Quand vous le savez, vous choisissez la plus grande, la plus grande dimension et faites un composant d'arrière-plan comme un carré avec un côté égal à la plus grande dimension de votre équilibre. Dans ce cas, vous pouvez utiliser ces arrière-plan à toutes vos bannières et sans perdre de qualité. Ok, c'est tout avec des milieux. Et nous aurons une leçon séparée sur l'endroit où trouver de beaux terrains de hamburgers, belles images, des motifs et d'autres choses pour vos milieux. On le couvrira plus tard. 33. 7.4, personne: Article ou personne. Parfois, vous voulez ajouter un objet ou une personne ou les deux dans vos deuils. Et regardons comment le faire. Comment créer ces composants. Nous avons deux exemples. Pour l'avenir. Nous allons créer un bonus pour certains au hasard en utilisant la boutique d'instruments de charbon. Ok, donc généralement ces objets ne sont pas si gros, le bonus, donc c'est pourquoi je suis généralement assez pour créer un composant 600 par 600, en fait ici aurait un très petit bonus, pas très petit, mais pas si grand. C' est pourquoi nous avons créé un petit composant pour l'article. Mais dans mon exemple, je vais créer six cent six cents encore. Donc, si vous avez un gros objet ou un objet, vous pouvez l'utiliser même dans vos bannières d'histoire Facebook. Ok, donc j'ai créé un cadre et je vais le faire composant. Bon, maintenant, je vais le nommer. Je n'utilise généralement pas de barres obliques dans les noms des fichiers car elles sont utilisées pour créer des dossiers séparés lorsque vous exportez beaucoup de fichiers dans Figma. Nous voulons couvrir cela, mais je n'utilise pas de barres obliques comme séparateur. J' utilise autre chose comme ça. Je veux dire, si vous savez ce que vous faites, si vous exportez beaucoup de fichiers et que vous voulez qu'ils soient placés dans des dossiers séparés. Dans ce cas, utilisez les barres obliques pour télécharger vos fichiers et nommer vos calques. Mais je vais le laisser comme cette personne. Et j'ai deux images que je veux gâcher dans mes navigateurs, cette fille et cette tête tombe. Comme vous le voyez, ces deux images ont un fond transparent. C' est très important parce que nous allons utiliser ces images et la bannière. Nous devons donc avoir un fond transparent. Nous aurons une leçon séparée sur les plugins et autres services. Et certains d'entre eux vous permettent de créer des images avec des arrière-plans transparents. Donc, si vous savez où trouver ces images, ne vous inquiétez pas, nous allons couvrir cela, couvrira comment les créer. Et bien sûr, vous pouvez télécharger de telles mesures à partir de la recherche d' images sur Google ou quelques images stock que vous voulez. Donc, pour l'instant, j'ai juste ces images et je vais copier coller ceci et le mettre dans ceux-ci. D' accord. Ok, je vais le rendre plus petit. Et nous ne serons pas comme ça maintenant, je vais le rendre transparent. Et maintenant je vais, je vais cuisiner pour les coller. Et je vais coller des copies de ceux-ci dans mon K. sans fil . Assurez-vous qu'ils touchent le fond de votre violence. Si vous savez que vous allez probablement coller les gens dans un moins, si vous collez un hommage n'est pas faire, qui ne sont pas couper et le fond. Donc, dans ce cas, vous pouvez placer vos composants au centre, tout ce que vous voulez. Mais comme vous le voyez, ça n'a pas l'air bien avec les gens. Si ces gens ne sont pas placés ici dans leur pleine hauteur ou k. Donc nous avons ces, je n'aime pas beaucoup cela parce que ce n'est pas très contraste et ceux-ci vont, ne semble pas bon ce fond. Donc, je vais aller ici et trouver mon, nommons ce calque ou calque et le rendre moins transparent. Je vais le mettre à 30 ans maintenant. C' est mieux. Je l'aime plus. C' est devenu plus de contraste. Et maintenant, disons que nous avons créé un ensemble de granges et que nous avons été téléchargés sur Google ou Facebook. Et maintenant, vous voulez créer une autre bannière et vous avez décidé de mettre cette police de tête à la place de la fille. Et dans ce cas, je copie coller cette image ici, et j'ai mon élément personne. J' ai juste besoin de rendre la couche de fille invisible. Et l'appareil est dû. Comme ça, rendre certaines photos invisibles que si vous vous attendez à ce que nous, que vous les utiliserez plus tard, ces bannières. Mais si vous comprenez que vous utilisez ces images de fille une fois et que vous voulez répété, dans ce cas, une meilleure suppression de ce calque parce que lorsque vous avez beaucoup de copies de ces calques, gig fonctionne tous et il devient juste marcher lentement. Par exemple, si vous avez ces bannières et l'Ukraine encore et encore, dans certains, à un moment donné, vous pouvez trouver que votre composant d'article peut cesser et 20 images différentes. Et même s'ils sont séropositifs, ils sont invisibles. Figma marche avec tous quand vous faites quoi que ce soit, lorsque vous faites de l'échelle, que vous réduisez, ce qui ralentira considérablement l'ensemble du processus. Donc, si vous n'avez plus besoin de ces moins, vous pariez et supprimez ce labo. Et généralement quand je fais cela, je crée un nouveau fichier. Donc, je duplique le fichier et je fais tous les changements et la copie. Dans ce cas, j'aurai toutes mes bannières dans ma bibliothèque et j'aurai toutes les versions. Et si je veux revenir aux bannières avec le but, dans ce cas, j'ai juste besoin d'ouvrir ce fichier et c'est tout. Maintenant, nous savons comment le faire. Et pour cette image, je vais remettre mon arrière-plan parce que ces écouteurs sont blancs et je pourrais utiliser ou une autre rampe de couleur. Ou ceux-ci, ceux-ci, par exemple, ces journaux mieux. Ou je le rends plus transparent. Encore une fois, j'aime que tu devrais le mettre ici pour ces bannières. Mais si vous ne voulez rien changer dans votre modèle, il suffit de les utiliser. Et c'est joli contenu. D' accord ? Donc, nous avons couvert comment insérer différents éléments majeurs, gens à la sensibilisation à la façon de le faire en utilisant des composants. Et passons à la leçon suivante. 34. 7.5 Logo: Logo. Habituellement, vous voulez mettre un peu de login à vos bananes pour les faire Brenda, dès que la vache basse, il est préférable de le faire dans Figma. Par exemple, nous aurons déjà une variante sur plus longtemps, généralement la somme de course. Si ce n'est pas le cas, vous devez le créer. Il s'agit d'un e-mail avec un fond transparent. Il est préférable d'utiliser un secondaire majors pour les avocats. Et nous savons que dans le plus tard, nous allons utiliser un outil wir uns du plus long. Habituellement, c'est utile. Les bûcherons horizontaux et verticaux. Sûrement celui-ci est des bords inférieurs horizontaux. Alors créons un journal carré. ce moment. Pour ce faire, créons un cadre. Sauvons cinq cent cinq cents. Et nous allons le sentir pour l'instant et copions coller ces journaux dans ces cadres. Rendons ça beau et long. Et nous allons mettre cette image dans ce cadre. Ça fait huit pieds. Et k intégral. Et au-delà de l'apprentissage, vous voyez qu'il y a quelque chose ici. Et vous pouvez faire deux choses. Le plus simple est juste de couper cette image, vous la sélectionnez. Et il y a un outil de recadrage comme celui-ci et appuyez sur Entrée, C'est tout. Vous avez votre nom ici. Et nous voulons utiliser cette image, cette icône aussi. Et ces cas, donc nous le faisons à partir d'être ceux-ci peuvent effectivement récolter le temps. D' accord. Et c'est tout. Non, c'est plus. C' est plus facile à utiliser. C' est ça. D' accord. Par exemple, nous créons un tel logo. Et après cela, nous pouvons rendre transparent pour enlever le remplissage. Ok, donc on a un carré ou plus long. Et disons que nous voulons créer un logo horizontal d'un ratio exact. Par exemple, quatre contre un. Et nous allons créer un cadre pour 100 par 100 K tous, nous allons le doubler. 800 et au revoir 200. Ok, et copions les coller dans plus longtemps. C' est par ici. Et ajustons une image pour qu'elle s'adapte à la taille. Nous allons faire de l'entreprise informatique et nous allons tout nommer et le remplir pour l'instant. Mais aligner notre image, ok. Maintenant, nous pouvons enlever le remplissage et donc nous avons nos deux logos et en fait vous pouvez les utiliser dans leur futur. Si tu veux. Vous pouvez faire ces mots en lignes dans une école via une connexion. Évidemment, vous devez recadrer ça. Encore une fois, Amen deux fois pour avoir un parfait quoi et ce qui sonne séparés et de les coller l'un et au-dessus de l'autre, un sur le dessus de l'autre. Et comme vous le voyez, lorsque nous utilisons des bûcherons dans le niveau d'unité habituellement veulent avoir ces deux pieds et dans les arrière-plans. Donc, dans ce cas, par exemple, nous voulons créer trop longtemps AS 200 par 200 et 400 par cent, deux cent deux cent quatre cents bio 100. Ok, donc comme ça, juste des bûcherons. Et nous pouvons utiliser ces logos à l'intérieur de nos composants. Et ces entreprises sont aussi des journaux, mais cette taille exacte. D' accord. Probablement j'ai déplacé cette icône en dehors du logo. Oui. Donc, je dois bouger et vec k. et maintenant si je copie coller ce logo, je le ferai. est que je le nommerai plus longtemps à elle et à lui de 200 K et je les déplacerai plus longtemps dans mon 200 par 200, OK. Et maintenant, je vais le faire aligner avec ceux-ci. Et maintenant, nous allons le rendre compétent à nouveau. Donc, comme vous le voyez, nous utilisons des composants imbriqués et je vais le rendre semi-transparent. Par exemple, 50 % les connaissent réellement. Je vais rendre le fœtus et semi-transparent, donc je ne veux pas que mon logo soit transparent, je veux juste que son arrière-plan soit transparent. Et je vais ajouter un coin autour des coins. Ok, pour que je puisse utiliser ces logos, mes partenaires. Et je ferai de même avec une tarière horizontale. Je vais coller mon plus long ici et les pieds, la taille. Après ça, je vais nommer celui-ci. Et je vais rendre le sentiment semi-transparent et je vais faire des coins. Peut-être que c'est trop. C' est sur K, k comme ça. Et je vais les renommer plus longtemps à sa taille réelle, 800 et par 200 maintenant c'est correct et je vais faire le composant de logo horizontal. Donc, comme vous le voyez maintenant, j'ai deux composants. Tous les logos que je peux utiliser à mon équilibre, et j'ai fait semi-transparent par terre pour eux. Donc, si je veux les placer à un fond qui est bruyant, où coloré ou très contrasté, ces semi-transparent mais moulu sauve mon logo de B et non traitable. Et je peux les mettre à n'importe quel mineur qu'ils bûcherons seront lisibles sur eux. Et faisons une variante de ce plus horizontal être jambe ces avec un coin rond. Donc, ce logo s'adaptera coin supérieur gauche des bannières parce que généralement il est vide de certaines icônes techniques qui ont été ajoutées par Google ou une autre plate-forme publicitaire. C' est donc l'endroit idéal pour mettre votre logo. Ok, je vais copier coller ces enregistreurs. Je l'ai touché parce que je veux créer mon nouveau composant. Alors maintenant, je ramène mes coins à 0 autour. Et je ferai ces Corona sous la pluie. Et après cela, je vais renommer le cadre, par exemple, en haut à gauche. Et après cela, je fais composant informatique et gagner. Alors maintenant, j'ai trois bûcherons pour différentes situations. Si je veux en créer un autre, par exemple, pour le coin inférieur gauche, vous savez comment le faire. D' accord ? C' est ainsi que nous traitons avec les bûcherons. Si vous n'avez pas de journal de l'arrière-plan transparent, il vous suffit d'utiliser ce que vous avez. Mais parfois, il est préférable de créer, de dessiner un nouveau plus longtemps. Vous pouvez le faire dans Figma en combinant l'image et une police, ou vous pouvez le faire dans Photoshop ou partout où vous l'utilisez. Donc, si vous avez des enregistreurs avec un fond transparent, C'est toujours mieux que si vous ne le faites pas. C' est tout avec des logos. Passons à la leçon suivante. 35. 7.6 Texte: Texte. C'est un texte très important. C' est là un point important parce que Alibaba aura probablement du texte. Voyons donc comment il est préférable de créer des textes à vos bannières. Bien sûr, nous utiliserons également des composants et nous utiliserons la mise en page automatique. Donc maintenant, ma suggestion est d'utiliser de telles bulles de textes parce que nous, quand nous les utilisons, ils deviennent universels et nous pouvons utiliser des arrière-plans différents, des images différentes, et le texte sera lisible à tous. Si vous ne les utilisez pas, il devient assez difficile de définir le texte, définir la bonne couleur, de dire la bonne transparence et la bonne position du texte. Parce que lorsque vous avez un arrière-plan compliqué, vous devez ajuster un texte à chaque bannière. Évitez cela. Nous allons créer ces bulles de balises qui ressemblent à ceci et tout ira bien. Alors commençons. Nous utiliserons un texte de deux chemins, un titre et la description. Certains projets nécessitent plus de textes, certains d'entre eux nécessitent moins de balises. Mais nous allons nous en tenir à ces deux composants parce que généralement il suffit de placer toutes vos informations et d'éviter de mettre trop de texte à un moins. Donc, au début, nous allons créer quelques textes. Merci d'être bon. Et nous allons écrire sur l'utilisation périmysium. Utilisateur. Ça voulait dire plus. Nous allons centrer ce texte, le rendre violet. Oui. Nous allons le rendre audacieux. Ou même Beleg. Oui, puisque gras et sa taille était si 26. Ok, revenons sur le dos et restons avec 36. Ok, Maintenant, nous allons encadrer cette sélection et mise en page et ajouter étangement de tige va le remplir avec 50 pour cent de transparence et faire mes pronoms sont 20. Ok, probablement celui-ci a différentes options de modèle. Regardons, il est 20 et 30. Alors faisons la même chose pour être vide. Ok, maintenant ils ont l'air similaires. Tout K et nous allons en faire un composant. J' ai cliqué dessus ? Ok, et je vais le nommer en gros titres. Maintenant, je vais faire et la description en utilisant le composant précédent. Je vais détacher cette instance, et je remplacerai le texte. Je vais copier le coller pour le faire plus rapidement. D' accord. C' est, ça. On dirait la même chose, mais la seule chose que nous avons à aligner le texte à gauche. Encore une fois maintenant, il est ressemble. Et nous allons le faire aussi composant et nous allons le renommer pour faire est la corruption. Ok, et on peut l'utiliser dans nos environnements. Ok, regardons comment ça se passe. Je copie à ces apprenants, sélectionne deux et je me déplace. Oui, j'ai deux copies. Ok, et maintenant je place des doublons de mes composants de texte dans leurs partenaires. Je colle dans ce titre et je vais coller la description probablement. Je dois le mettre à, disons 70 pour cent de pierre, mais même 75. Ok, Maintenant dans la chauve-souris et combinons ces objets. Je vais envoyer le titre de notre centre, puis il y a de la corruption. D' accord ? Je vais mettre ici et le rendre plus petit. Et vous voyez que la fille est derrière le texte et je veux être devant le texte. Donc, c'est pourquoi je tire juste ceci vers le haut pour être au-dessus de la description. Et d'accord, c'est en face de ma toile. Et maintenant, je vais copier coller. Ces deux composants et d'autres brûleurs et ces bannières. Je le ferai, ok, je ferai la même chose que dans mon exemple. J' enverrai le titre et je mettrai la description à gauche. Et cela, et c'est comme sûrement c'est, Ok, je vais déplacer les pixels couplés vers la gauche et je porterai fille devant le texte, Je k ressemble le même. Et lorsque vous créez un bonus et ces bulles de textes et que vous incorporez pour utiliser des contraintes parce que si vous modifiez certains textes, Regardons comment cela fonctionne. J' ai ces titres centrés, donc il est situé au centre, au centre de cette bannière. Et je le ferai, et c'est des contraintes. Regardez ses contraintes. Ils sont à gauche et en haut. Ok, donc maintenant je vais, et quelques SMS ici et voir ce qui se passe. La Bible est plus à droite maintenant parce qu'il colle au coin gauche pour éviter ces comportements à savoir actuel. Donc, ces textes et moi allons changer les contraintes de ceux-ci. Merci au centre. Et maintenant je vais ajouter plus de texte ici, ou k. Et comme vous voyez la différence entre deux ces titres, celui-ci reste au centre. Celui-ci va à droite. C' est pour ça qu'on doit vérifier. Et nous devrons fixer nos contraintes quand nous utilisons ces textes, Bible à nos brûleurs. Mais comme vous le voyez, ces, merci bulles n'ont toujours pas l'air bien. Si j'ajoute du texte, je vais mettre ceci ici à la ligne suivante. Et maintenant tu vois que ça n'a pas l'air bien. Ils sont superposés ceux-ci et ça n'a pas l'air professionnel. Ok, deux ou plus, voici la meilleure pratique est d'utiliser une seule bulle de texte qui contient tout ce texte. Pour le faire. Vous devez créer de nouveaux composants sur. J' utiliserai ces deux composants. Montre-toi comment faire ça. Maintenant avec ces deux composants, d'accord ? Je vais les détacher. D' accord ? Maintenant, nous avons seulement deux cadres, sont va supprimer le remplissage. Je proposerai le pardon pour les deux. Et maintenant, je vais créer un cadre unique qui contiendra deux est et textes, titre et description. En fait, je peux créer un composant dès maintenant et le cadre sera créé automatiquement. Donc, je crée juste un composant à partir d'eux et je vais le nommer. Texte, bumble, notre k. Maintenant, je dois juste éditer la phrase. Je vais ajouter la mise en page automatique. Et maintenant, réduisons cette distance pour savoir pour l'intermédiaire d'eux. Je le sentirai. Je vais ajouter pardon ? Centrer ces éléments certifiés dans tous disons 30. Je vais envoyer autour des coins à 30. Et pour notre modèle, ça a l'air bien. Donc, quand nous créons Cij Bibles, ils ont l'air beaucoup mieux parce qu'ils sont les éléments uniques. Et si on change du texte, ces chars bulles semblent bien. Quoi qu'il en soit, en effet, nous changeons. Ok, passons au centre de ça plus longtemps d'ici. D' accord. Qu'il soit dans le coin. Oh, ok. Et nous mettrons son arrière-plan à semi-transparent, fixé à 75. Et nous allons mettre contraints à ce terme, haut et centre. D' accord ? Et je copie coller daggers bourdonnement ici. D' accord ? Je vais le faire être ici. Et j'utiliserai la contrainte gauche et centrale verticalement. Maintenant, je veux que la fille soit devant. Et la bulle de texte. Maintenant, il appartient et bon. Et comme vous le comprenez probablement, si j'ajoute une ligne de texte et mon titre, comprenez que cela ne va pas d'ici parce que j'avais touché le composant et je devrais mettre et texte ici. Alors que vous voyez le texte bourdonne, écoutez, d'accord, je dois juste bouger et partir. Et ces brûleurs pour être sur le dessus du bourdon de réservoir. Donc, en fait, vous pouvez créer des composants comme celui-ci. Mais je suggère de faire le lac ici par exemple, d'avoir des composants séparés pour les bulles parce que lorsque nous créons de la violence de formes différentes, maintenant, nous allons utiliser le même titre et la même description, mais nous allons utiliser plusieurs bulles de textes que nous allons les utiliser. On peut le voir ici. Donc, vous pouvez voir différents textes bulles comme ceux-ci et comme ça et comme ça. Et ils, je suis fait de composants de texte unique. Il est donc préférable de faire comme je l'ai fait ici et l'exemple ou dans d'autres salles. Et répétons, je vais copier ce texte. Nommez sa longueur. Celles-ci. Déplace-le ici. Maintenant, je vais faire ce composant de texte. Maintenant, je copie coller ce texte. Je vais le déplacer ici. Et je vais le dire et le faire composant. Maintenant, je fais un duplicata du composant et je le colle dans ma bulle. Et je supprime ce texte. Maintenant, je duplique mon titre. Je bouge et copie ce bumble et le précédent. D' accord ? Donc maintenant, j'ai deux composants séparés que j'ai utilisés à ma bulle de texte. Je dois juste appliquer la mise en page externe. Je ne sais pas pourquoi il avait été cassé pour une raison quelconque. D' accord. Comprendre. Je dois appliquer la mise en page automatique ici. Donc, comme vous vous en souvenez, je vous ai dit, uh, quand vous créez un texte qui sera utilisé ailleurs, c'est toujours une bonne solution pour appliquer la mise en page automatique à ce texte. Donc, comme vous le voyez ici, quand je faisais aller-retour, j'ai oublié de labourer pour mettre en page sur cette couche. Donc maintenant j'ai le texte de cette taille et mon cadre de ces côtés. C' est pourquoi lorsque j'ajoute une autre ligne à ce texte, cela n'affecte pas ma bulle de texte car la bulle de texte utilise la mise en page automatique au cadre, non au texte à l'intérieur de celui-ci. Donc, la solution très simple est juste d'ajouter la mise en page automatique à mon cadre. Donc ce cadre va devenir plus grand. E deux sera de la même taille que le texte et tout ira bien à ma bulle de texte. Ok, donc nous y voilà. Et notre va appliquer la mise en page automatique à mes descriptions. Eh bien, en fait, il est appliqué. Donc, quand je changeais, pour une raison quelconque, j'ai cassé la mise en page automatique à mon titre. Donc maintenant je peux appeler cette ligne rouge à nouveau et je peux déjà décrire. Donc, nous l'avons fait avec un long chemin, mais maintenant nous comprenons la différence de plusieurs approches de créer et ce texte bulles, vous pouvez utiliser des objets précédemment créés, des barres précédemment créées. Vous pouvez les détacher et faire des copies ou vous pouvez tout faire à partir de zéro comme je l'ai fait ici à l'exemple. Et de toute façon, vous allez créer vos bulles de texte et n'oubliez pas d'utiliser la mise en page automatique. Et dans ce cas, ça ira. Donc c'est tout avec l'utilisation de texte à notre bonus. Et passons à la leçon suivante. 36. Bannière complète 7.7: Nous allons enfin créer nos bannières entières en utilisant toutes ces entreprises que nous avons créées auparavant. Allons donc ici et créons cinq bannières différentes pour différents systèmes publicitaires. Le premier est six cent six cents. Remplissons-le. D' accord. Le second est 798 par neuf fois GA. Un autre est 970 par 251 de plus, 160 par six cent deux cents, quarante par 400. Ok, donc on a 51 nous. Remplissons-les de quelque chose. Nous allons créer un arrière-plan. Comme vous le voyez, la plus grande dimension de cette bannière est 970. Alors créons un arrière-plan de disons, 1000 par 1000. Donc 1000 par 1000. Nous allons le remplir. Et ajoutons une image. Je vais copier coller une image à partir de ces cadres. Je l'ai déjà, et je vais le coller ici. Donc, comme vous le comprenez, vous feriez mieux d'avoir la grande, une source majeure de vos antécédents, d'avoir la bonne qualité. Rk. Et je vais créer un composant à partir de ce cadre. D' accord ? Et cliquez sur OK, et donnons-lui un nom à l'encre. Maintenant, je copie collé et placer sa copie dans mon moins a. fait ici. En fait, je dois renommer toutes ces bannières parce que je ne sais pas laquelle d'entre elles est atteinte. Et je vais le faire. Et c'est probablement 600 par 600. Oh, d'accord. Maintenant, je vais envoyer, va déplacer cet arrière-plan dans cette couche. Je vais déplacer cet arrière-plan dans ces couches. Et maintenant, je peux le mettre à l'échelle. Par exemple. Ces k copier coller et coller dans le prochain coureur. Et je vais le mettre à l'échelle aussi. D'accord. Ok, donc maintenant j'ai tous les brûleurs remplis de fond. Maintenant, je crée des bulles de texte. Je vais créer deux textes et faire buller les choses d'eux. Celui-ci, je l'ai fait, celui-là. Maintenant, je vais en faire un composant et en faire un composant. Maintenant, je crée un composant à partir de Io, copie-les coller parce que je veux que ces composants soient comme phrase. Et je me demande qu'ils soient une composante de la bulle de texte. Ça ressemblera à ça. Annonce la mise en page. Je vais ajouter un peu de remplissage. J' ajouterai une partie, des coins et des reliures. D'accord. Et je vais au centre. Les éléments de R enverront cela à nouveau à 75. Et comme je le vois, j'ai placé des boutons ici parce que je veux qu'ils apparaissent à mon Barnabas comme si c'était ces bumbles. C' est pourquoi je vais créer le bouton droit barbel en ce moment. Et puis je vais le coller dans mes bumbles. Donc je vais, ok, je vais créer un bouton. Ici. Il l'est. Comme vous pouvez le comprendre, c'est du texte. D' accord. Je vais le créer à partir de zéro pour vous montrer. Ok, SHE corde a créé un texte et le rend blanc. Maintenant, je peux créer un composant à partir de lui en ce moment. Donc ces notes encadrent mes textes. Ce n'était pas poli. D' accord. C' est appliqué. Maintenant, j'ajoute la mise en page automatique et certains mauvais dans. J' ai trouvé un peu de couleur verte. J' ajoute un coup. Mettons-le à cinq. Et réglons le trait sur blanc. Ok, Maintenant faisons un coin rond, probablement quelque chose comme ça. J' ai K et nous devons ajouter plus dans la science. Principalement, c'était 40. Il ressemble nombre similaire, je pense qu'il va plus grand coup. Probablement c'était six pixels. Bon, maintenant j'ai mon bouton Shop Now. Je peux enlever celui-là. J' ai donc deux textos. J' ai un bouton et je vais coller le bouton dans ces réservoirs, la Bible. Ok, In va là-bas parce que j'ai la mise en page automatique. Peut-être que je vais utiliser moins d'espace pour le rendre pas si grand. Et je pense que maintenant c'est bon. Mais je veux créer plusieurs et bourdonnements. Donc je duplique celui-là. Ok, et je suis mort feuille. Maintenant, je le fais vertical et crée un composant et gagne. Donc, je vais le nommer vertical. Et j'appelle ça une tuile de marbre. Maintenant, nous le ferons, basé sur ce bourdonnement dans mes bannières. J' incorpore celui-ci et je le colle ici. Rends-le plus petit, comme ça. Et dupliquer. Et je vais le mettre ici. Cette Barna. Et n'oubliez pas de définir des contraintes. Par ici. Et par ici, j'ai dit de centrer. Et probablement je peux les coller dans ces Boehner. Je vais le rendre plus petit. Et j'utiliserai le Bumble. Ce tombeau bannières. J' utiliserai une version horizontale. Mm-hm. D' accord. J' ai mis cette bulle de texte. Ça ne devrait pas être au-dessus. C' est dans le J'ai mis cette bulle de texte dans le groupe, dans ces bannières verticales. C' est pour ça que je ne le vois pas ici. Je l'ai mis au mauvais endroit, donc je vais le tirer et le mettre ici. Ok, donc maintenant c'est visible. Et l'autre chose que nous pouvons utiliser ici, c'est et puis je sais que je vais mettre une fille et en fait je n'ai pas de place pour elle juste ici. Donc, dans ce cas, je peux rendre le bouton visible et envoyer le texte ici. Et je peux copier-coller le bouton directement dans ma bannière pour être à l'extérieur de la bulle de texte. Ou le rendre plus petit et le laisser ici, par exemple. Et maintenant, nous allons prévisualiser ces bannières en pixel. Aperçu. J'ai dit un x et j'ai mis l'échelle à 100. Voici donc à quoi ressembleront ces bannières. Après nous les avons téléchargés. Je suis d'accord avec toutes ces bannières sauf celle-ci. Je pense que c'est deux pixels. Le texte n'est pas lisible. Et c'est pourquoi je veux créer une bulle de texte séparée pour cette bannière. Et je vais l'utiliser sur une bannières très verticales. Copier coller ces. Je le détache. Et je vais changer le texte. Je vais donc rendre le texte vertical. Et je ferai chaque mot de la ligne suivante ici. Et probablement quelque chose comme ça ici. Un peu de péché, ceci et moi allons rendre ce bouton un peu plus petit, k. Et maintenant je fais ce composant bourdon, et je l'appellerai très vertical. Ok, maintenant je le copie et je vais à mon Varner. J' ai pris le coller ici. Donc, comme vous le voyez, cela semble beaucoup mieux. Le texte est lisible membre pas parfait, mais assez lisible à nos fins. Donc je viens de supprimer cette chose est bulle de la bannière. Remarque très importante est que puisque nous changeons, changé le texte dans le titre et la description à partir de ce point, si je change le texte ici à mes composants, il ne sera pas affecté ici. Donc je Ce texte, et comme vous le voyez, il a été ajouté à ces deux billes et il n'a pas été ajouté juste ici parce que j'ai changé ce texte avant. Donc, si je veux ajouter ces mots à ce texte, je dois le faire manuellement ici. Maintenant, je le ramène. Ok, de quoi d'autre avons-nous besoin ? On doit coller une fille ou un objet. Donc, je vais copier coller à cela. Certes, je vais copier coller pas ces composants et inviter, j'ai un courant d'onduleur que nous avons créé ici. Il l'est. C' est par ici, oui. Non, ça l'est. Oui, par ici, non ? Et personne ici. Je le détache. Et je crée un nouveau composant à partir de ce tableau. Ok, maintenant je vais coller et l'image de fille dedans. Je le copie et le colle ici et le rends visible. Temporaire et le remplissage. Maintenant, je vais passer à autre chose. La fille leur a dit. D' accord. Je pense que c'est bon. Et je la rends plus grande. K. Maintenant, j'enlève le sentiment et je le rend invisible. C' est donc notre composant que nous pouvons utiliser, nos bannières. Être un plus petit, bien dupliqué et coller partout où nous voulons. Et K, je vais le mettre là-dedans. Mais comme vous le voyez, ce n'est pas une très bonne qualité. Elle va va dans ces brûleurs. Et j'ai dit des contraintes à ces majors aussi. Je vais mettre ça ici. Ici. Nous mettrons le centre et juste ici. Et juste ici avec Martin et le centre. Ok, et on a fait la dernière et on le colle au fond. C' est aussi le fond. Ok, donc maintenant on a des majors. Tailles. Nous devons coller logger dans notre bonus aussi. Donc, je vais copier coller ces aussi bien, déjà créé et la leçon précédente. Donc, je vais juste utiliser huit. Je détache cette instance créer un composant de lui à nouveau. Et comme vous vous souvenez, c'est que nous sommes jusqu'à ce que le logo a été créé, un coin rond. Donc j'ajoute cet enregistreur à ma basse. Habituellement, nous collons l'enregistreur en petite taille, mais pour le faire correctement, il est préférable d'utiliser 100 Zoom et Pixel Preview. Dans ce cas, quand tend si l'enregistreur est lisible, parce que parfois nous créons deux petits enregistreurs et ils ne sont pas lisibles à de petites tailles. C' est pourquoi nous vivons encore Pixel Preview activé. Et K va le rendre plus petit et je vais déplacer celui-ci. Ici. Je bouge la fille. Je pense que c'est bon. Eh bien, c'est basé sur tous ces brûleurs. Nous sommes des smoothies conduits un peu. Ces petits espaces. côté gauche était d'un pixel. J' ai donc collé l'enregistreur du tout. Ma mère. En fait, nous pouvons télécharger sur nos systèmes publicitaires. Si tu veux. Vous pouvez simplement les sélectionner tous. Et il devrait être à l'intérieur, car si vous le faites au centre ou à l'extérieur, cela changera la taille des bannières. Et lorsque vous les téléchargez sur Google, Facebook et d'autres plateformes publicitaires, vous obtiendrez une erreur. Alors mettons-le à quatre pixels, et définissons une couleur, par exemple, à notre couleur pourpre. Maintenant, nous avons notre groupe à la radio. Et juste pour avoir à vérifier le nom le plus long soit de les déplacer. 12 pixels. Parce que je suis plus vieux maintenant. Et nous ne l'avons pas compté quand nous avons collé nos logos. Donc maintenant, je pense que nous avons sont prêts à télécharger la zone des brûleurs à 100%. Et je pense qu'ils le sont. D'accord. Et comme vous comprenez et caresser à cela, pour une raison quelconque, Déplaçons. J' ai ajouté ce coup à ces cadres parce qu'il n'est pas dans ces brûleurs, donc je dois le déplacer ici. Maintenant, c'est à l'intérieur, d'accord ? Parce que si nous laissons un cadre en dehors de la Varna et ensuite nous essayons d'exporter tous ces fichiers. Dans ce cas, le cadre de la bande et le cadre de la fille seraient exploités par plusieurs fichiers distincts. Et nous ne voulons pas ça et je veux bouger ça plus longtemps et un peu aussi. D' accord. Je n'ai pas sélectionné un enregistreur, sélectionnez et juste une image. D' accord. Maintenant, je pense que nous sommes bons. Et maintenant, je peux sélectionner toutes ces bannières que j'ai créées et les exporter à expert. Je dois cliquer dessus. Et je peux exporter ceci avec ce bouton maintenant. Et si je veux, je peux ajouter un suffixe, et cela sera ajouté à la fin des noms de fichiers. D' habitude, je mets une version de mes granges. Parce que lorsque vous créez beaucoup de bannières, vous en aurez beaucoup et avec, avec le temps, il sera difficile d'orienter parmi eux. Et dans ce cas, je termine cette version une, version deux, et elle sera ajoutée à toutes les bannières. Je peux choisir entre différents formats. Vraiment utiliser être GIF ou JPEG. Et vous pouvez exporter vos fichiers. Ok, donc nous avons créé nos premières bannières, et maintenant nous allons aller de l'avant et voir ce que nous pouvons faire d'autre pour rendre notre travail meilleur, plus rapide et plus efficace. 37. Panneau de contrôle 7.8: Rendons nos fichiers plus beaux parce que nous avons ajouté beaucoup de composants et ils n'ont pas l'air bien. Parfois. Par exemple, nous les avons ajoutés ici et maintenant c'est un gâchis. Et nous pouvons créer quelques beaux et les panneaux de contrôle logiques comme ça. Et quand vous le regardez, vous comprenez que c' est un promontoire, c'est une description et ainsi de suite. Donc, pour ce faire, nous allons utiliser des composants et des mises en page externes également. En fait, nous allons juste dupliquer tous nos composants et les mettre à l'intérieur de tels cadres avec les titres de chaque point. Alors créons le premier. Je vais créer le premier et voir à quoi il ressemble. Je vais créer et être cadre et k pour être quelque chose comme ceux-ci, va le sentir. Et maintenant, je copie coller mon composant de masse k, et j'appliquerai la mise en page automatique à ce cadre. Je vais envoyer ça pour pardon, à 30. Je vais envoyer ça. Et j'ajouterai du texte. Retrait du sol. Et je terminerai ce texte dans, ok, dans ce cadre. Donc, comme vous le voyez, cela ne va pas comme nous le voulons, donc nous allons changer la direction de la mise en page automatique. Maintenant, je vais ajouter ces séparateurs. C' est juste une ligne. Je crée une ligne, je la mets à 0, je la mets sur. Et maintenant ton, peut-être 10, peut-être huit pixels devraient être quelque chose comme ça. Je vais y ajouter un peu de couleur. Eh bien, je vais utiliser celui-là. D' accord. Je suis bon avec ça. Et je le colle aussi dans ce cadre. Maintenant, j'ai dit la distance entre les objets à nommer avant, principalement 15. Oui, je vends ça. Et encore une chose avec cette ligne, je veux que huit soient avec autour et K comme ça. Et maintenant, je vais juste changer la couleur de remplissage. Rends-le jaune, peut-être 20 pour cent, quelque chose comme ça. D' accord. Et j'ajouterai quelques coins arrondis. Donc, et je vais changer sa couleur sont les mêmes que vers la ligne. Et changez juste cette couleur. Ici, nous sommes maintenant, Je vais créer de tels composants pour tous nos forams de tous nos composants k dupliqués. Maintenant, je vais supprimer l'arrière-plan et je vais baser mon signe de titre là. Je vais le faire composant. Donc, je le détache d'abord, puis je fais un composant informatique. J' utilise des raccourcis clavier pour le faire rapidement. D' accord. Je mettrai tous les horizons à ces Caroline. 15 pour cent. D' accord. Comme ça. Les poumons sont mieux que ça. Colonne jaune, ensemble et fond. Et je vais écrire et faire la ligne. D' accord. Maintenant, je meurs tricher et faire un bras compétent. Et j'écrirai : Entrée et mort. Corruption. Ensuite, faites le réglage d'un élément. Et comme vous le voyez, il y a ce rectangle en pointillés autour de l'image. Et cela va créer ainsi, disons un aussi. Je peux les utiliser. Copiez le coller. Ok, et ceux-ci, je vais copier ce texte. Ok, maintenant je veux ajouter un cadre pointillé surtension pour comprendre où, où sont les bordures de mon élément ou composant de personne au composant. Encore une fois, comment puis-je faire ça ? Je sais que la taille de ce composant est de 600 par 600. Donc, je vais juste ajouter un autre cadre et le mettre au-dessus de cela et faire les frontières. Donc je dois créer un cadre, six cent six cents. Ok, et maintenant je vais ajouter un coup. Dis tour. Je vais changer la couleur. Un. Et je vais faire des tirets. À long terme. Ouais, quelque chose comme ça. Et j'utiliserai ce paramètre à l'extérieur. Donc, cela signifie que j'ai mon rectangle, 600 par 600 à l'intérieur de ces bordures, donc il ne couvrira aucune partie de l'image originale. Mais si je colle ce rectangle dans ce cadre, il le fera, Il ne sera pas sur le dessus de l'image parce qu'en fait il pourrait, mais dans ce cas, il devrait l'être, il serait à l'intérieur du cadre de l'image lui-même. Donc nous le faisons, il apparaîtrait et l'équilibre apparaîtrait, l'équilibre. Dans un autre cas, nous avons ceci. Donc maintenant, nous ne voulons aucun de ces comportements. En fait, nous pouvons le mettre dans le cadre avec l'article numéro un faisant cela, puis le déplacer ici pour trouver le centre. Comme ça. Mais comme vous le comprenez, si j'utilise ce composant clip, je ne vois pas la bordure. ce moment. Il coupe le contenu. Si je le décoche, le corps est visible. Et si je colle ce cadre quelque part dans Varna, il apparaît avec une bordure. C' est pourquoi je dois créer un autre cadre qui contiendra à la fois la bordure et l'élément. Alors. Je crée un autre cadre, 600 par 600 K. Et je vais mettre ce cadre avec errer sur eux et déplacer comme ça. Je décoche ces options. Maintenant, je déplace quelqu'un ici. Fais-le. C' est comme ça, oui. Et maintenant, nous avons ce cadre et nous pouvons le déplacer et le faire glisser dans notre menu comme ceci. Ok, donc nous y voilà. Donc en ce moment nous avons notre article car nous n'avons pas été formés comme nous l'avions avant, et nous aurons une bordure pointillée et rien n'est cassé. Donc, une fois de plus, j'ai créé un composant pour un élément ou une personne. Et puis j'ai créé un cadre séparé avec une bordure autour de ces 600 par 600 carrés. Et j'ai mis ces deux couches dans un autre cadre. Et j'ai mis ce cadre dans ces contrôles. Donc, dans ce cas, je vois ces beaux menus et c'est très démontrer IV. Donc, je vais ajouter quelques contrôles plus, un pour plus longtemps. Et maintenant pour le bouton. Ok, mettons un logo ici. Faisons-le encore une fois. J' ai donc un logo horizontal. Je l'ai mis ici. Alors je sais. Et chaque 400 par 100, j'ajoute un autre cadre pour 100. 100. D' accord. J'ajoute un coup. Un jour il l'était avant, je ne me souviens pas. Peut-être que je mens ceux-ci j'utilise cette option à l'extérieur et je change la couleur à celui-ci. Oui. J' ajoute du blanc comme cours. J' ajouterai des coins arrondis ici aussi. Maintenant, je vais déplacer ce cadre, celui-là. D' accord ? Maintenant, les pieds, maintenant ils correspondent. Et maintenant, je les sélectionne tous les deux. Et notre sélection de buts, je peux dueler ça. Donc maintenant j'ai ces cadres qui contient notre enregistreur. Je vais le faire composant et le cadre avec une bordure. Pour que je puisse transférer ça dans mon contrôle. Donc, comme vous le voyez, ces lignes ne sont pas là. Je peux le sélectionner et appuyer sur la flèche vers le haut à mon Cambodge et dans va comme ça. Vous pouvez l'utiliser dans les cadres et où vous, où vous utilisez la mise en page automatique. Donc c'est assez utile. Ok, et nous avons bouton, je vais copier le bouton coller, créer un nouveau, faire en sorte que je devrais en faire un composant et les coller ici. Et je vais appuyer sur la flèche vers le bas. Ok, on a un bouton. Donc, en fait, nous avons tous nos contrôles. Et maintenant, je vais sélectionner tous ces composants et encadrer cette sélection. Je rendrai visible notre volonté et notre disposition extérieure. Maintenant, c'est un organisé entre correctement. Je vais envoyer ceci, disons à un T et j'ajouterai un peu de rembourrage à peut-être 100. Rendons ça moins, peut-être à 60. D' accord. Je pense que ça a l'air bien. Et si nous voulons à nouveau définir le terrain de bogue pour ces blocs entiers à une image, dans ce cas, nous devrons vendre ces options d'image. Et puis je vais devoir choisir une image, par exemple, nous allons utiliser ceux-ci. Et il y a quelques options ici. Nous pouvons carreler ce 100 ou même à 100 pour cent. Donc ça ressemblera à ça. D' accord. Il y a une chose que je n'aime pas ici en ce moment est que toutes ces formes, cet onglet attention de ces éléments et le texte n'est pas si bien lisible. Alors, qu'est-ce qu'on peut faire ? Je l'ai fait ici et l'exemple, nous pouvons ajouter du flou à ces éléments. Je dois donc sélectionner tous les cadres à l'intérieur, son cadre 96. Je sélectionne tous ces contrôles. Et maintenant, j'ajoute un effet au rez-de-chaussée. Et je l'ai mis à, disons 25 et j'ai juste ajouté une perte. Donc maintenant, il ressemble à un verre et tous les textes sont lisibles. Prader ? Eh bien, encore une chose. Lorsque nous avons créé nos composants pour les textes, nous savons que nous les utiliserons pour des bulles de texte à l'avenir. C' est pourquoi nous allons créer les bulles de balises. Je veux les créer maintenant nous l'avons déjà fait plusieurs fois, trois d'entre eux. Eh bien, les personnes âgées dans ce texte, ce n'est pas que nous voulions et partir. Et maintenant, imaginons que nous venons de créer ces bulles à partir de nos composants. Donc, dans ce cas, je vais encadrer cette sélection et faire un autre panneau de contrôle pour eux en utilisant complètement et en utilisant le remplissage. Disons que nous allons utiliser un gradient. Nous couvrirons ces plug-ins plus tard. Laissons-le comme ça. Il s'agit donc d'un panneau de contrôle séparé où nous avons certaines entreprises qui utilisent et d'autres composants comme les composants imbriqués. Parce que quand nous allons créer Varnas tard, Il est préférable d'avoir tous ces textes Bible en un seul endroit. C' est facile de naviguer. Et par exemple, si nous comprenons que nous n'avons pas de cadre, de composant, bulle de texte pour certains, pour certaines de nos bannières, nous pouvons le créer ici. Et nous savons que cela ira ici, par exemple, nous voulons, je ne sais pas, combiner ces éléments avec une manière différente. Par exemple, nous voulons combiner le bouton et la description et les rendre séparés. Je dois détacher cette bulle de texte au début. Maintenant, je veux sélectionner et description. J' ai encadré cette sélection et je crée une mise en page externe pour eux et je la fais horizontale. Par exemple, je veux que ces textes barbel, je nommerai qu'il n'est pas bumble. Horizontal je ne sais pas. Et faire de la compagnie informatique. Donc, dans ce cas, j'ai un autre réservoir Bible et je sais où il est et sais d'où le copier et tout va bien. Bien sûr, si j'utilise ce marbre d'une bicouche, changé, c'est mauvais dans je vais ajouter plus de rembourrage sur les côtés. Même maintenant, ce n'est pas si bon. Mais par exemple, je veux qu'un texte soit comme ça. Et maintenant, comme vous le voyez, il semble OK et vous pouvez utiliser une telle bulle dans votre bonus. Alors révisons toute la section. Si nous voulons créer des bannières, nous devons savoir quels composants nous allons utiliser pour cela. Pour eux. Nous allons utiliser des boutons Qui utilisera des textes, bulles et des images d'arrière-plan. Images avec des gens, avec des objets, avec nos biens ou quelque chose. Et nous combinons tous ces objets en composants, alors c'est une bonne pratique de placer tous ces composants dans des contrôles, dans un panneau de contrôle. Et comme nous l'avons fait à ces moins et après cela, nous allons utiliser les composants créer et notre biais dans ce cas. Et à la fin, nous avons tous ces composants au même endroit. Nous pouvons changer quelque chose ici et nous pouvons créer beaucoup, beaucoup de bannières là-bas et tout est clair. C' est donc une bonne pratique pour vous. J' espère que vous l'apprécierez et vous l'utiliserez. 38. 8.1 Intro Google Banners Banners Intro: Et il a finalement été déplacé à Google biais. Et cette section, nous allons apprendre à les créer, comment créer des annonces d'affichage Google, comment créer des annonces d'affichage réactives Google veut faire Firenze, comment deux sont eux. Nous allons apprendre à éviter 20 pour cent du texte à la limite de vos bannières. Comment créer des verticales, des bananes marmonnées. Comment effectuer des tests A B sur votre réseau sans fil différent. Alors, allons-y et voyons comment créer des bannières Google sur la pratique. 39. 8.2 Google Display Ads de Banners: Balance Google, connu sous le nom Google display ads. Regardons comment créer beaucoup d'équilibre en utilisant nos connaissances. Donc, au début, nous allons créer un panneau de contrôle pour utiliser tous ces composants dans nos bannières. Will l'a déjà fait avant. Donc, nous voulons une répétition, nous allons juste utiliser ce panneau de contrôle que j'ai créé avant. Et nous allons utiliser tous ces composants dans ces bonus. Alors commençons à créer un A-moins et une vache basse en ONG. Nous avons 23 formats différents ici et nous allons les créer tous. Donc, ils feront beaucoup de rectangles de toute la taille nécessaire. Nous pouvons créer le Magnolia ou l'un après l'autre en utilisant Frame Tool. Commencez et terminez avec 200 par 200. Et plus que de l'un à l'autre. Mais pour le rendre plus simple, j'ai créé des cadres prédéfinis et la page de la bibliothèque, et je vais les copier et les coller dans notre zone de travail ici. Donc je k Maintenant, nous avons tous ces 23 formats puis nommés en conséquence à leurs tailles. Pour que nous puissions créer notre moins. D' accord, et d'abord ajoutons l'arrière-plan. Conférera un composant et copiera ce composant dans notre langage. En ce moment, nous avons tous les champs de bannières avec notre arrière-plan. Et ajoutons autre chose. On va commencer par. Commençons par plus longtemps. Ceci est plus long pour responsive comme lorsque ceux-ci plus ou nos annonces d'affichage régulières pour nos partenaires. Et c'est coller. Donc maintenant, nous avons fini avec le plus long et nous allons créer un aperçu mondial réel ces logos pour voir s'ils ont l'air bien dans notre 100% à l'échelle avec le Pixel Preview. Alors disons 100%. Et j'ai tourné en rose un aperçu. Et regardons tous nos formats de ce travail ici. Commençons par le plus petit. En fait, il y a logger ne coule pas bien, mais peut-être que c'est sous le sens légal. Donc, probablement c'est la plus petite taille que nous pouvons utiliser sans perdre de qualité, sera de 24 pixels de hauteur. Donc, nous devons probablement supprimer ces logos de ces deux coureurs parce que si je colle ces variantes, cela prend trop de place. Nous n'avons pas de place pour nos balises Word, Baumol ou image. Donc, je supprime ce plus long de ces bannières et regardons d'autres formats. Celle-ci est trop petite aussi, mais j'aurai assez d'espace et ces bannières. Et probablement nous avons assez d'espace et ces mineurs. Donc je vais juste faire ce lingo long. Et je penserai quand bon avec tous ces lamas, peut-être ces deux petits aussi, alors je les remplace par être seul nous. Ok, supprime. Ok, maintenant nous avons tous les logos et leurs endroits et nous pouvons ajouter nos bulles de texte. J' ai terminé les enregistreurs d'abord parce que je veux savoir où se trouve mon logo avant de coller une bulle de texte là-bas. Ce sera plus rapide. Oh, ça ouais, ça a l'air correct à 100%, le texte est petit. Ce n'est pas si humeur peut-être dans les pixels Slido. Essayons donc de rendre la police ou moins gras définie sur wrangler et de voir ce qui se passe à 100%. Ce n'est toujours pas assez agile, alors ajoutons un peu de confiance en qualité. Mon ambulance la rend noire. D'accord. C' est mieux connu, mais il n'est toujours pas assez fiable. Ok, dans ce cas, on peut le réduire un peu. Donc, nous allons laisser de cette manière avec les balises LI, bumble sans image. Et parce que la petite maman n'est pas lisible. Ok, voilà. Et j'utiliserai différents symboles pour un autre Banos. Marbre vertical. Pour les propriétaires de barres verticales, il y en a trois. Celui-ci, celui-là . Celle-là. Nous ajouterons nos marmillons horizontaux à notre horizontal. Formats. Je vais les creuser en premier et nous les utilisons en trois formats. C' est en fait à quatre d'entre eux. Oh, d'accord. Et maintenant, nous allons et le verbal le plus horizontal dit le reste des formats aide. Je vais copier ces, merci, marmonner un horizontal et le coller dans les formules. Et comme vous le voyez, ces bumbles sont trop gros pour ce format mobile. Donc, je ne laisserai que du texte sans Martin ou K. Je vais vivre sur le titre et un bouton, et je vais rendre la description invisible. Dans ce cas. J' ai de la place pour la Bible. Dans d'autres cas, le propriétaire d'une variable et a effectivement décidé supprimer cet enregistreur aussi bien parce que ce sera mieux sans elle. Et nous pouvons centrer notre bulle de remerciement et ça a l'air bien. Alors, avec les étiquettes, Bibles, et passons à notre jeune fille. Et puis nous devrons trouver le nom de l'élément composant huit personnes et coller dans tous les formats, sauf certains d'entre eux que nous avons décidé de vivre sans cette personne. droite. Et maintenant nous en avons fini avec la base 10 personne à notre folie. Et en fait, nous sommes prêts et nous pouvons télécharger toutes ces bannières et les télécharger sur Google annonces. Et passons en revue tout. Encore une fois. J' ai dit 100% échelle et regardez, si tout semble bien. Ok, les bûcherons petite zone bleue, même maintenant, mais je pense que c'est bon. Et nous pouvons placer ces bannières dans les annonces Google. Et probablement les gens, nous comprendrons ce qu'on veut. Peut-être que je vais faire ces biomarqueurs et être autour parce que le texte est trop petit. Habituellement, j'ai essayé de laisser plus d'espace entre les frontières et le marbre, mais le texte est vraiment petit, donc nous allons occuper tout l'espace que nous avons. Mais on n'aura pas de moins lisible, ok ? Donc, on dirait que tout est lisible. Et maintenant, une autre chose est de fixer des contraintes pour l'avenir. Et parce que nous avons créé un modèle et que nous ne voulons pas passer autant de temps à chaque fois que nous voulons créer ces bannières et que nous allons créer ce modèle, alors nous changeons quelque chose et nous obtenons une nouvelle version de ces bannières. Donc, pour le faire fonctionner, nous devrons définir des contraintes à toutes nos balises, bulles, et à toute notre image. Et nos composants. En fait, les composants d'image ne sont pas si importants. Et parce que si vous basez tout correctement ici sur le composant, et si vos majors ne dépassent rien, tout ira bien, mais les tags, Bibles et certainement changera leur position si nous n'utilisons pas nos contraintes. Alors, lentilles et allez ici et définissez nos contraintes. Il sera plus de temps Centre. Ce ne sera pas au centre. Cela mènera au centre supérieur aussi bien. Ce sont des sommets et des voyages autour. Et puis nous le ferons, nous serons donc K, Ce seront des hauts. Et ceux-ci seront pum, pum, pum, centre gauche. Ce sera aussi le centre gauche. Celles-ci seront également à gauche au centre. En fait, on peut en faire 25 et être comme ça. Celles-ci seront au centre. C' est au centre ? Oui. Centre de dope. En haut centre, en haut centre. Donc, tous les formats verticaux ont le centre supérieur de l'alignement parce que nous voulons que ce bumbles envient ce centre verticalement. Si nous ajoutons Samson et ces bannières, et nous utilisons habituellement le centre gauche ou le centime droit. Donc ici est à gauche, au centre, ici à partir d'un centre gauche masculin, au centre droit. Celles-ci seront laissées au centre. Donc, je regarde juste un des éléments que je ne veux pas superposer avec mon texte Baumol. Par exemple, à ces images, je ne veux pas que la fille soit superposée avec la bulle de texte. C' est pour ça que j'ai dit, juste contrainte. Cela signifie que si je change du texte, cet espace entre la frontière du cadre et la frontière de la Bible restera le même. Et dans ce cas, si j'ajoute du texte, MyText bumble ira à gauche et il veut superposer la fille. C' est pourquoi j'utilise ces contraintes et ces cas et il y a une différence si grande, mais nous dirons qu'il vient directement de la gauche et parce qu'il est plus proche de la lager que des filles, donc nous ne voulons pas qu'il gâche avec la lager. K d'entre eux ne viendront pas. Envoyé à gauche. Ceci est laissé envoyé. Ceux-ci seront faits, disons la grande différence, mettons-nous, d'accord, centre. Et ça va probablement que la fille. Si on superpose la fille, ça n'aura pas l'air si bon. Mais si nous superposons avec un logo, le logo sera complètement illisible. J' ai donc changé d'avis et je l'ai mis au centre gauche. D' accord. Je les envoie à gauche, même terreur. Et ces deux-là ont aussi quitté le centre. Ok, et mes petits formats, ils auront aussi un côté gauche. D' accord. Ceux-ci dit genre d'étrange à gauche Père Noël et ceux-ci auront parce que Jains centre, centre. Oh, d'accord. Donc maintenant nous avons mis toutes les contraintes pour nos textes bumbles et ces mineurs, Luke vivace K, pour les télécharger. Il y a encore une chose que nous pouvons faire. On peut ajouter de l'eau à ces bannières. Et en fait, il y a quelques promenades ici, mais on peut le régler à 20 pixels et le faire. D' accord. Je vais le rendre violet. C' est ça ? Oui, c'est la même chose. Nous avons donc créé un Warner. Rendons-le un peu transparent. OK, et mettez-le sur trois à quatre pixels. Ainsi, le corps est clairement visible dans tous les formats. Et nous pouvons utiliser ces navigateurs. Ça a l'air bien ici ? Pas si mal. Je pense que c'est le cas. D' accord. Et exportons tous ces cadres et appuyez sur le bouton X. Et disons que les joue dans ce dossier et appuyez sur Enregistrer. Mais Figma me dit que j'ai Varnas avec de tels noms déjà dans ce dossier. Alors faisons semblant que c'est ma deuxième version de nos fichiers. En fait, nous allons faire la deuxième version, Changeons quelque chose. Ici. Par exemple, je veux changer mon titre. Je veux écrire un instrument de musique BI Premium. Eh bien, c'est leur vision des brûleurs. Comme je l'ai dit, quand j'ai créé ces decks, bulle a changé un texte pour être vertical. Et c'est pour ça que le texte n'a pas changé dans ces billes. Donc, je dois le changer manuellement. Je vais à mes étiquettes et à mes bumbles et je cherche celui-là. Et je vais changer le texte malléolus, donc nous allons écrire BI, Instruments de musique Premium de k. Maintenant, examinons les bonus une fois de plus. Ok, donc je pense que nous sommes bons. La seule chose est que, comme je le vois, notre frontière superpose l'enregistreur. Donc, je veux qu'un enregistreur ait un peu plus d'espacement dans la gauche. Donc, je vais le créer et aller à mon composant logo. Et je vais rendre l'image un peu plus petite. Et je vais le mettre plus à droite. Ok, je pense que tout ira bien. Et maintenant, obtenons le vecteur R1 par d'autres. Et maintenant, je vois que mes bordures ne superposent pas le logo. Donc je suis doué avec ces bannières. Et exportons-les. Et c'est la deuxième version de mes mineurs. Donc, je vais ajouter ce suffixe ops V2 et exporter. J' exporte ce solde dans le même dossier qu'avant pour cet exemple. Mais généralement, je crée des dossiers séparés, un dossier pour la version 1, 1 dossier pour la version 2, et ainsi de suite. Mais cet exemple est enregistrer tous ces fichiers, les écrire. Et comme je l'ai déjà dit, si je crée différentes versions de mes bannières, je crée des fichiers Figma séparés. Dans ce cas, j'aurai différents fichiers de mes bannières dans ma bibliothèque. Et je peux toujours revenir en arrière et voir ce que j'ai créé avant. Et je peux le réutiliser, changer ou dupliquer. Et donc maintenant je crée un duplicata de ma pile. C' est assez grand. C' est pourquoi il faut un certain temps pour le dupliquer et vous devez attendre un moment. D' accord. Donc, il est dit un Copia et si c'était un fichier avec mon bonus, je l'appellerais v2. Il dirait les coureurs pour Google pour un projet, version deux. Cela dépend donc de vous comment nommer vos fichiers. Donc c'est manger avec notre bonus Google. Nous les avons tous créés. Et dans la prochaine leçon, nous allons regarder comment utiliser quelques conseils sur certains des formats. Et puis nous verrons la réponse des annonces d'affichage pour Google. 40. Conseils de bannières verticales: Deep pour un bonus vertical. Nous avons déjà fait des bulles de textes spéciaux pour eux avec chaque mot d'une nouvelle ligne. Donc ces bulles ralentissent, regardez verticalement quatre mois parce qu'on peut les agrandir. Il y a d'autres profondeurs. Par exemple, si vous avez trop d'espace libre à vos barres verticales, vous pouvez dupliquer l'élément ou la personne et le rendre plus grand et semi-transparent. Dans ce cas, il ressemblera à une sorte de reflet de votre article et parfois il semble bon. Laissez-moi vous montrer ceci En fait, cela est fait à cet exemple. Donc ça ressemble à ça, comme une sorte de réflexion. Et pour le faire, vous avez juste à dupliquer votre couche d'élément de personne, prenez celui qui est derrière, faites-le être comme ceci ou même veine. Et il y a une personne. D' accord ? Nous allons le placer comme ça et le faire, disons 25 ou 35, quelque chose comme ça. Donc ceux-ci ajoutent une certaine dynamique à ces bannières et ils ne semblent pas maintenant qu'il y a trop d'espace libre et nous ne savions pas comment le remplir. Et regardons comment cela fonctionne avec un autre. Par exemple, le téléphone de tête. Pour un casque, nous voulons probablement qu'il soit moins transparent comme ça. Ok, Donc ça marche aussi bien, mais avec le casque et il y a trop d'espace au centre, je suis probablement qu'on veut les déplacer un peu, quelque chose comme ça. En fait, je peux faire la même chose avec certains formats horizontaux, mais généralement ils sont plus occupés avec le contenu. Et ces espaces de périodes apparaissent à l'équilibre vertical. Ok, ramenons notre fille à leurs brûleurs. D'accord. Il y a une nonce et allez-y, Voyons voir. C' est une autre image. Et comme je l'ai déjà dit, Vous pariez, supprimez ces images inutilisées de vos composants. Si vous avez juste un fichier pour un seul ensemble de bannières pour une seule version et toujours les remplacer. Parce que lorsque vous ajoutez des images invisibles, les rendre invisibles. Ils sont toujours traités par Figma. Ça ralentit votre dossier. Et dans notre cas, je les ai laissés tomber pour vous montrer comment ça marche. Ok alors, et il y a encore une astuce pour un bonus radical. Parfois, les boutons sur eux semblent trop petits, comme sur ceux-ci ont gagné le cas. Vous pouvez simplement déplacer le bouton de l'exemple de bulle de texte, le mettre séparément. Et je vais le centrer. Et je vais faire comme ces petits comme ça. Et je fais le bouton visible là-dedans. Donc ça a l'air bien, mais le bouton est quand votre montre vous étiez à une échelle de 100 pour cent. Donc, vous pouvez faire la même chose avec certains de ces bonus. Voici donc quelques conseils pour les bannières verticales pour les annonces Google. 41. Conseils de bannières mobiles de 8.4 Bannettes de bannières mobiles: Deep d'en haut. Et voici quelques conseils sur l'équilibre aussi. J' appelle les bananes mobiles trois formats, 320 par 100, 320 par 50 et 300 par 500. Le dernier est placé dans les applications mobiles généralement. Voici ces quatre mois. Et que pouvons-nous faire avec eux ? Une option est de créer moins de texte sur eux déjà fait. Nous avons donc déplacé la description des bulles de textes. Et maintenant ces bannières sont assez lisibles. Mais il y a un autre indice que je n'ai pas encore montré. Et Google vous permet d'applaudir des images de taille double pour ces 34 mois parce qu'elles vont mieux regarder les écrans haute résolution des smartphones modernes. Donc, vous pouvez réellement créer des Banos de taille double. Il, ils seront depuis la famille 40 par 200. Un autre sera 440 par 100, ou 600 par 100. Ok, donc vous pouvez utiliser ces trois formats, mais il y a une note importante. Vous ne pouvez pas applaudir les majors de Denny. Trois, ces images via Google Ads Editor. Vous savez probablement que nous allons ajouter éditeur est un logiciel que vous installez sur votre bureau à un défilé, nous allons ajouter un peu plus efficacement. Donc, vous comptez, téléchargez ces double taille les majors à travers ces outils, vous devez aller à votre interface Web et ouvrir vos annonces, l'application, et télécharger vos images juste là. Donc, dans ce cas, ils trouveront et vous aurez vos images d'une bien meilleure résolution pour les smartphones modernes. Donc, ce sont des profondeurs pour votre bonus mobile. 42. Test 8.5 A/B: La grande chose à propos de l'utilisation de composants dans Figma est que vous pouvez les combiner de toute façon que vous voulez afin que vous puissiez créer autant de bannières que vous le souhaitez. Il existe deux variantes principales pour le bonus de tresse pour les tests AB. Le premier est d'appeler P votre fichier initial, changer quelque chose et créer un nouvel équilibre virtuel ou tout créer et, et obtenir une très nouvelle option obligations. L' autre façon est de créer un modèle où vous pouvez tester certains éléments de vos bananes. Dès le début. Nous allons couvrir ces deux méthodes et regardons les. Le premier est très simple. Ainsi, lorsque vous créez vos bananes, il vous suffit d'appeler PEA ou de dupliquer votre fichier. Vous en ouvrez un nouveau, nommez-le avec la nouvelle version et changez votre bonus à ce que vous voulez. Au cas où vous l'auriez. Vous avez déposé. Des espoirs. Et je vais créer, par exemple, de V3. J' ai mis la version au début du fichier afin qu'il soit mieux visible ici. Ok, donc j'ai créé ce fichier et maintenant comprendre que les changements que je vais faire le fichier de liste, je peux toujours les trouver dedans. Ceci est très utile car si vous réutilisez un seul fichier, il sera difficile de restaurer certaines versions que vous avez faites il y a quelque temps. Donc, ma suggestion est lorsque vous créez un ensemble différent de sans fil, toujours créer un nouveau fichier pour eux. Et vous aurez juste beaucoup de fichiers dans votre compte Figma. Mais c'est bon. L' avantage de cette méthode est que vous pouvez toujours trouver votre fichier et vous voir quel était leur changement quelque chose si vous avez besoin. Et si vous changez une seule amende encore et encore, vous voulez pouvoir le faire. D' accord ? Et l'autre façon d'effectuer un test A B est de créer comme ensemble de bonus avec différents éléments en ce moment dans un modèle. Alors regardons comment faire ça. Je vais ouvrir le modèle pour les annonces Google et vous en avez également une copie. Et comme vous pouvez ici, il y a un panneau potentiel et il y a trois versions de textes. Donc ce modèle est responsable d'un, B, C, test de différents textes comme à votre bio. Donc, vous allez juste ici le panneau de contrôle et il dit entrer dans le promontoire a et type de LNB, entrez les titres, voir. Et vous pouvez écrire vos titres ici et les descriptions de poste ici. Mais la part de pointe sera la même pour tous les volumes. Donc si tu veux changer quelque chose, je remplace une fille née. Xing va à tous les boutons et puis j'ai tous ces formats. Je ne veux pas d'eux et je fais des tests AB avec eux. L' avantage de cette méthode est qu'elle est déjà prédéfinie pour un mauvais goût. Et quelques granges continentales de veau, certaines minces ou comme un texte. Parce que c'est un bon moyen de tester quelque chose sur les abandonnés, mais pas sur les différentes bouteilles. Surtout si vous lancez vos campagnes pendant une longue période. Ma suggestion est grande et très différente bannières au début, ils peuvent être complètement différents pour comprendre lequel d'entre eux fonctionnera mieux pour votre public. Mais quand vous les trouvez, après cela, il est préférable de créer certains éléments de votre bonus pour obtenir de meilleurs résultats. Parce que si vous changez tout ce que vous voulez, être en mesure de savoir exactement ce qui vous a apporté les résultats. Ok, donc ce sont deux variantes, deux façons d'effectuer vos tests AB. Vous pouvez les combiner si vous voulez. Vous pouvez créer votre propre modèle, par exemple, avec différentes majors d'arrière-plan, pour différentes variantes et ainsi de suite. Donc vous pouvez jouer avec ça de toute façon. Vous avez accès à notre dossier sur Figma du milieu universitaire. Vous avez accès à ce fichier et comptez et voyez comment il fonctionne. En fait, nous allons le regarder de plus près à ce moins de K séparé, créer un grand bonus et nous allons passer à la leçon suivante. 43. 8.6 Bannières de réactifs Google: Annonces d'affichage réactives. Nous sommes venus à l'un des principaux formats de la publicité en ligne en ce moment est réactif annonces d'affichage par Google comme le contraire à notre lien original d'annonces d'affichage. Et Google a créé un format qui peut être utilisé plus automatiquement. Et ils combinent différentes tailles d'images et textes pour nourrir les meilleurs endroits de leur inventaire. Et Google combine différentes variantes d'images, des textes pour alimenter les machines à sous à l'inventaire. Et il peut paraître mieux que juste ces paquets parce qu'il peut s'adapter au contenu latéral, au contenu de l'emplacement où nous allons placer, place votre Varnas. Donc, à cette fin, ils ont créé des annonces d'affichage réactives. Et qu'est-ce que vous avez à créer ? Vous pouvez télécharger des images avec ces ratios et deux logos avec ces ratios. Et vous écrivez vos manchettes et vos descriptions. Et Google va combiner tout cela pour obtenir les meilleurs résultats. Il y a une règle selon laquelle vous ne pouvez pas placer plus de 20 pour cent des textes sur ces images. Ainsi les textes, les textes doivent couvrir moins de 20% de ces images, y compris le logo sur ces majors. Je veux dire que vous pouvez avoir autant de texte que vous voulez sur ces logos. Ce sont des fichiers, un fichier de logo distinct que vous allez télécharger sur Google Ads sous forme de fichiers séparés. Mais quand vous allez à ces images et que vous mettez votre logo sur ces restes, ces logos comptent dans la limite totale de 20 pour cent pour l'ensemble de l'image. Nous aurons donc ces deux formats. Je commence, par exemple, par six cent six cent neuf, un peu 55 par 500. Ou vous pouvez le doubler et créer, par exemple, cent dix cent vingt d'ici 1020 et 1, 0, 0, 0, 0, 0, 0, 0, 90, dix par 100. Et ce seront des fichiers plus grands, mais je vais créer ces versions plus petites et elles marcheront six par 600. Et j'utiliserai tous les composants que nous utilisions auparavant dans nos annonces d'affichage. Donc sont la plupart de l'arrière-plan sur cela et collez-le dans mon partenaire. Eh bien, vous vous souciez de quels pieds ? D' accord. Outil de mise à l'échelle Et je copierai tous les éléments comme je l'ai fait avant. Donc, je vais juste copier coller ces composants à partir d'ici parce que je les ai déjà mis à l'échelle et nous n'avons pas à passer du temps à regarder comment j'évolue tous ces éléments. Donc, je copierai juste les coller. Ces ions le même élément que j'avais avant. Maintenant, il ya une autre chose que vous devriez savoir et barges raillent si les annonces d'affichage est que Google ne vous permet pas d'utiliser des boutons sur ces bonus, parfois passer modération et mal, mais généralement ils ne le font pas. C' est pour ça que j'ai rendu les boutons invisibles. Et ces étiquettes, Bibles. Donc, ces boutons devraient puzzle la modération facilement. Et si je laisse des boutons ici, probablement Google rejettera ces images. Donc, en fait, nous avons ici nos fichiers et nous pouvons les utiliser dans nos annonces Google. Il y a deux autres choses importantes. L' un est comment attribuer 20% de l'outil de texte et autre est comment éviter de recadrer votre image. Et Google dit qu'il ne peut pas ramper jusqu'à 5% de votre bonus de chaque côté. Donc, pour le faire, pour contrôler cela, j'ai créé de tels rectangles qui où 50 pour cent de chaque côté. Et vous comprenez, si vous mettez des informations importantes dans ces zones et qu'elles pourraient être coupées. Et pour les créer, vous pouvez créer des rectangles. Donc si j'ai ces liens, 955 par 500, et vous devez créer un rectangle, rectangle vertical qui représente 50 pour cent de cette largeur. En fait, je ne sais pas quelle est sa largeur, donc je vais utiliser ces champs pour le calculer. Donc, je viens de basé 955 divisé par 20, donc ce sera 5%. Et Figma calcule ça pour moi. Et j'ai mis 500 ici parce que je sais que la hauteur de ma Varna est 500. Maintenant, je change le remplissage du solide à l'image. Et je suis content de ces chaises. Je le change en tuile. On va peut-être le fixer à 75 pour cent et en faire 35 pour cent de la capacité. Maintenant, je copie place aussi et je l'ai mis au-dessus du lien sur celui-ci et celui-ci. Maintenant, il peut tous obtenir ces rectangles et les unir. Donc, j'ai ces Union et avoir ce cadre où je peux vérifier si mes pieds Banos 5% les récolter. Donc, en fait, quand j'ai créé ce fichier, j'ai compris que mon graphique inférieur était recadré. Donc ces icônes étaient quelque part ici et je l'ai juste déplacée vers la droite. Donc maintenant c'est de nouveau et l'enregistreur est recadré par ces 50 pour cent. Je vais juste copier ces union à partir du carré un et le coller ou le dire. Ok, il a été collé d'ici. Eh bien, d'accord. Eh bien, mettez-le au-dessus. Alors maintenant, je vois quelle zone serait tâtons par Google. 44. 8.7 Le 20 % de règle de texte de texte: Google a une règle que vous avez faite juste pour votre affichage responsive. Les annonces ne doivent pas contenir plus de 20 % du texte. Cela signifie donc que si vous disposez d'une image pour vos annonces d'affichage réactives, vous devez vous assurer que pas plus de 20 % de chaque zone sera colorée avec le texte. Donc, si vous disposez d'une image pour les annonces réactives, vous devez vous assurer que le texte ne couvre pas plus de 20 % de sa superficie d'un carré. Et voyons comment vérifier cela dans Figma. Et j'ai une autre tâche. Je veux vérifier. Si je suis 20% du texte. Ok, je vais coller le Boehner et j'utiliserai la façon suivante. Je couvrirai chacun d'eux d'avidité. Donc, je vais noter d'accord avec cela. Et ce sera cinq cellules par cinq. Donc, je dois calculer combien de cellules ont couvert le texte. Et si je veux être inférieur à 20 pour cent, textes ne devraient pas dépasser cinq cellules. Donc cinq cellules représentent environ 20 pour cent de ce carré goulot d'étranglement. Donc, je vais créer la grille au début. Je vais créer deux formes rectangulaires. Et tant que c'est 5, 600 par 600, je sais que je devrais avoir des rectangles tous les 120 par 121 cinquième de ces dimensions. Celui que j'unit ces formes. Alors maintenant, j'ai une telle image. Maintenant, je vais l'exporter sous forme d'image. Ok, je vais le mettre à ces plus vieux, en fait celui qui vaut mieux nommer votre dossier avant l'expert en. Ce sera nous allons juste g, six cents six cents par 600 %. Échecs ou cage. Et l'exposant ces fichiers, donc il le fera, a un nom compréhensible et maintenant je vais créer un autre cadre, 600 par 600. Ok, je vais le remplir ou un moment, et j'ai mis tout ça dans ce cadre sur K. Je me sens maintenant avant de remplir, je dois créer un autre cadre comme nous l'avons fait lors de quelques leçons précédentes. Je vais bien, et un autre cadre, six cent six cents et je le remplirai de ma transformation. Nous utilisons le courrier électronique et l'envoi. Et je sais que ça devrait représenter un cinquième de la violence. Donc, je vais obtenir avec conduit pour l'échelle parce que je l'ai déjà créé comme un 5 pour cent de mon Barnett initial. Et je les ai mis dans le cadre et je les ai rendus semi-transparents. C' est ça. Bon, maintenant je peux compter combien de cellules contiennent des textes, 123456789. Donc c'est trop. Je comprends que ces images contiennent plus de 20 pour cent du texte. C' est pour ça que je dois les mettre à l'échelle. Je vais mettre à l'échelle le blogueur. Et pour rendre enfant seul entier, plus petit. En fait, je ne peux pas le faire à ce stade est donc je dois le faire à mes inconnues. D' accord ? Et je dois aussi mettre à l'échelle ces textes, probablement à celui de la science qui est maintenant, c'est 12345. C' est, je pense que c'est encore plus que ce dont j'ai besoin, mais pas tellement. Peut-être que je vais rendre celui-ci un peu plus petit et plus petit aussi, parce que j'aurai un nom de la boutique comme un champ séparé en réponse. Afficher les annonces et Google il y a ce champ spécial pour définir un nom d'entreprise là. Donc je pense que je suis d'accord avec ces extrémités étiquetées. Si je compte les cellules, ce sera probablement une, deux ou trois. Probablement, il sera au-dessus de cinq cellules pleines remplies avec le texte. Ok, et on peut faire la même chose avec cette image. Donc d'abord, je vais créer mes cellules. Ils seront 55 divisés par cinq. Et je sais que c'est 120. Non, non, ce n'est pas un 120. C' est ce devrait être un sans fondement parce que les hauteurs de, parce qu'il est 10, est de 500 pixels. Donc je vais faire la même chose que je l'ai fait avant. Je vais créer une cupidité pour ces bandes horizontales aussi. Non, ça ne vous dérange pas cette image. On va le renommer en Tn de 500. Nous choisirons. Oui, merci. D' accord. Et maintenant, je crée un roman le cadre et juste encadrer votre outil de sélection sera rapide. Et je crée un clin d'œil que je sais que je vais le faire une fois de plus et la sélection. Donc, ce sera dans la page principale sur cette même taille. Tu iras au-dessus du mien. Et moi, élite. Pourquoi ? Juste fait e-mail d'eux reproduire ces tuiles, il a été envoyé et de le rendre un pour cent visible. Alors comptons les cellules. 1, 2, 3, 4, 5, 6, probablement plus de cinq en général, s'il est difficile de compter ces cellules, vous pouvez faire v est à 50 pour cent et maintenant il y en a dix en 10100, sorte que le texte ne devrait pas être plus de 20 cellules. Donc, vous êtes un peu collègues. C' est 1, 4 ou 7 labos pour les adolescents, 17, 20, 21, 22, 23, 24, probablement environ 24. Donc c'est encore plus que ce qu'on veut. Donc, je vais maintenant réduire la taille de la boule de grange LD en jeu avec ceux-ci ne sera pas dans ce qui reste le bras des idées qui sont plus longues et Leto ainsi. Donc je vais probablement nourrir notre règle des 20% si je raconte les cellules. Ok, Donc, cette leçon, nous avons appris comment créer une majors pour Google responsive ads et comment vérifier si quelque chose d'important sera recadrée ou pourrait être recadrée par Google. Et ce 50 pour cent de chaque côté. Et nous avons appris à faire la lecture, à comprendre si notre texte suit la règle de 20 pour cent de texte, tous les appels. Alors ce siège et passons à une autre leçon. 45. Examen du fichier de modèle Google Ads: Comme un bonus de ce cours, et vous donner accès à deux fichiers, à deux modèles qui vous aident à créer des bannières Google et Facebook bonus dans une échelle. Donc, je vends ces modèles pour 79, 99 chacun. J' ai décidé de les ajouter à ce cours parce que de toute façon, je vous enseigne comment créer si mince, donc je vous les donne juste comme un exemple et ils sont assez bons et vous pouvez les utiliser dès maintenant. Ainsi, vous pouvez créer beaucoup de bannières pour vos annonces Google Ads, pour vos annonces Facebook, même sans tout le discours car ces modèles le font déjà. Mais bien sûr, nous sommes là pour apprendre et nous avons dû comprendre comment cela fonctionne. Et vous pouvez y apporter quelques modifications et utiliser et réutiliser ces fichiers. Allons voir ce qu'il y a à l'intérieur. J' espère que vous apprécierez ces fichiers et probablement vous les modifierez en fonction de vos besoins. Allons au fichier avec des bannières Google et voyons ce qui se passe là-bas. Donc j'ai ce fichier ouvre Madonna de Google annonces, et il y a trois pages ici. Il y a une page avec des instructions pour l'utiliser. Et regardons ça. Il y a des caméras. Remarquez parce que nous vendons ces fichiers et donc quelques conseils sur la façon d'utiliser tous ces, comment utiliser Figma. Il y a plusieurs instructions, je vais, plusieurs types de récupérés, la plupart d'entre eux dans plus profond. Et il y a quelques conseils pour utiliser ce fichier pour créer le bonus. Il y a donc quelques conseils et quelques explications. Want est fermé par différentes zones des fichiers. Alors passons aux pages réelles avec notre moins, il reste deux pages, pleurnicher et annonces réactives. Alors allons à la page des bannières. Nous avons plusieurs erreurs. J' ai des paramètres, nous avons des bulles, bulles de texte pour trois versions de textes. Et nous avons un cadre avec tous nos brûleurs où nous pouvons les regarder, vérifier si tout va bien et télécharger si nous sommes d'accord avec ces bannières. Alors regardons de plus près. Nous avons donc trois titres différents et trois descriptions différentes. Et nous aurons un objet ou une personne aura un bouton. Nous avons des preuves sociales par ici, bûches et des liens. Donc, en général, nous pouvons créer trois ensembles d'équilibrés avec différents textes. Nous avons ces lignes qui mesurent 500 pixels. Ils sont situés ici pour montrer quelle largeur de textes aura l'air bien au bonus. Tant que ces textes ont l'option de largeur extérieure. Sans ces règles, nous ne savons pas quelle largeur sera bonne et si elle sera trop grande, par exemple, faisons comme ça. Donc, il dépasse beaucoup 500 pixels. Donc, ces marmillons pour la première version deviennent trop gros. Et comme nous le voyons, ce n'est pas varier le bien ne semble pas bon. Donc, nous allons marine et retour. Vous pouvez également l'utiliser dans vos fichiers. Vous avez juste à mesurer et comprendre lequel lorsque vous êtes mesure d'utiliser dans vos billes de manuel de sorte que ces textes bulles et très grand. Donc ils ne dépassent pas les bannières ou quelque chose comme ça. Vous pouvez le faire dans. Vous pouvez juste faire plusieurs exemples et, et comprendre ce qu'il faut faire avec eux. Par exemple, ici, si vous remarquez que ces textes sont un peu plus gros que celui-ci. J' ai donc créé ces textes, puis créé des bulles de textes, puis les ai mis à l'échelle un peu vers le bas et les coller dans les bannières. Alors j'ai compris que c'est le maximum. Avec cela, je peux utiliser un je l'ai compris. Je ne veux pas utiliser du texte plus large que cela. Et j'ai dit pour des centaines, grande source pour comme règle comme exemple. Ok, donc je peux utiliser trois textes différents, je peux utiliser trois descriptions différentes. Et c'est tout. Il y a deux preuves sociales par ici. Nous ne les avons pas fait dans nos leçons précédentes, mais vous pouvez faire quelque chose de similaire à cela pour bannières pour les rendre plus beaux, pour mieux les convertir. Donc, cela ressemble de la manière suivante. Ces étiquettes et aller à la Banos et ajouter, il suffit d'ajouter une preuve sociale à eux. Ainsi, vous pouvez faire tous les composants que vous aimez. Vous pouvez ajouter des preuves sociales, vous pouvez ajouter des commentaires, des commentaires, ou tout ce que vous voulez. Ainsi, vous pouvez utiliser un tel fichier pour créer. Par exemple, AB test et bannières avec trois versions de textes. Ou vous pouvez créer quelque chose de similaire. Vous allez envoyer différents éléments ou personnes sont la façon dont vous avez dit différents horizons. Donc, évidemment, ce fichier utilise le même arrière-plan pour tous nos parents, mais vous êtes capable de créer tout ce que vous voulez. Ok, maintenant on en a fini avec nos publicités, avec nos modèles. Regardons les annonces d'affichage réactives. Qu' est-ce qu'on a ici ? Donc, en fait, nous avons ces. J' ai déjà parlé de ça. Nous testons non seulement trois balises, mais nous testons trois arrière-plans différents. Lorsque vous utilisez une majors pour des publicités réactives, il est très important de savoir quelles majors utilisez-vous car ce ne sont pas seulement des bannières, mais il s'agit de différentes combinaisons de bannières et de textes. Et il y a moins de texte et le, sur ces bannières, car il y a une limitation de 20% des textes sur eux. C' est pourquoi les images sont plus importantes pour les bananes réactives que pour les bananes ordinaires. Ok, alors qu'est-ce qu'on a d'autre ici ? Nous avons trois textes, trois titres et des descriptions. Un objet ou une personne ont un logo pour marquer nos images en filigrane. Avoir une époque avec des étiquettes, des bulles. Ensuite, nous aurons un espace spécial pour les logos. Vous pouvez ajouter une bûche carrée, tout juste ici, et un logo horizontal juste ici. Et après cela, vous obtenez quatre versions différentes de longus dans différentes couleurs. Bien sûr, vous pouvez changer ces couleurs si vous en avez besoin. Donc, à la fin, vous avez ces quantités d'images et de logos différents et ce sont des logos transparents. Je préfère les utiliser parce qu'ils correspondent à n'importe quel modèle que Google utilise à l'intérieur de ses annonces réactives. Nous avons ces commentaires qui montre comment Google peut couper jusqu'à 50 pour cent de chaque côté de vos bannières. Et nous comprenons que tout semble bien ici et nos logos ne sont pas coupés et nos bulles de texte ne sont pas attrapées par ces 5% rectangles. Donc, il ressemble à ces textes. Un coup d'oeil, d'accord ? Vous pouvez donc utiliser ces modèles pour vos bannières. Et vous pouvez créer vos propres modèles où vous pouvez tester tout ce que vous voulez. Tu peux mettre tout ce que tu veux. Par exemple, vous pouvez ajouter des composants pour vérifier si vos champs de texte règle de 20 %. En fait, quand j'ai créé ce fichier ou cette version du fichier, au début, il n'y avait pas de règle de 20 pour cent de texte dans google. Cette règle était seulement dans Facebook. C' est pourquoi cette version ne contient pas de vérification pour 20 % de textes. Mais je l'ai ajouté aux prochaines versions. Mais vous pouvez vous entraîner et le faire par vous-même, par vous-même. Nous l'avons fait lors de nos leçons précédentes. Ok, donc c'est tout. Comme vous le voyez quand vous comprenez veut continuer ici, cela n'a pas l'air si compliqué, mais quand vous regardez ceux-ci pour la première fois, cela semble un gâchis. Ça semble très compliqué. Mais en fait, quand vous le faites par vous-même ou quand vous comprenez simplement comment cela fonctionne, ce n'est pas si difficile et je vais vous montrer comment j'ai organisé les majors ici. C' est donc le composant d'image initial et vous devez mettre votre arrière-plan dans ce cadre. Ensuite, ce cadre coupe cette image à la taille de 1280 par 720. Et puis il crée ces deux variantes de ces arrière-plan. Et vous pouvez réellement changer de position si vous avez besoin, par exemple, déplacons ce signe dollar vers le centre. Et comme vous le voyez, toutes ces bannières sont affectées et ces changements d'arrière-plan. Après avoir fait quelques changements ici, si je veux, je peux ajouter du bleu bogue ici ou quoi que ce soit. Je veux faire en sorte que ces bannières soient mieux pour moi pour correspondre à mes objectifs et à tous les textes et aller de ces bulles de textes afin que vous puissiez voir que tout fonctionne. D' accord ? J' ai fait ces bannières avec une fille exprès pour vous montrer que vous pouvez même utiliser plusieurs personnages à vos paquets, surtout pour ceux-ci, j'ai créé deux versions de chacune de ces bannières avec une personne ou un objet et sans eux. Vous pouvez donc utiliser n'importe quelle version de ces fichiers que vous voulez. Donc je pense que nous avons fini avec notre fichier de modèle. Vous êtes libre de l'utiliser. Vous pouvez l'ajuster en fonction de vos besoins. Alors vas-y et essaye-le. 46. Introduction aux bannières Instagram Bannières de Facebook et Instagram: Et maintenant, nous allons apprendre à créer un équilibre pour Instagram et Facebook. Comme vous le savez, vous pouvez placer des annonces pour Facebook et Instagram à partir d'un et le gestionnaire et leurs tailles communes et pratiques communes pour Instagram et Facebook. Donc, dans cette section, nous allons apprendre à créer toutes ces bannières. Nous allons apprendre à noter moins quatre histoires. Nous aurons quelques conseils pour les histoires. Nous allons voir comment faire face à 20 pour cent règle de texte qui est toujours marcher dans et Facebook, malgré cela, il dit que ces règles a disparu en 2021. Nous devons encore penser à cette règle. Et enfin, nous allons revoir comment utiliser un fichier bolus avec une plaque d'équipe équilibrée Facebook. Alors allons-y et voyons comment créer un bonus réutilisable sur la pratique. 47. 9.2 Bannières Facebook et Instagram Bannières: Voyons comment créer de la biomasse pour Facebook et Instagram. Où le bonus de la page facebook. Comme nous le savons, nous créons ma liste pour Facebook et Instagram avec les mêmes formats, donc nous allons les nommer juste des bannières Facebook, et nous comprenons que vous pouvez les utiliser ainsi que Instagram. Alors qu'est-ce qu'on a ici ? Nous avons un panneau de contrôle, presque le même que nous l'avons fait pour Google, nous avons acheté avec quelques changements, quelques bulles, et en fait plusieurs formats. Je veux créer un nouveau panneau de contrôle pour Facebook ou pour cette leçon, parce que je l'ai déjà créé et nous l'avons fait plusieurs fois. Donc, je vais juste utiliser des composants de ces panneaux de contrôle. Comme vous le voyez, il y a un arrière-plan avec effet ci-dessous. Il est fixé à 20. Ok, je pense que je suis douée avec la 2e. Et nous avons un gros titre. Nous avons une description, nous avons une personne à un logo, ont des histoires, des flèches. C' est un élément, quatre histoires. Cet élément motive les gens à glisser vers le haut de l'histoire afin que vous puissiez obtenir plus de résultats de votre publicité. Nous aurons une leçon séparée comment créer différents types de ces flèches. Et nous avons ajouté des preuves sociales à ce virus. Donc ces images, et nous avons deux chars, les bulles, comme vous le voyez, il n'y a pas de bouton au-dessus parce que Facebook ne permet pas à vos images d'avoir des boutons sur elles. Si vous créez des images avec des boutons sur et les applaudissez dans Facebook, cela peut désapprouver vos annonces ou même restreindre votre compte. Il vaut mieux ne pas faire ça. Parce que Facebook a ses propres boutons autour de vos images quand Facebook vous montre des annonces et nous avons quelques preuves sociales et nous avons plusieurs formats ici. Comme vous le voyez, il y en a beaucoup, mais il y a deux options principales à mes invariants pour les bannières Facebook. Il s'agit d'un format de magasin comme celui-ci et d'un flux d'actualités. Vous pouvez utiliser différentes majors dans votre flux d'actualités, mais la plus courante est celle-ci, SQL. Mais si vous le voulez, vous pouvez utiliser de telles images. Par exemple. Plus horizontales ou verticales, mais pas aussi symétriques que les histoires. Et nous allons nous concentrer sur le format principal, sur le format carré. Si vous utilisez des formats psi, vous comprendrez certainement comment les créer après ces leçons. Alors qu'est-ce qu'on a ici ? En fait, nous devons nous caler sur quatre mois. Pourquoi est-ce que c'est parce que Facebook Place vos annonces dans des emplacements différents. Certains d'entre eux sont des actualités, d' autres sont des histoires. Et la colonne de droite dans Facebook sur la version de bureau du site Facebook lorsque les gens l'utilisent à partir des navigateurs de bureau. Alors nous allons voir quelle est la différence ira à Facebook et site d'affaires. Et voici comment une image regarde le flux de nouvelles Facebook et montré pour mobile. Mais comme vous le voyez, l'image est assez grande et elle sera clairement visible même si vous y mettez quelques petits éléments. Mais choisissons Facebook colonne droite. Et là, c'est. Donc, ce sont une image beaucoup plus petite. Donc, si vous mettez ici des petits éléments de textes ou quelque chose, ils ne seront pas si bien lisibles. Alors, qu'allons-nous faire ? Nous créons une autre image avec un texte plus grand. Donc, comme vous le voyez, cette image n'a pas de description sur le titre et elle n'a pas de logo. Alors créons ces moins à partir de nos composants. Je crée un cadre de 180 pixels. Carré 1. Remplissez-le pour l'instant. Ok, je vais copier coller mon fond collé ici. D' accord ? Nous allons ajouter une fenêtre plus longue ici. Copiez notre logo horizontal dans ce coin, assurez-vous qu'il est collé, ok, parce que j'ajouterai plus tard à cette image. Et ça ne l'a pas fait ici, mais je le ferai à notre leçon. D' accord. Je vais ajouter une bulle de texte. Celle-là. Rends-le plus petit. Je vais probablement plus longtemps, plus petit aussi. Je le ferai plus tard. D'accord. Je le ferai. Et j'ajoute une preuve sociale, composante horizontale de preuve sociale. Je le colle. Et je pense que je suis d'accord avec ça. Avant de créer un composant à partir de ces bannières, je vais le renommer. Donc ton soit Facebook. Dix cent quatre-vingts, deux mille dix-huit. Peut-être que c'est ça. Et je duplique celui-ci. Et avant de le rendre compétent parce que je vais utiliser la même chose pour la colonne de droite. Maintenant, je veux dire ce composant. Maintenant, je veux dire ces composants et le plié, je l'ai refait, renommé en colonne de droite K, faire composant informatique. Comme je l'ai dit, ces textes voulaient les colonnes visibles et les colonnes de droite. Donc, je vais juste cacher la description et agrandir ces titres. Ok, donc je pense que je suis douée avec ça. Et créons une histoire et créons un cadre. Taille. Sentez-le. Viens de mon propre milieu. Je peux le mettre comme ça ou je peux centrer. Il, utilisera cette bulle de texte. Et l'autre. Pas encore sûr de la taille, donc je vais juste faire comme ça pour l'instant. La meilleure personne ici. Centrons ça et rendons les plus grands. Ok, peut-être même comme ça. D' accord. Et je voulais ajouter l'étoile 18. La preuve sociale horizontale et le placer ici. Peut-être que je les ai fait même la même largeur. Il y a une chose que je n'aime pas dans la notation des étoiles est, vous voyez que c'est plus noir et c'est plus gris, une couleur de police. Je vais donc rendre la police de ces deux composants plus légère. Il d'abord, je vais bien, peut faire comme ça, terrifiant ce texte et utiliser sélecteur de couleur pour ok. Nous pouvons vérifier si c'est de la même couleur. Seulement sept 47 ans. Quarante-sept Vérifions ses quarante six, quarante six, presque. Donc, nous pouvons faire ce texte de ce calibre, mais en fait, je ferais ce style d'étoile bordure de la même couleur aussi, donc je peux utiliser la couleur de sélection. J' ai appliqué le style ici parce que j'ai copié ce tolérer à partir d'un autre fichier, mais je suppose que tout ici. Et je vais détacher dans ce style et classer la couleur. Il y avait 47 ans. Quarante-sept, quarante-sept. Alors maintenant, ils ont l'air de la même façon. Lorsque vous copiez certains éléments à partir d'autres fichiers. Les concepteurs professionnels utilisent généralement les Styles, sorte que vous n'avez pas seulement les couleurs ici, vous avez des styles. C' était donc un peu de style et il a été appliqué à ces éléments. Mais je ne veux plus que les styles soient ici, donc je ne les ai pas touchés et j'ai juste utilisé ce que je veux. Je veux la détention de ce style aussi. Donc, j'ai fait ces preuves sociales pour regarder dans ce même style et les mêmes couleurs que j'ai utilisé dans mon texte est bonne. Et encore une fois, je n'ai pas créé ces espaces de stockage et à partir de zéro, je l'ai utilisé à partir d'un autre fichier qui a été créé par un certain design. Dans cette conception, j'ai appliqué des styles à ces étoiles jusqu'à ce que tous ses objets. Et c'est pourquoi j'ai vu non seulement les couleurs, j'ai vu des styles ici, mais maintenant ils ont la même apparence. Mais je pense que certains de ces éléments ne sont pas centrés. Celle-ci ou celle-là. D' accord ? Et maintenant, je les fais pareil. Ok, maintenant, je suis content de ces étoiles à ma manière d'histoire. Qu' est-ce qui reste ? Et j'utiliserai ces étoiles qui motivent les gens à balayer notre histoire et à la copier d'ici. Vous pouvez faire différents indicateurs si vous voulez, pas seulement ces flèches, vous pouvez créer ce que vous voulez. Revoyons une fois de plus, qu'avons-nous fait ici ? Nous avons donc créé trois variantes de bannières, 14 histoires, une pour le fil d'actualité et 14 colonnes de droite sur le site Facebook. Nous n'avons pas copié ces formats. Tu peux le faire par toi-même si tu veux. Dans certains cas, ces formats semblent mieux si vous avez des images spéciales qui se nourrissent mieux sur les côtés. Mais d'habitude, j'utilise ces formats carrés. C' est plus universel. Et comme vous le savez probablement depuis l'année dernière, Facebook vous permet de choisir quelle image mettre à chaque format, à chaque placement ou Facebook. Ainsi, vous pouvez télécharger celui-ci dans tous les formats. Ensuite, vous pouvez appliquer ces images deux histoires, puis votre appliqué cette image pour votre colonne de droite. Donc, dans ce cas, vous aurez un seul ajout, une seule copie d'annonce qui couvre tous les emplacements et tous seront beaux. Et si un endroit où vos annonces, par exemple, il y a deux ans, vous savez qu'il n'y avait qu'une seule taille d'images dans l'annonce, à une seule copie d'annonce, vous deviez créer des annonces différentes pour différents emplacements et vous devait créer des ensembles d'annonces distincts , par exemple un ensemble d'annonces pour, ou même une campagne pour l'histoire, une autre campagne pour le flux d'actualités. Ainsi, lorsque vous deviez mettre des images correspondantes à différents ensembles d'annonces de campagnes, vous deviez désactiver certains emplacements. Donc, vous ne vouliez pas qu'une image pour le flux de nouvelles de la colonne de droite apparaisse dans les histoires parce qu'elle n'aura pas l'air bien. Mais maintenant, vous avez le contrôle de tous ces éléments et vous pouvez créer une seule annonce et applaudir toutes ces trois images dans ces annonces. Donc je pense que c'est beaucoup plus pratique qu'avant. En fait, c'est tout avec la création de nos images de base à partir de bannières Facebook. Dans la prochaine leçon, nous aborderons d'autres sujets à ce sujet. 48. Aperçu 9.3 Stories préview: Voyons comment créer pour au moins l'aperçu Dick pour les histoires. Donc nous y voilà. Et c'est un cadre que nous allons utiliser ici. En fait, nous voulons couvert comment le créer dans les détails. Si vous voyez qu'il y a beaucoup d'éléments différents et que nous entendons leurs noms comme des balises. Il y a quelques éléments de flèches, d'un cercle de points sur tout. Et il y a quelques composants que j'ai utilisés ici que vous pouvez changer. Donc, si vous voulez, vous pouvez mettre votre logo ici et votre nom d'utilisateur Instagram. C' est donc un aperçu pour Instagram. Mais il semble presque le même dans Facebook avec les petites différences. Donc, comme vous le voyez, il y a un composant ici. Donc, comme vous le voyez, il y a un composant ici et vous pouvez changer son nom à ce que vous voulez, et il ira à l'aperçu. À la place. Nom, ok ? Et si vous voulez, vous pouvez changer un logo ici. Vous avez juste à lier le composant le plus long et remplacer cette image par autre chose. Par exemple, j'ai ajouté une autre image et je la rend visible. Donc à partir de ce point, voici le Kader, mon aperçu le plus rapide. Donc je pense que c'est assez simple. Maintenant, regardons comment l'utiliser. Vous avez juste à créer une copie de votre bannière de magasin couture aller ici et nous avons oublié de le nommer et de le faire composant IN nom, à partir de là. Et nommez-le en B. Ok, comme ça. Et je le fais composant. Je vais le dupliquer et le déplacer ici. Donc, je dois mettre ces interface utilisateur Instagram au-dessus de cette bannière pour comprendre à quoi cela ressemblera dans la vraie vie. Donc, pour cela, je vais créer un cadre qui contiendra à la fois ces Bonnie et duplicate et ces Instagram en utilisant ceci. Donc j'ai juste encadré cette sélection. Donc maintenant j'ai un cadre et je peux dupliquer cette chose et le coller dans ce cadre. Maintenant, vous voyez que j'ai deux couches par ici. Je dois juste les faire chauffer, d'accord ? Comme ça. Alors. Maintenant, vous voyez que ce son parfait plus long n'a pas l'air bien ici. Et je ne pense pas qu'il y ait un bon endroit pour ces Logan, cette bannière. Probablement si nous créons une version carrée, nous pouvons la mettre quelque part ici ou nous pouvons la mettre en arrière-plan, par exemple, quelque chose comme ça, mais pas ici. En fait. Mettons-le et le sol des oiseaux et voyons à quoi ça ressemblera. Je vais bien. Je vais au brûleur My Stories et je les supprime plus longtemps d'ici. Maintenant, faisons une copie de cela plus longtemps. Besoin de ces images. Je veux. Dupliquez le composant du plus j'utiliserai. Par ici. Déplacez-le à l'extérieur et ne laissez que le symbole. Donc, je vais cliquer sur cette image comme celles-ci et faire de la gestion informatique être puis-je le mettre dans mon K posant ceux-ci ? Je fais que ça ne s'est pas attardé. Donc c'est mon plus long et probablement je veux vivre visible. Ok, je vais bouger, cette image, montre une écriture, quelque chose comme ça. J' ajouterai Mumble ici. Et mettons-le à 30. Ok, je suis douée avec ça. Donc, comme vous le voyez, nous avons ajouté ces composants d'un plus long. Et cela a l'air dans le même style avec un plus long mais nous n'avons pas à le mettre correctement sur le Maryland parce que je ne pense pas qu'il va bouger ici. Et voyons dans l'aperçu, je pense que c'est OK. Alors maintenant, vous comprenez comment utiliser ces révisions de l'histoire et vous saurez comment le déséquilibre va ressembler avant elle. Pamela est eux à l'interface Facebook Ads. 49. 9.4 20 % de la règle de texte (2021): Il y a une règle et Facebook, il ya vous permet de mettre seulement 20 pour cent des textes sur votre image. Cela signifie que seulement 20 pour cent de la zone d'image de son carré doit contenir du texte. En fait, en 2020, facebook a déclaré que cette règle n'est pas applicable. Les gens du marché disent que cette règle n'a pas complètement disparu. Il y avait quelques expériences qui montrent que encore si vous utilisez beaucoup de texte à un livre de faveurs créatives va diminuer leur portée. Donc, je pense qu'il est préférable de suivre cette règle, surtout à vos histoires et aux formats de pieds d'unités. Parfois, il est difficile d'éviter cette règle sur vos images de colonne de droite lorsque vous voulez y mettre des textes et que vous voulez qu'ils soient toujours visibles car les images de la colonne de droite sont assez petites. Mais pour les histoires et les nouvelles, je vous suggère de suivre cette règle comme avant. Et nous avons quelques conseils et techniques pour calculer quelle quantité de textes. Et avons-nous l'un d'eux que vous avez vu dans la leçon de bannières Google et un autre est juste ici. Voyons donc comment calculer cela. Allons voir si nos majors suivent cette règle de 20 pour cent des textes sur Facebook. Ok, donc on a plusieurs outils pour ça. Commençons par le début. Nous avons quelques bannières et nous voulons calculer si elles sont d'accord avec 20% des textes Joule. Donc, la première méthode est de créer ces avidité et de compter combien de cellules contiennent le texte. Donc, si j'ai un logo carré et que j'ai des grilles cinq par cinq, alors c'est 25 carrés au total. Donc 20 pour cent est un cinquième d'entre eux. Donc, si j'ai des étiquettes sur cinq carrières ou moins, je suis d'accord avec la règle. Et vous avez le texte est plus que sur cinq cellules. Donc, dans ce cas, nous devons donc diminuer la quantité du texte. Ce n'est pas exactement comme ça que Facebook fonctionne. Ils utilisent l'apprentissage automatique pour ces, mais plusieurs années et aller facebook avait le même outil pour comprendre si vous flux d'image, cette règle et le début, Nous allons dupliquer notre bannière. Et maintenant, mettons fin à cette grille. Comment le faire ? J' ai un carré inférieur, une de ces dimensions. Donc, je veux créer un petit carré qui est 1 cinquième de ces longueurs. Donc, si c'est 1000080 miles carrés devrait être notre créer un rectangle. Je ne sais pas, mais je peux le calculer ici. J' ai juste mis 1080 divisé par cinq et ça me dit, c'est 216. D' accord ? Alors je l'ai dit comme ça. Maintenant, je duplique cette image. Certes, ce n'est pas encore anglais, mais nous allons en créer un. Je les sélectionne tous les deux et je les unit. Maintenant, il s'agit d'un seul objet. Maintenant, j'exporte ceci comme une image. Je peux utiliser le format andrew, mais en fait ce n'est pas si important parce que de toute façon, nous l'utiliserons comme une image semi-transparente. Mais pour l'instant, je vais les exporter. Et en fait, il vaut mieux le nommer d'une manière compréhensible. Par exemple, je l'ai utilisé ici, sera échecs 1081000080, et j'exporte cette image avant de l'utiliser. Comme vous le comprenez probablement, nous devons créer un cadre au-dessus de notre composant et même un cadre de plus. Maintenant, nous avons ce cadre à l'intérieur d'un cadre à l'intérieur d'un cadre, mais nous avons besoin d'un autre comportement. Nous allons le mettre comme ça. Donc maintenant ces cadres sont au même endroit. Enveloppe les placer au-dessus de notre composante bannière. Donc ce seront nos chaises. D' accord. Il suffit de lire. Maintenant, je fais le remplissage et visible et le remplir avec mon image que je viens de télécharger. Ok, donc maintenant je dois définir une autre option. Ce sera tuile et ce sera un 100 pour cent. Maintenant, vous voyez que j'ai une grille de cinq par cinq. Maintenant, je le fais semi-transparent et je compte, je peux compter combien de cellules et faire la moitié sous le texte. Donc si je compte ici, c'est probablement qu'on peut compter ensemble une cellule jusqu'à 2.534. Donc je pense qu'il y a eu un suit la règle. Et je peux même faire que les chars soient un. Pour que je puisse aller ici et mettre à l'échelle ces choses, la Bible pour la rendre plus grande. Et je pense que nous sommes bons avec la ligne. Voyons une autre façon, ou carré moins je crée un duplicata de ces boucles. Ok, et si j'ai un bouton carré, j'ai une solution plus facile. Je dois juste ajouter. Ces cadres, sélection aléatoire. Sélection aléatoire à nouveau, 30 images. Maintenant, je le remplit. Et maintenant, j'utilise l'image par défaut ou le remplissage. En fait, c'est l'image d'échecs, donc c'est bon pour moi, mais comme vous le voyez, ça ne correspond pas à ma taille. Donc, je dois choisir l'option Tile. Et maintenant j'ai besoin de comprendre quelle échelle, échelle à définir. Je vais vous laisser cette formule. Si votre site est, par exemple, 1, 0, 0, 0, 0, 0, 0 et 80, vous devez le multiplier par 1,25 et ce sera votre échelle. Donc j'ai juste là-dessus et comme vous le voyez, j'ai une dimension cinq par cinq. Je vais le rendre semi-transparent. Et nous l'avons à moins que. Et maintenant je peux compter combien de cellules sont sous le texte aussi. Donc je vais te laisser cette formule. Mais ces promenades sur les images Foursquare, parce que si vous avez cette image rectangle, vous devrez créer ce genre de cellule. Alors faisons-le. Je vais dupliquer dans cette sélection de cadre de fichier . Sélection de cadre. Maintenant, je suis tout ceux-là et ceux-là dessus. Et qu'est-ce qu'on a ? En fait, nous devons créer la même chose que nous l'avons fait ici au premier exemple. Et maintenant, nous allons créer un rectangle avec des côtés avec est 1000 et le diviser par cinq. Et la hauteur est 1920 divisé par cinq. Donc, c'est là. Maintenant, je vais faire les deux objets uniques et x les pub. Donc maintenant, nous l'utilisons dans le champ dans tous ces noms. Et utilisez l'option avec 100 pour cent. Maintenant, nous allons le rendre semi-transparent. On peut l'appeler avidité. Donc maintenant, nous pouvons compter combien de cellules contiennent le texte. 123, peut-être quatre, peut-être cinq, désolé, je pense que c'est bon. Cette façon, c'est bon. Et nous avons une autre variante de la création d'un objet qui nous aide à comprendre si notre bonus. Suivez la règle. Il s'agit de créer un rectangle unique et de voir si le texte est placé dans ce rectangle. Alors regardons l'exemple. Nous avons une bannière sur 1080 par 100 mille 350 pixels. C' est comme ça. Et vous devrez calculer quels côtés de ces cadres avons-nous besoin pour suivre cette règle ? Donc je dois faire des maths ici. Nous savons que le rapport de la liaison est de 1080 par 1, 0, 0, 0, 3, 100, 51,25. Si on nomme un site de prêt. Donc B est le plus court. Donc a est égal b multiplié par 1,25. Et de l'autre partie, nous savons que le carré de ces rectangles, un multiplié par B ne devrait pas être un cinquième du carré de notre banane totale. Donc, c'est ça. Et nous avons un système d'équations. Quand nous le résolvons, nous obtenons que a égale à 600 4 et b égale à 400, 83 environ. Et quand on a un rectangle, et si on vérifie son carré, c'est presque la même chose avec 1 cinquième de la banane entière. Donc nous pouvons créer ces cadres et nous pouvons, créons le. Créez un nouveau cadre. C' est pour des centaines, 38 moins 604. Maintenant, je fais comme accident vasculaire cérébral, disons 20 et 21, ok, 20, ça va. Et je le ferai au centre de mon cadre. D' accord ? Maintenant je veux, en fait je peux laisser ces noirs, mais je veux les rendre colorés comme ça. Rendez-le coloré. J' utiliserai le remplissage angulaire, et j'utiliserai d'autres couleurs. Je dois donc ajouter plus de points. Et ces dégradés. Quelques lignes minces. Et ce spectre. Donc n devient coloré, quelque chose comme ça. Ok, donc maintenant j'ai un cadre pour au moins voir probablement ce texte. Et ce lien est correct parce que presque tout ce texte se nourrit dans la bannière et il reste un allèle, mais il y a beaucoup d'espace ici. Donc probablement ce groupe va bien. Et qu'avons-nous d'autre ? Et nous avons différents formats et nous ne savons pas quels formats et quelles tailles de texte avons-nous à l'avance ? Nous savons que nous étions après avoir créé le bonus parce que les bulles de manuels peuvent avoir une forme différente. Voyons donc cet exemple. Par exemple, nous avons ce type très horizontal de balises bulles. Et nous comprenons que ces cadres ne nous aident pas à le calculer beaucoup. Donc, dans ce cas, nous devrons créer un autre cadre qui sera plus horizontal, mais prendra toujours 1 cinquième de son carré. Lorsque vous créez ces cadres. Pour plusieurs bonus, vous comprenez que vous devez calculer la taille du cadre pour chaque taille de bannière. Et ce n'est pas si facile que vous voyez, nous devons résoudre ce système d'équations. Et je ne pense pas que tu veuilles le faire tout le temps. Donc, pour ceux-ci, j'ai créé une feuille de calcul Google qui calcule ces pour vous. Regardons comment ça marche. Maintenant, vous avez ce fichier et quand vous voulez l'utiliser, vous devez faire une copie parce que vous aurez v sur l'axe. Donc je fais une copie de ce dossier. Je l'ai mis dans ma voiture. Et la copie est créée. Maintenant, je peux l'utiliser. Alors, qu'est-ce que je vois ici ? Je vois quelques colonnes et quelques lignes, les colonnes, certains paramètres pour vos rectangles de logiciel acheteur et les lignes sont pour chaque taille de violence. J' ai créé plusieurs formats pour les bannières Facebook et Google. Et vous pouvez déjà lier les côtés calculés des rectangles. Et vous pouvez obtenir votre largeur de rectangle, et la hauteur ici. Donc, si vous avez une bannière de cette taille, vous aurez un rectangle de ces côtés pour obtenir un rectangle qui couvre 20% de ces carrés. Allons au fichier et voyons comment cela fonctionne. Par exemple, nous utiliserons une histoire. C' est 483 par 859. Donc, je vais appeler PMI histoire bannière ici. Et je vais ajouter un cadre, un cadre, cette sélection. Ensuite, je copie ce cadre ici. Et je voulais m'adapter à ma taille. C' est mon 859. D' accord. Donc c'est le cadre. Qu' est-ce que vous voyez, la forme de ce cadre ne suit pas le texte et ce n'est pas vraiment si facile à comprendre si ce texte est la règle. Surtout pour cela, j'ai créé quelques colonnes de façon à ce que vous puissiez définir un ratio de votre extrémité rectangle, obtenir de nouvelles proportions. Par exemple. Je veux que ce ratio soit moins vertical, donc je vais le mettre à 1. Ici, 1.3. Ça le montre sans accord. C'est bon. Donc j'ai 730 sur 565. Ok. Des espoirs. Ok, et ça nourrit mon texte beaucoup mieux. Et maintenant je comprends que tout ce texte entre dans le cadre. Et je comprends qu'il suit la règle de 20% des textes sur le bonus. Ainsi, vous pouvez facilement utiliser ce fichier. Vous pouvez définir n'importe quel rapport de côtés de votre rectangle ici et vous obtiendrez vos côtés sont rectangles. Ces formats Vanna. Je pense que c'est assez facile. Je vous ai laissé beaucoup plus de lignes ici pour que vous puissiez jouer avec et utiliser ce fichier. D'accord ? Donc, en général, nous savons que Facebook a une règle de 20% des textes. En fait, Facebook dit qu'il l'annule. Mais pour l'instant, même de nombreux documents Facebook disent que cette règle s'applique toujours. Et comme les gens du marché disent que c'est la règle ne va pas complètement. C' est pourquoi je veux vérifier si nos majors suivent cette règle. Et il est préférable de le faire avant de télécharger ces images sur Facebook. Donc celui-ci prend beaucoup de temps et nous avons deux options ici pour le faire. Sur. Le premier est de faire ces et la cupidité et de comprendre combien de cellules contiennent le texte, nous avons deux façons de le faire, mais je préfère celui-ci parce qu'il est universel. Et quand nous créons de petits rectangles pour l'utiliser dans la forme de notre carré BATNA moins nous en aurons un autre pour utiliser l'option de remplissage standard. Et pour utiliser ces coefficients pour comprendre, nous avons mis à l'échelle pour définir le titre de cette image. Et nous avons une autre option pour créer un cadre unique et pour comprendre visuellement si notre texte suit la règle. Donc, je pense que vous serez bon avec chacune de ces variantes. Et vous devez comprendre que vous n'avez pas à créer toutes ces images à chaque fois. Parce que, par exemple, si vous avez ces formats pour les histoires ou les flux d'actualités ou la colonne de droite sur Facebook, vous utiliserez généralement ces formes, ces tailles de bannières encore et encore. Et cela signifie que vous pouvez créer un composant qui utilisera ces images, que nous utiliserons ces grilles et que vous n'avez pas à le créer encore et encore. Il vous suffit de le créer une fois, puis de le réutiliser dans vos fichiers quand vous en avez besoin. Et si vous créez ce type de cadre, probablement vous avez juste à ajuster le ratio de l'image et vous avez ces feuilles de calcul Google pour le faire. Donc je pense que nous sommes bons avec cette règle et passons à un autre moins que sur les annonces Facebook. 50. 9.5 Stories Swipe scénaristes: Voyons maintenant comment créer des marqueurs d'histoires qui vous permettent de motiver les internautes à balayer vos annonces d'histoires. Allons donc voir nos trois exemples. Nous avons ceux que nous avons utilisés auparavant dans notre balance. Voyons donc comment créer une telle mince. En fait, c'est assez simple. Il n'y a que trois lions unis ou de taille différente ou je viens d'en créer un. Ok, Allons le kit principal en ligne. Et tout ça. Ok, et on va faire ça aussi. Je sélectionne ce point et utilise l'option jointure. Donc ça ressemble, peut-être que c'est nous, alors rendons plus épais qu'un simple copier-coller. Rends-le plus petit. Copier-collé. Et le rendre plus petit. Peut-être même comme ça. C' est donc une forme un peu différente. Maintenant, je vais le rendre blanc. J' ajouterai un peu de transparence. Je vais ajouter un peu d'ombre. Et maintenant, ils ont l'air très semblables. Et une ombre intérieure. Et je mettrai un morceau de deux blancs. Ok, maintenant ça ressemble à ce qu'on avait avant. Si je veux, je peux unir ces formes et j'ai ces flèches. D' accord ? Maintenant, nous allons bouger et voir comment créer d'autres motivateurs, par exemple, de telles stations au sol. Ok, et voyons comment ils regardent Barnum. Regardons comment le créer. Comme vous le voyez, ce sont des morceaux de cercles. J' ai donc besoin de créer une ellipse. Je dirai que c'est total, disons 100. Probablement, ce n'est pas suffisant. Je vais juste l'adapter globalement à ceux-ci. Maintenant, nous devons créer ces arcs à partir de ces cercles. Donc je dois trouver ça. Oui, on le met à ça et je vais envoyer ces minces. Ok. Maintenant, je copie collé et je l'échelle vers le bas. Je vais le rendre un peu plus épais. Ok, maintenant je le copie coller et le rendre plus petit et le rendre plus épais. Certains de ces cas, je veux probablement rendre ce plus petit à, pour être plus proche de l'intérieur, puis à un autre probablement pour le rendre plus petit à nouveau. Et les rendant minces, ils font ces petites choses ou deux. C' est trop épais et maintenant c'est mieux. Encore une fois, je peux le rendre blanc, semi-transparent. Je peux unir ces coups. Je veux le déplacer, le rendre blanc, et le rendre semi-transparent. Et je vais ajouter un peu d'ombre et juste le laisser par défaut. Donc maintenant, ces choses semblent similaires, même celles que je suis et je peux créer un composant avec ce simple balayage vers le haut de texte. Pour ceux-ci, je vais juste utiliser du texte parce que je tire ceci. J' utilise une police ou du sel de roche comme vous le voyez. Vous pouvez aussi l'utiliser. Et je vais créer ces flèches. Je peux aller ici et choisir une flèche et la rendre plus épaisse. D'accord ? Maintenant, je passe en mode édition et je le mets sur les courbes. Celles-ci. Tout le monde a patché ceci et c'est le plus simple. Ok, je dois juste créer un cadre. Toutes ces choses. Sur notre sélection. Je vais changer sa couleur en violet. Je vais ajouter un peu d'ombre. Et je vais changer la colonne cette ombre trop large et mettre sa transparence à 25 pour l'obésité à 75. D' accord ? Donc maintenant, ça ressemble à ça. Si vous le souhaitez, vous pouvez modifier une forme de ces flèches pour une autre que vous voulez l' échantillon ressemble à ceci. D' accord ? Et comme vous le comprenez, vous pouvez créer un composant à partir de ce cadre et l'utiliser dans vos histoires. Donc, comme vous le comprenez, vous pouvez créer autant de facteurs de motivation que vous le souhaitez. Et généralement, ils ont l'air bien à vos histoires et ils motivent les gens à glisser, glisser vos bannières vers le haut. Alors utilisez-les, créez votre propre et réalisé de grands sitars. 51. 9.6 Carousel Ads Facebook: Voyons comment créer des annonces de carrousel Facebook. En fait, c'est assez facile. Il suffit de créer plusieurs bannières différentes. Modifiez ses éléments directement à chaque copie. Par exemple, j'ai ceux-ci et ceux-ci, ce ne sont que trois composants distincts. Ils n'appartiennent pas au procès eux. Et j'ai quelques produits sont juste insérer une image du produit. J' ajoute du texte ici et je peux me faire perquisitionner par ça. Quand je le crée au début, je fais juste la longueur de ceux-ci. Je sélectionne ces Barner que j'ai créé. Je copie l'exemple 2 collé ici, et je détache ces composants. Et je en fais un composant et un gain. Donc, nous allons faire que c'est notre quatrième dossier. Et maintenant je dois juste changer tous les textes et images que je veux. Donc, comme vous le comprenez, le modèle général reste le même, mais semble très similaire à celui-ci. Mais si vous avez besoin de changer du texte pour un autre produit, pour une autre offre, vous pouvez simplement le faire et cette bannière. Donc, en général, si vous avez besoin de créer des annonces de carrousel, je vous suggère de ne pas créer des modèles très compliqués qui vous permettront de créer tous les fichiers ensemble. Angela vous recommande de créer des composants pour des choses telles que l'arrière-plan, logo par exemple, ces bulles fond. Et si vous avez besoin de changer des textes et des images, il suffit de le faire dans chaque copie. Créez donc autant de copies que vous le souhaitez, mais ne créez pas un composant unique qui sera appliqué à d'autres. Je pense que c'est trop compliqué pour les annonces de carrousel parce que lorsque vous les créez, vous avez généralement des produits différents. Il existe différents textes de Samson et à partir de ce point, vous ne voulez pas créer de composants pour tout. Vous avez donc juste besoin de créer des composants pour votre arrière-plan, pour votre logo, pour ces arrière-plan, et c'est tout. Et tout ce qui est changé d'un bord à l'autre. Tu as dit beaucoup d'entre eux. Mais ça ne veut pas dire que ça ne vous fait pas gagner du temps. Il vous fait gagner beaucoup de temps en comparant à créer et annonces Carrousel dans Photoshop ou dans Canva ou autre. Parce que de toute façon, si vous voulez changer d'arrière-plan, un logo, quelque chose que vous pouvez utiliser des composants. Et même si vous voulez changer le texte ou les images de votre produit, cela est beaucoup plus facile à faire dans Figma puis Photoshop ou toile. Et enfin, vous avez toutes ces bannières et vous les voyez toutes et vous pouvez imaginer comment ils vont regarder les annonces du carrousel. Voyons ça avec les annonces de carrousel, allez les créer. 52. Examen du fichier de modèles de publicité Facebook Ads Ads pour 9.7: Allons au modèle de fichier pour nos annonces Facebook. Je l'ouvrirai dans ma bibliothèque. Voici donc la biomasse intelligente pour les annonces Facebook. Et ce fichier est similaire au Père que nous avions l'habitude de chercher des bananes Google. C' est une couverture. Ce sont quelques choses comment utiliser la bannière, comment utiliser exactement cette taille pour les bannières. Quelque chose est le même que pour Google, quelque chose est différent. Alors allons à notre page avec un bonus. Alors qu'est-ce qu'on a ici ? Nous avons un panneau de contrôle sur qui utilise un titre, description, quelques flèches d'élément personnel pour les histoires. Ces longus et Instagram nom d'utilisateur pour l'aperçu des histoires. Et nous avons des bulles de texte. Ensuite, nous avons établi nos antécédents. Cela ressemble aux paramètres que nous avions pour la réponse des annonces d'affichage de Google. Nous définissons l'image de fond ici. Ensuite, nous avons dit flou, si nous en avons besoin, alors nous ajustons cette image, deux tailles différentes de nos Banos. Et puis nous utilisons ces images pour les arrière-plans, pour nos bannières. Nous avons un aperçu de l'histoire ici, et nous avons quelques choses à éviter 20 pour cent des limitations de textes. Il y a des rectangles qui sont des grilles. Et je mets ces avidité d'échecs, montre semi-transparent grille pour montrer les zones où les partenaires ne pourraient pas être visibles ou pourraient être superposés ou quelque chose, parce que ce n'est qu'un aperçu pour les histoires Instagram, mais Facebook et Instagram et deux changements de phase ou plutôt souvent, et il est préférable de comprendre que ces côtés, ces parties des bannières, ne sont pas sûrs de mettre des informations importantes là. Et nous pouvons télécharger Varnas à partir d'ici. Et nous avons une autre page où nous avons un, B, C test et nous avons différentes images, différents textes. Donc, la précédente, nous obtenons dans quatre bannières différentes. Donc ici, nous avons quatre par trois, c'est 36 bannières différentes. Et nous pouvons tous les utiliser si nous le voulons, ou nous pouvons simplement choisir les tailles que nous voulons obtenir pour notre publicité et l'utiliser. Ok, donc c'est probablement tout avec le fichier et vous pouvez l'utiliser. Vous pouvez changer n'importe quoi ici. Vous pouvez utiliser ses composants pour créer vos propres modèles pour votre propre publicité. Alors vas-y et essaye-le. Je suis sûr que vous aurez une bonne publicité. 53. 10.1 Intro pour les réseaux sociaux: Tant que vous êtes marché que vous avez probablement affaire non seulement à la publicité, mais avec certains médias sociaux. Donc, dans cette section, nous allons voir comment créer vos photos de profil, comment classer vos majors de couverture pour différents réseaux sociaux, pour différentes plateformes, comment l'utiliser rapidement. Et nous allons voir comment concevoir vos messages pour Instagram, pour Pinterest ou autre chose dans Figma. Et comment vous faire gagner du temps quand vous le faites encore et encore. Alors allons voir comment marcher avec des créatifs de médias sociaux, comment travailler avec des graphismes de médias sociaux ici dans Figma. 54. 10.2 Covers, images de profil: Maintenant, regardons comment créer des pages de cower, pages de profil pour vos profils sociaux, ok, pour cela, nous allons créer plusieurs composants. Celle-ci est une image principale et celle-ci est carrée, un logo pour vos photos de profil. Tout d'abord, comment créer cette bière ? C' est très simple. Nous avons ce logo, avait ce logo avant et juste recréer, manger. Mais si vous voyez, j'ai créé tous ces aperçus et beaucoup de logos sont autour et ils sont recadrés comme autour des logos. Donc, quand je viens de prendre ce logo de Google ou Facebook, je ne me souviens pas. Oui, à partir de cette étape, comme vous semblez, ces sons parfaits sont très proches des frontières de cet enregistreur. Et si je veux le découper au cercle, ce n'était pas long. Bien. Donc, j'ai fait ces plus longues, plus petites. Laissez-moi vous les montrer encore. Je peux aller à Google Banos et je reçois ça plus longtemps. Copiez-le et collez-le ici. Maintenant regardons comment il est vu sur mes photos de profil comme vous voyez qu'il est rogné donc je n'aime pas ça. Un amour si spécial pour ceux-ci. J' ai fait le plus long, plus petit. Alors je vais me cacher. Il y en a deux plus longs et j'ai fait celui-là, je colle celui-ci juste maintenant, donc je le rends invisible à nouveau. Et je dois rendre le logo plus petit pour s'adapter à nos appels dans les photos de profil. Ok, et j'ai cette image de couverture. Et comme vous comprenez et utilisez ces images carbone du tout, mes couvertures pour différents réseaux sociaux et pour certains messages pour les réseaux sociaux. Et je viens d'insérer ces deux, tous les quatre mois que nous avons. Vous pouvez trouver quelques descriptions, quelques images qui vous montrent à quoi il ressemble au réseau social. Donc, vous pouvez comprendre comment cela fonctionne. C' est pour Facebook, pour Instagram, Twitter, LinkedIn et Pinterest. Je n'ai pas posté d'histoires d'entendre, quelque chose comme ça parce que nous avons une leçon séparée pour eux en fait, quand vous créez des histoires, généralement vous voulez les créer uniques. Et cette page est plus pour mettre à jour vos pages de réseaux sociaux. Vous avez un nouveau logo, vous avez juste un nouveau de quelque chose que vous voulez mettre votre image de couverture et vous pouvez le faire ici. Donc, si vous avez vu ces images dans LinkedIn sont très larges. Donc dans ce cas, je ne vois pas les lettres, je ne vois pas le titre. Et probablement si vous utilisez LinkedIn, vous devez créer une image séparée pour cela très longtemps. Faisons-le. Donc, je vais créer une couverture séparée, une très large image aimé, comme pour LinkedIn. En fait, je n'ai pas à faire toute l'image pourquoi ils ont juste à mettre les choses à l'intérieur dans une composition différente. Donc, je détache cette instance. Je fais ces outils plus longs, plus petits et plus petits. Et je vais le coller sur mon LinkedIn et faire de même avec les images toutes blanches. C' est ainsi que nous pouvons créer un grand nombre de photos de profil et d'images de couverture pour tous les réseaux sociaux. Et si vous changez seulement ces deux ou trois composants, vous pouvez télécharger tous les majors pour vos réseaux sociaux, pour vos comptes à partir de ce fichier. Pour le rendre encore plus pratique, ajustez. Je ferais des composants de ces choses et je ferais une place spéciale pour ses copies où je peux les télécharger toutes. Donc, je fais chacun de leur réseau social couvre un composant. Ensuite, je crée un duplicata et je le mets juste quelque part ici. Et quand j'en ai besoin, je les sélectionne et je peux facilement les exporter si je le fais à partir d'ici. Comme vous le comprenez, je sélectionne différent étant un cadre, mais je veux sélectionner uniquement les cadres d'image. C' est pourquoi je fais chacun d'eux composant et je l'ai mis, C' est dupliqué dans un endroit séparé comme celui-ci. Donc, après avoir terminé cette promenade, vous aurez toutes vos images pour vos réseaux sociaux prêts et vous pouvez facilement les changer si vous avez besoin en quelques minutes. 55. 10.3 Articles de réseaux sociaux: Voyons comment créer des messages pour les médias sociaux. Donc, nous avons un dossier et nous aurons des choses ici. Nous avons une bibliothèque avec les images que nous utiliserons pour des exemples d'avant-postes. Et nous avons plusieurs enregistreurs pour différents coins des messages sur les images. Et nous avons en fait l'heure. Donc, nous allons créer des messages pour Instagram et Pinterest par exemple, approche M&E de faire des messages pour les médias sociaux dans Figma est de créer un modèle de base, puis de le réutiliser encore et encore. Ajoutez de nouvelles informations uniques. Par exemple, quelques majors, certains titres. Comme ici, nous avons le même modèle pour le produit que nous voulons montrer. Et quand nous avons besoin de promouvoir un nouveau produit, nous ajoutons simplement son image, ajoutons quelques textes, et notre post est prêt. Donc, comme vous le voyez, il y a plusieurs messages différents qui ressemblent, mais j'utilise des techniques différentes quand je les ai créés. Alors regardons à l'intérieur. Comme vous le voyez, cette bannière se compose de l'émission de fond, ces blob jaune de certains textes, image et lager. Donc, quand je crée un nouveau message et juste copier coller le précédent et changer le produit, changer le titre et ce texte. Si j'en ai besoin. Quelle est la différence entre tous ces messages ? Comme vous le voyez, le jaune est le fond le plus éloigné de tout cela. Et cette bannière, le premier fond est le bleu, donc jaune est sur le dessus. Et la même chose ici. Le jaune est derrière, un ici le bleu est derrière. Et quelle autre différence ? La différence est que lorsque j'ai utilisé, lorsque j'ai créé ces fichiers, j'ai utilisé le masquage d'arrière-plan. J' utilise donc un masque pour l'arrière-plan. Et si je déplace ce fond ici, laissez-moi le trouver dans va comme ça. Donc, et quand je les utilise, j'utilise ce blob pour être sur le dessus de l'arrière-plan. Et comme vous le symbole, le sol est sur sa pleine taille. Pourquoi l'ont-ils fait ? Et quelle est la différence ? Cette différence vient si vous voulez mettre des objets comme ce produit derrière ou devant votre blob jaune. Donc, tant que cette image, mon blob jaune est juste un masque. Donc, en fait, il n'y a pas de blob ici. J' ai juste un fond jaune de toute la bannière et j'utilise une image de celle-ci. Cela signifie que je ne peux pas apporter mon image des écouteurs derrière le fond jaune parce que le jaune est le plus beau du sol ici. Et quand l'angle ici, je vois que le fond est bleu. Donc, le blob vecteur jaune est devant le bleu. Et cela signifie que je peux, je peux mettre mes écouteurs derrière. Si je veux. Je peux le déplacer ici. Et comme vous le voyez, jeu devant notre blob. Voyons donc comment créer cet équilibre. Commençons par le plus simple. A partir de celui-ci, je le copie coller. Assurez-vous que je vais le faire à partir de zéro. Donc, je crée un nouveau cadre. Je vais copier mon blob d'ici. Donc j'ai cette tache jaune. Mettez-le ici. Et vous voyez qu'il y a un effet d'ombre intérieure. Quand je fais ça bien, on dirait qu'il est en face de l'arrière-plan et que la lumière tombe dedans. Si je le fais noir et gris, et l'effet sera le contraire comme ici. Ok, donc je vais le laisser blanc. Ok, je l'ai mis ici. Je vais copier mon image de fond ici, comme ceci. Je copie mon plus long, ok ? Et je veux copier ces titres ici. Mon blog vectoriel n'est pas à l'intérieur. Alors je l'ai mis dans mon cadre. Maintenant c'est lié à la maison et je vais copier le texte. Et maintenant notre guitare de la mine de cuivre. Donc, c'est comme ça que je crée ce post, et c'est assez simple. Si j'ai besoin de le changer, il suffit de copier, coller la banane entière et de remplacer le produit, remplacer les textes si j'en ai besoin. Voyons maintenant comment créer. Ce n'était pas quand ils ont utilisé un masque. J' ai donc un cadre. Maintenant, j'ai besoin de créer un masque pour cet arrière-plan. Pour cela, j'ai besoin d'avoir un objet qui est de cette forme. Pour ce faire, je vais créer un rectangle de forme. Et je vais le combiner avec l'enveloppe. D' ici. Je dois le déplacer de l'outil de cadre. Ok, ici. Donc maintenant j'ai deux formes et je veux faire une forme que je veux faire ça. Je vais les honorer comme la plupart d'entre eux. Et maintenant, je dois couper ces zones de notre rectangle. Donc, je vais soustraire la sélection. Et maintenant, j'ai ces formes pour que je puisse copier mon arrière-plan. Donc maintenant j'ai une image que je veux masquer et j'ai une forme que je vais utiliser pour masquer mon image. Alors je vais les assembler et maintenant je dois le lire. Je mettrai ma forme derrière l'image. Et lorsque je sélectionne ces deux objets, j'utiliserai cette option de masque. Alors maintenant mon image est coupée avec ce masque. Maintenant, je peux l'ajouter à ma bannière jusqu'à ce que j'ai appliqué l'effet de masque. Ce groupe de masques est apparu et je vais l'utiliser comme ceci. Je veux. Donc maintenant, je peux définir la couleur d'arrière-plan de l'ensemble du cadre sur jaune. Et maintenant, cela ressemble presque à la même chose. Après tout, notre va ajouter un effet d'ombre et je vais le mettre blanc le long de la même et j'ajouterai plus de capacité. Donc, il semble correct et le jaune doit probablement en faire une semaine principale 2020. Quelque chose comme ça. Et maintenant, je dois juste ajouter mes objets ici. Je vais ajouter ces écouteurs. Et le membre 0. Dans ce cas, je ne peux pas mettre mon objet. Je peux mettre mon image derrière le blob jaune parce qu'ils LL souffle est en fait un fond. Donc, je peux juste mettre mon casque derrière le rond Bloomberg parce qu'en fait il n'est pas souterrain, c'est un objet au-dessus de mon fond jaune. Donc, c'est comme ça que ça marche. Et après cela, j'ajouterai ces balises. Je vais ajouter logger et j'ai ce modèle. Donc, comme vous le voyez, il y a plusieurs façons de faire les mêmes choses dans Figma. Et si vous savez ce que vous voulez obtenir, vous pouvez utiliser l'un ou l'autre. Et regardons ces messages. Genre différent. J' ai fait deux messages similaires avec des produits différents. Mais si vous regardez de près, vous comprendrez le jour à un peu différent. Alors commençons par celle-là. Il contient un logo. Il contient plusieurs rectangles avec différents traits. Donc, c'est en fait un rectangle. Alors laissez-moi créer le même post ici. J' ajouterai le cadre, et j'ajouterai quelques rectangles. C' est ça. Un neuf à cinq par 774, ok, et je fais deux des huit coins autour comme ça. Ensuite, j'ajoute un trait large ou un exemple comme celui-ci. Et c'est comme ça que je fais ma bannière. Je ferai jaunir la paille. Ok, et maintenant j'ai rendu ce sentiment invisible. Donc, cela regarde un similaire. J' ajouterai le sol, remplirai toute l'image et je ferai détruire pour être en dehors de la bannière. Maintenant, je duplique ceux-ci et je vais le rendre plus large. Je vais le rendre blanc, et je le déplace derrière le précédent. Alors maintenant regardons similaires, peut-être coups où s'attardent. Donc je vais utiliser la phrase et je vais bouger. Mets-le comme ça. Et en fait, c'est presque, c'est presque tout. Je vais les rendre un peu plus petits. Je vais ajouter du texte, copier le coller. Je peux utiliser un logo. Je peux le copier coller d'ici, ou je peux le faire à partir d'ici. Où j'ai mes composants pour le plus longtemps. Et on va le coller dans mon image. Et je dois juste ajouter ce texte. Et j'ai une image. Il y a différentes dimensions ici comme vous le voyez en temps utile va au-dessus des coups et mon synthétiseur va derrière eux. Alors comment ont-ils fait ? J' avais deux images. Prenons les. Donc quand j'ai mis de la guitare sur ma bannière, évidemment, je vérifie juste comme ça. Donc c'est assez facile. Mais quand un synthétisé qu'ils sont échelle comme ça, et je voulais être coupé par ces médicaments. Donc je peux le mettre comme ça derrière les coups. Et maintenant il regarde à l'intérieur de la frontière. Je dois probablement rendre ce logo plus petit. C'est OK. Donc maintenant, nous avons deux plaques différentes pour nos postes et nous pouvons changer de produits ici. Nous pouvons changer les textes, leurs noms, et avoir de nouveaux et nouveaux messages si vous voulez mettre en pause différents produits sur notre compte Instagram. Et nous avons des messages de Pinterest par ici. Donc, comme vous le voyez, c'est un modèle très similaire à mon Instagram. En fait, j'ai créé ces modèles à partir des messages Instagram. J' ai tout utilisé comme ça. On est dans une autre forme. Et j'avais une expérience ici. Et regardons ces messages pour les médias sociaux. Et faisons semblant que nous voulons poster différentes images avec des citations de certains musiciens. Alors qu'est-ce qu'on a ? Je vais créer un nouveau cadre pinterest. Je vais utiliser le même blob que j'ai utilisé auparavant. Je copie collé. Dois-je copier coller dans l'ensemble savoir ? Blob ? Je vais ajouter un peu de couleur temporairement. Et je veux mettre une majors comme arrière-plan. Donc, je dois juste copier mon image à l'intérieur du cadre, en réduisant l'échelle. Très bien, c'est, ça correspond à la taille. Donc je n'ai pas à couper autre chose. Maintenant, je viens de mettre mon enveloppe sur le dessus, de rendre blanche à nouveau, et d'ajouter quelques textes et d'ajouter un peu plus longtemps. Donc, comme vous le voyez, c'est assez simple. Tout ce dont vous avez besoin est de créer ce blob. Et laissez-moi vous montrer comment créer ce blob aura une leçon séparée pour les plugins, mais je vais vous montrer ce plug-in tout de suite. Procreate et blogue des blob comme ça. D' accord. Donc, en fait, j'ai fait un post et si je veux changer, quelque chose, pourrait changer le texte et l'image. Je dois copier, coller tout et remplacer les choses dont j'ai besoin. Et comme je l'ai promis, regardons le plugin blog. Je veux créer ces blobs de forme aléatoire, et j'ai un plug-in pour eux. Je fais un clic droit sur un peu d'espace libre, cliquez sur les plugins, et je suis à la recherche du plugin blobs. J' ai donc deux réglages par ici. Faisons en faute. J' aurai blogué comme ça. En fait, c'est assez similaire à ce dont j'ai besoin. Je peux le redimensionner comme ça, et probablement ça ira. Ensuite, regardez comment créer différentes formes. Si j'ajoute, dit ce dix à dix pour être comme ça. Si je le mets de neuf à dix, il va mentir ça. Vous pouvez donc jouer avec ces paramètres et créer différents lobes. Vous définissez 100 intégrale, disons que les valeurs doivent être de un à dix. Ok, Donc c'est comment créer ces blobs de forme aléatoire en utilisant le plug-in Blob. Laissez-moi vous montrer comment créer un tel post avec ces effets. Je vais créer un nouveau cadre. Surveillé. En 1500. Je vais copier coller quelque chose d'ici. J' ajouterai l'image de fond. Je vais ajouter ces cadres. Donc, ce n'est qu'un rectangle et deux textes sur k. Et le rectangle est rempli de noir et 50 pour cent d'opacité K. Je vais copier coller plus longtemps. Et maintenant, je veux ajouter ces filtres. Comme vous le voyez, il y a une certaine couleur et toute l'image est de cette couleur et noir et blanc. Donc, en fait, je dois faire mon image en noir et blanc d'abord, puis mettre fin à ces filtres. Alors, comment faire cela ? Je vais faire un nouveau cadre. Donc, la sélection de cadre. Et ma pluie dehors et ensuite non, comme ça. J' ai donc un nouveau cadre juste au-dessus de mon image d'arrière-plan et je vais le copier coller. Au début. Je veux rendre mon fond noir et blanc. Pour ce faire, je sentirai mon image avec du noir, et je vais cliquer sur cette icône de dépôt. Cela vous permet de sélectionner un mode de fusion. Il y a différents modes ici. On ne les couvrira pas tous. Vous pouvez jouer avec eux pour rendre l'image en noir et blanc. Utilisez la saturation. Comme vous le voyez, je mets n'importe quelle couleur noire, blanche dans tous être la même. Il le rendra noir et blanc. Et maintenant je veux, je vais le nommer noir et blanc. Nous allons terme. Et maintenant, je veux ajouter un peu de couleur. Je vais donc ajouter un peu de jaune. Je vais comme ça. Ensuite, allez en Mode de fusion et définissez-le pour superposer. Et maintenant, il ressemble assez à ce que j'avais avant. Peut-être quelque chose comme ça. Et maintenant, si vous voulez créer une autre pause pour simplement copier le coller, vous remplacez votre image d'arrière-plan par quelque chose que vous voulez. Je prendrai ceux-ci ceux-ci base sur la basede k, et je le mettrai derrière les filtres. Filtrer et je peux changer de couleur si je veux. Ok, alors laissez ça être comme ça. Donc, comme vous le voyez, tout l'arrière-plan a changé sa colonne, mais notre plus longue encore violet parce qu'il se trouve au-dessus de la couche de filtre. Donc, en fait, c'est ainsi que nous créerions des messages pour les médias sociaux dans Figma. Comme vous le voyez, je n'ai pas utilisé beaucoup de modèles ici parce que généralement vous n'avez pas à tout multiplier dans tous vos réseaux sociaux. Et même si vous le faites, c'est très difficile d'automatiser cette marche sur cette échelle que vous venez de mettre une image et avoir beaucoup de messages différents. En fait, je peux le faire comme nous l'avons fait avec les bannières Google achetées de mon expérience. D' habitude, je n'aime pas ça. J' ai quelques modèles pour tous les réseaux sociaux et je change tout pour un réseau social. C' est ainsi que nous traitons les messages pour les médias sociaux dans Figma. Bien sûr, si vous le souhaitez, vous pouvez créer un modèle comme nous l'avons fait pour Google balance, où vous changez un endroit et dans va à tous vos formats. Mais je préfère créer des messages pour les médias sociaux indépendamment parce que généralement je veux créer quelque chose d'un peu différent pour différents réseaux sociaux. Mais encore, ces modèles pour chaque réseau social m'ont beaucoup aidé. Je pense que vous avez une idée de la façon de traiter les messages pour les médias sociaux dans Figma. Et comme vous le voyez, il y a une quantité infinie de différentes variantes que vous pouvez utiliser pour vos publications. Donc tu peux y aller et essayer. Et encore une fois, je pense que cela vous fait gagner beaucoup de temps comparant à Photoshop ou à d'autres éditeurs comme Canva crédit ou quelque chose comme ça. Parce que tu as tout au même endroit. Vous pouvez voir tous vos messages précédents de toutes vos images précédentes et vous pouvez les changer facilement. Figma vous fait gagner beaucoup de temps lorsque vous créez des messages pour vos réseaux sociaux. 56. 11.1 Plugins: Voyons comment utiliser les plugins dans Figma. plugins peuvent vous faire gagner beaucoup de temps ici car ils peuvent faire du travail automatiquement et vous faire gagner beaucoup de temps. J' ai donc plusieurs plug-ins que j'utilise très souvent et je vais vous montrer comment les utiliser. Au début, Regardons où trouver des plugins. Et nous aurons notre page communautaire. Et il y a des plugins ici. Et si je veux trouver un indicateur, je peux parcourir ces listes ou je peux chercher quelque chose ici, par exemple, je veux trouver en fournissant ses quatre icônes comme vous le voyez, il y en a beaucoup. Lorsque vous avez ces étiquettes noires, cela signifie que vous avez déjà installé ce plug-in. Désolé, je pense que c'est assez évident. Revenons ici et regardons ces plug-ins que nous avons. Le premier, enlève mon sol. Il supprime les arrière-plans de différentes images, de personnes, d'objets et ainsi de suite. Donc, comme vous le voyez, je vous ai montré quelques exemples comment ça fonctionne. Et cela ne fonctionne pas parfaitement à chaque fois, mais dans de nombreux cas, cela fonctionne bien. Alors regarde cette image et qu'avons-nous ici ? Comme vous le savez, si vous essayez de le faire dans Photoshop, ce sera une semaine de travail pour faire tout cela, parce que si vous regardez cela ici, vous voyez que c'est transparent. Laisse-moi mettre de la couleur ici. Donc vous comprenez, oui, comme vous le voyez, c'est un très bon travail. Et comment l'utiliser. Je vais copier coller cette image. Je dois cliquer avec le bouton droit de la souris et les plugins et je vais trouver mon supprimé et la terre. Ou s'agit-il d'un terrain de mouvement ? Et je dois le faire fonctionner. J' ai cliqué sur Exécuter, cela fonctionne pendant un certain temps et maintenant j'ai un maillage sans arrière-plan. Si vous avez remarqué, il y a des paramètres définis API k. Cela signifie que vous devez aller sur leur site Web et vous y inscrire et obtenir votre clé API. Regardons comment ça marche. Alors, allons à l'endroit où leur site Web supprimé point Vg et créer notre compte. Appuyez sur notre continuum, Google News par exemple. Ces compte en colère avec les termes et l'inscription. Ok, et je dois aller aux outils et à l'API. Et l'intégration de l'API. Il y a un bouton Obtenir la clé API. Et maintenant je l'ai. Donc, quand je reviendrai à Figma et moi, laissez-moi réinstaller ce plugin. Allez à Plugins, terrain ouvert, et je l'ai installé. Ok, maintenant je retourne ici et je ne peux plus utiliser ce plug-in parce qu'il n'y a pas de télécommande et de terre ici. Donc, je vais y retourner et l'installer. Et le gain K montre maintenant qu'il est installé. Maintenant, je clique avec le bouton droit sur mes ligands d'image et il y a un terrain de mouvement. Je veux le faire fonctionner. Mais cela ne me permet pas sans clé API, donc je dois le définir à l'avance. Un MPI est venu ici, peut-être que ça marche, je le sauve et je cours. Maintenant, comme vous le voyez, il est en cours d'exécution et probablement j'aurai mes résultats. Ok, bien. Donc, comme vous le voyez, vous devez créer un compte, vous devez réduire cela, Supprimer BG. Et après cela, vous êtes en mesure d'obtenir une clé API. Et après l'avoir inséré ici, votre plug-in fonctionne. Il y a une limitation du nombre d'images que vous pouvez traiter par mois ? Je ne me souviens pas exactement. Probablement il est 15 ou oui, c'est 50. Vous pouvez utiliser 50. Ils appellent ça des aperçus. Donc, nous pouvons enlever le sol de 50 images différentes ici. Et regardons le résultat. Ça a l'air bien. Et ici, nous avons communiqué le message avec ce fond de couleur similaire et ses cheveux. Et dans ce cas, ça ne marche pas parfaitement. Mais c'est très difficile de le faire à partir de cette image. Et qu'est-ce qu'on a ici ? En fait, ça marche, d'accord, mais comme vous le voyez, ces deux erreurs sont toujours avec le terrain ouvert. Ici. Cela a fonctionné presque bien, mais comme vous le voyez, il a retiré ces parties de ces étagères. Et toutes les images ont l'air bien, et ici nous avons cet artefact aussi. Donc, comme vous le voyez dans la plupart des cas, ce drapeau et marche très bien et il vous fait économiser beaucoup de temps. Vous pouvez faire la plupart de ces Walkman seulement en un jour ou en deux jours. Ok, passons à un autre plug-in que j'utilise. C' est un petit compresseur d'images. Comme vous le comprenez, il va compresser vos images. Incomplet basé. Et je veux exporter cette image. Et regardons sa taille. Dit que c'est presque deux mégaoctets, donc c'est à peu près, Utilisons l'aveuglement dans la comparaison d'images minuscules pendant un certain temps. Et je veux compresser mon image. Vous pouvez définir la qualité et appuyez sur la compresse. Il va marcher pendant un moment. Et maintenant j'ai mon dossier. Et comme vous le voyez, il a économisé 70% de la taille du fichier. Donc marcher propagation serait. Il y a un plug-in similaire au compresseur. Il fonctionne peu différent et conçu spécialement pour les annonces Google. Et c'est tout pour ce virus. Et exportez-les. Lorsque j'exporte, je vois que deux de ces barres sont plus de 150 kilo-octets. Et comme vous vous en souvenez, Google vous permet de télécharger des images seulement jusqu'à 150 kilo-octets avec un bonus régulier. Alors, qu'est-ce que je dois faire ? Je vais vendre ces images, clic droit plugins et trouver mon au plugin compressor. Donc, comme vous le voyez, il compresse les fichiers à 150 kilo-octets. En fait, peut changer ces paramètres, mais généralement je le laisse comme ça. Parfois, ce plugin ne marche pas très bien. Si vous avez de très gros fichiers, il peut compresser pas à 150 kilo-octets. Dans ce cas, vous devez le faire manuellement dans d'autres outils, mais compactons ici et voyons ce que nous avons. Donc, comme vous le voyez, j'économise beaucoup de taille de fichier. Et maintenant toutes ces quatre bannières sont d'accord pour Google. Maintenant, je peux les télécharger pour faire une archive et je peux télécharger tous ces balances de formulaire. Ok, passons à l'endroit où dansent McGrath. Je l'utilise assez souvent parce qu'il crée de beaux ingrédients pour mes cadres. Et ce cadre. Et au lieu d'utiliser ces options de champ et d'essayer de créer un dégradé de couleurs différentes, je peux simplement utiliser ce plug-in. Je peux cliquer avec le bouton droit sur les plug-ins lorsque les gradients et les satellites et plus en colère que je veux. Certains d'entre eux sont très beaux. Donc, comme vous le voyez, ce que je peux obtenir. Très simple mais très efficace. Ok, nous avons déjà créé des blobs avec notre plugin dans les leçons précédentes, donc nous voulons une couverture. Ici. Il y a un autre générateur chaud, Ruden indiscipliné. En fait, exécutons ce plug-in. Il y a beaucoup de paramètres dedans. Donc, vous pouvez jouer autour de deux cadres. Cette honte, et le cadre principal est ce cube arc-en-ciel d'euphorie. Cela signifie que vous aurez différents types de formes. Donc, le cube est pour ces types de forme. Rainbow est pour ce genre de forme. Et l'euphorie est pour ce genre de formes. Utilisons-le. Vous pouvez définir des couleurs et il vous générera des formes. Donc, comme vous le voyez, vous pouvez modifier ce paramètre. J'ai consenti à. Ainsi, nous pouvons jouer avec tous les paramètres et créer beaucoup d'arrière-plans différents et ainsi de suite. Donc, comme vous le voyez, il y a beaucoup de ces indices ici. Et c'est un plug-in très intéressant si vous avez besoin de créer des bannières pour certaines régions et vous pouvez créer des cartes Web ici. Et cliquez avec le bouton droit sur cette zone et cliquez sur les cartes vectorielles. Dites que je veux ajouter les contours sélectionnés du Brésil et que je veux obtenir ce calque. Il va créer une couche d'une forme sur le Brésil pose cela prendra un certain temps. Ok, on ne va pas attendre et comprendre que ça va créer un Brésil en marbre ici. Comment installer l'un de ces plugins ? Tu l'as fait ? Trouvez-le par son nom, ou vous pouvez simplement copier, coller ce lien, le coller dans votre navigateur. Vous allez accéder au compte Figma et vous pouvez installer ce plugin, comme vous le voyez, il est déjà installé. Vous pouvez simplement aller à la communauté et chercher des plugin. Par ici. Il y a beaucoup, beaucoup de plugins et Figma, donc vous pouvez les vérifier. Je t'ai montré certains d'entre eux que j'utilise presque tous les jours. Ils sont assez intéressants. Et comme vous le voyez, j'ai beaucoup de plug-ins ici aussi. Certains d'entre eux sont pour créer des animations, pour créer des vidéos. Certains d'entre eux pour créer des objets 3D. Certains d'entre eux vont simplement télécharger quelques icônes ici sur seulement des drapeaux. Par exemple, j'utilise des drapeaux, des tendances et des injustes, et je sélectionne l'indicateur qu'ils veulent. Je peux utiliser un rectangle ou un carré. Un exemple que je veux ajouter. La création a été ajoutée quelque part. Je ne le vois pas. Je ne suis pas sûr. Oui, c'est par ici. Donc c'est Drapeau. Et comme vous le voyez, il est fait sous une forme vectorielle. Cela signifie que je peux le mettre à l'échelle. Tourner étant la taille et la qualité est encore grand jour. Donc c'est tout ce que je voulais dire sur les plugins. Vous pouvez rechercher différents plugins sur votre propre communauté plus large. Trouver quelques articles, utiliser différents plug-ins. Ils vont automatiser et vous faire gagner beaucoup de temps. 57. 12.1 Tableau de croissance: J' ai appris à créer beaucoup de bannières dans Figma, et nous avons appris à créer beaucoup d'équilibre pour chaque bureau et sur Figma. Maintenant, voyons comment gérer tous ces éléments parce que vous pouvez avoir une question. Qu' est-ce que j'ai à voir avec tout cet homme de la décennie ? Parce que c'est très difficile à gérer que lorsque vous avez des centaines de variantes différentes de votre équilibre. Donc, nous avons un outil pour cela, ceci et les filles et acheté. En fait, je le fais dans Trello et vous avez ce modèle aussi. Si j'ai un lien vers ce tableau, vous pouvez le copier à vos conseils en procès si vous ne l'utilisez pas. C' est très simple. Il suffit de créer un compte et vous pouvez utiliser l'informatique. Gérer vos créations. Qu' est-ce qui est là ? C' est Kanban ou Scrum board, où nous avons différentes colonnes et nous avons des cartes différentes. Et quand nous commençons nos tests, quand nous commençons une hypothèse, nous l'ajoutons à l'une de ces colonnes. Et puis, alors qu'il gagne des données pendant qu'il est lancé et ainsi de suite, dans un va au droit au succès ou à l'échec. C' est donc un mode pour tester l'hypothèse. Qu' est-ce que l'hypothèse ? L' hypothèse est, par exemple, la déclaration. Si nous ajoutons une belle fille à nos bannières et monter que nous avons des réductions sur nos produits. Nous obtiendrons un meilleur sitar dans nos campagnes publicitaires. Donc, vous créez votre équilibre avec cette fille avec un peu de réduction et vous le testez. Et pendant que vous êtes Testament, vous déplacez ce chariot de gauche à droite dans ces colonnes. Alors regardons et ces colonnes plus près. Épique. C' est une colonne pour quelque chose que vous ne voulez pas tester en ce moment pour certaines choses que vous voulez faire à l'avenir et que vous ne savez pas quand. Par exemple, vous pouvez ajouter une carte que vous vouliez tester, mais quelque chose a changé et vous n'êtes pas en mesure de la tester en ce moment. Donc, vous pouvez juste mettre cette coupe dans des idées de colonne épiques. Ceci est une colonne pour les idées, tous les membres de votre équipe, ou vous achetez vous-même des idées lumineuses ici d'une manière très abstraite. Par exemple, en honnête avec le texte, instruments de musique haut de gamme convertissent mieux, quelque chose comme ça. Ou les bannières avec la fille du rock gagneront un CTR élevé. Donc c'est comme ça. Ce n'est pas encore une hypothèse. C' est juste une Inde. Ensuite, vous de l'hypothèse de cette idée. Donc, si j'avais un bonus d'idée avec le texte premium instruments de musique convertir mieux, il va se transformer en ces créations avec le texte. Premium, les instruments de musique augmenteront le taux de conversion cr de 5,5% à 7% parce qu'ils vont réduire ceux qui cherchent pas cher. Alors faisons semblant que nous avons une boutique de musique unique de qualité supérieure instrumentale de ceux chers. Et nous pensons que si nous écrivons prime à notre solde. Les gens qui veulent acheter des instruments de musique bon marché ne cliqueront pas et nous ne viendrons pas sur notre site Web et nous aurons une meilleure conversion. Et j'ai quelques champs ici, description ou mon orthèse que la métrique, son taux de conversion, la valeur métrique historique est de 5,5%. Cela signifie que lors de mes campagnes précédentes, le taux de conversion était de 5,5. Et maintenant, j'attends mon test AB pour que mon expérience fonctionne. Et puis j'écrirai, qu'est-ce qu'ils sont entrés dans ces champs ? Et après ceux-ci sont comprendra si cela fonctionne ou non. Donc, au début, je forme juste une hypothèse. Tous les membres de l'équipe ont déplacé l'hypothèse que je croyais être meilleure à cette colonne prioritaire. C' est pour le cas où vous avez beaucoup d'idées, beaucoup d'hypothèses, et vous le comprenez, vous n'avez pas le temps de les tester dans ce sprint cette semaine. D' habitude, je marche dans les sprints hebdomadaires. Cela signifie que je teste l'hypothèse d'une semaine ou deux semaines. Si ce sont des hypothèses de marketing, généralement il est assez faible pour les tester, inverser cette hypothèse sont plus compliquées et ont besoin de plus de données. Vous pouvez les exécuter sur une base de deux semaines, mais je préfère que vous commenciez par une semaine. Donc, cela signifie qu'au début de la semaine et nous voyons à la colonne d'hypothèse, et nous voyons, par exemple, noeud papillon d'entre eux. Et nous comprenons que c'est trop et nous voulons tester peut-être Tim, et il peut y avoir 15 ans. Alors mettez la meilleure hypothèse à la priorité. Chaque personne, chaque membre de l'équipe décide lequel de ses hypothèses sont mieux à tester au sprint et ils les ajoutent à la priorité. Ensuite, vous avez une réunion, probablement en ligne et vous votez. Laquelle de ces cartes est préférable de tester cette semaine ? Dans ce sprint, vous les classez. Donc, plus la foule est élevée, plus elle devient prioritaire. D' autres chats peuvent aller au sprint suivant. Et probablement lorsque vous discuterez de votre hypothèse pendant votre réunion, vous ajouterez quelques hypothèses de ces colonnes dans votre sprint actuel. Solid disent que vous avez choisi 10 hypothèses, mais alors vous comprenez que vous n'avez pas assez de ressources pour les tester tous, généralement juste autour d'eux ici. Et les personnes qui créeront de la violence, qui mettront en place vos campagnes publicitaires, les choisiront dans cette colonne et ajouteront à la production. Donc, quand une carte est dans cette colonne de production, cela signifie que quelqu'un fait des choses pour qu'il arrive d'exécuter ces tests, pour tester cette hypothèse. Une fois que tout est fait et que la campagne est lancée, carte va à la colonne de collecte de données et il reste ici jusqu'à ce que les données sont collectées. Les données ne sont pas collectées pour une raison quelconque. Par exemple, vous arrêtez la campagne pour toujours. Vous avez juste à déplacer cette carte probablement à épique pour échouer ou juste pour la supprimer, si vous comprenez que vous ne l'utiliserez plus jamais. Mais d'habitude, je les mets en épopée et les teste à l'avenir. Et enfin, lorsque vous obtenez vos données collectées et que vous mettez votre chat soit à la réussite ou à la colonne défaillante. Donc, à notre exemple, nous avons l'hypothèse 1 est créatives avec le texte des instruments de musique prime augmentera le taux de conversion de 5,05 à 7% parce qu'ils vont couper ceux qui cherchent des résultats bon marché. Comme vous le voyez, il y a quelques champs supplémentaires ici et vous voyez qu'il y a pour Google, pour le Royaume-Uni, et pour les produits de guitare. D' accord ? Et ces chariots sont pour Facebook. Et ce sont des taux de conversion légèrement différents parce que, comme vous le voyez dans cet exemple, Facebook convertit mieux et son taux de conversion initial était de 6,3, donc nous voulons qu'il soit 8%. Enfin, nous avons obtenu des résultats après chaque panier déplacé d'une colonne à l'autre, où voir que nous avons un taux de conversion 8,4% à Google. Nous voyons donc que c'est plus grand que 7% que nous voulions. Et cela signifie que nous avons une hypothèse réussie. Et l'autre a eu un taux de conversion de 6,5. C' est plus de 6,3 que nous avions auparavant, mais ce n'est pas 8%. Cela signifie que nous avons marqué cette hypothèse comme ayant échoué. Même si nous obtenons 7,9%, nous le mettons toujours dans la colonne de l'échec et de la colonne. Vous devez donc comprendre que le succès et l'échec dépendent des objectifs que vous avez fixés. Donc, si vous aviez un taux de conversion de 5,5 % et que vous avez fixé un objectif à 50 %, toute votre hypothèse échouera probablement parce que ce n'est pas un scénario réaliste. Et si tu mets 7 %, c'est probablement bon. Donc, vous comprenez que c'est raisonnable et vous pouvez probablement obtenir ces résultats. Mais si vous fixez votre objectif à 8% et que vous ne l'avez pas, encore une fois, cela ne signifie pas que cette hypothèse l'est, mais cela ne signifie pas que vos bannières, vos créations, et mauvais, vous pouvez probablement les utiliser, mais probablement vous voulez les changer et mortel pour obtenir de meilleurs résultats. Et vous pouvez marcher avec eux, vous pouvez les laisser dans des campagnes, ou vous pouvez même les augmenter. Mais cela signifie simplement que lorsque vous avez prédit votre taux de conversion, vous ne l'avez pas si bien fait. Ou vous l'avez bien fait, mais les humains ne sont pas assez bons. Et quand vous obtenez vos sprints encore et encore, vous avez une nouvelle et nouvelle hypothèse. Vous allez prédire mieux. Et vous lancerez une hypothèse qui veut dire quelque chose. Donc, si vous dites que je veux gagner la conversion et 50 pour cent après vous le ferez, après avoir atteint 5.5. Ça n'a pas de sens. Donc ceux-ci, C'est pourquoi vous allez mettre une telle carte en échec. Et puis le printemps prochain, vous comprenez que vous ne serez pas en mesure d'obtenir le taux de conversion et probablement votre objectif, votre objectif sera plus bas, plus raisonnable. Donc c'est comme ça que les minces marchent. Et après avoir testé votre hypothèse encore et encore, vous obtiendrez tous les résultats ici. Lorsque vous en avez trop, vous pouvez créer une sculpture de vos cartes et les déplacer dans une autre colonne. Et nous avons la dernière colonne, c'est la revue et la colonne rétrospective. Je vais le renommer pour passer en revue des centaines en ce qui concerne ce que cela signifie et comment l'utiliser. Si nous avons un sprint hebdomadaire, cela signifie qu'à la fin de chaque sprint, nous avons maintenant une réunion et notons quel résultat avons-nous ? Qu' avons-nous planifié et qu'avons-nous réalisé ? Donc, notre plan était de tester cinq hypothèses, et en fait, nous n'avons testé que deux d'entre elles. L' un d'eux est couronné de succès, l' un d'eux a réussi. Donc, notre taux de réussite est de 50 pour cent et nous devons écrire les idées de notre sprint. Qu' avons-nous appris, ce que nous utiliserons à l'avenir ? Bien compris que l'utilisation d'instruments haut de gamme dans le moins offre des résultats différents en fonction de la plate-forme publicitaire nécessite des tests supplémentaires. Donc, cela fonctionne bien pour Google, mais pas si bien pour Facebook. Et cela signifie que nous devons probablement créer une autre hypothèse pour marcher autour de cela et pour comprendre réellement les instruments de musique premium. Est-ce que cela fait un vrai changement dans la publicité ou non ? Donc, après cela, vous obtiendrez de plus en plus d'hypothèse. Vous obtiendrez de plus en plus de résultats, et vous serez en mesure de comprendre ce qui fonctionne et ce qui ne fonctionne pas. Et par exemple, vous avez un nouveau membre de l'équipe et vous pouvez juste lui montrer ce BAD. Montrez-lui toute l'hypothèse réussie et échouée. Et vous comprenez votre marketing et votre situation beaucoup mieux que si vous le faisiez. Dis-lui ça par watts. Donc, c'est un excellent outil pour tester l'hypothèse, pour tester beaucoup de différents Varnas, déterministe, beaucoup de créateurs différents, et ainsi de suite. Ceci est une planche de croissance et il est conçu non seulement pour tester. Créatifs. Ce sont les étapes de l'entonnoir de conversion, vos prospects, qui sont des clients passent lorsqu'ils interagissent avec votre entreprise. Quand nous parlons de créatifs, de bananes, nous sommes sur la première ou peut-être sur la deuxième étape. Donc, la première est pour la sensibilisation et les mesures pour ces étapes sont la portée, combien de personnes atteignez-vous avec votre publicité ? Il s'agit de mesures pour les applications, les services, etc. Donc, si vous vendez quelque chose en ligne, si vous avez, par exemple, une boutique en ligne, vous avez ces mesures pour votre entonnoir. Et les mesures d'acquisition ou l'étape de notre taux de conversion, coût par piste, coût par action, coût par vente taux de rebond. Habituellement, lorsque vous testez vos créations, elles n'affectent pas autant votre taux de conversion. Mais ils affectent la CTR. Dans une grande échelle. Cela signifie que la plupart des hypothèses de vos bannières auront des déclarations. Ces créations augmenteront la CTR de 16 pour cent à 17 pour cent et ainsi de suite. Parfois, lorsque vous concevez de nouvelles pages sur vos créations, filtrez une partie de votre audience ou une autre audience inutile. Dans ce cas, ces créatifs influencent taux de conversion et vous pouvez marquer les étapes avec l'étape d'acquisition, mais la plupart d'entre vous achetez nous affecteront seulement CTR. Et cela signifie que c'est une étape de sensibilisation. Il y a d'autres étapes, mais il ne s'agit pas de créatifs. Il s'agit d'un chercheur d'utilisation du site sur la qualité des produits, sur le nombre de personnes qui retournent à vos serveurs s'il s'agit d'un service, combien d'argent gagnez-vous de chaque personne et comment vos utilisateurs, comment vos clients recommandent vos services à d'autres personnes. Donc nous voulons couvrir toutes ces quatre étapes. Nous allons nous concentrer sur ces deux-là. Et comme je l'ai dit, quand vous testez vos créations, habituellement un sitar de test. Donc, vous comparez une avec autres manières dans le même système publicitaire avec le même public, avec la même page de destination. Si, par exemple, vous testez différentes pages de destination, vous avez ajouté des textes différents, vous aviez des images différentes sur vos pages de destination et vous voulez tester lequel d'entre eux convertit le mieux. Dans ce cas, vous pouvez écrire et l'Inde puis pour former l'hypothèse, prêt page avec un texte a augmentera le taux de conversion de 5% à 6% parce qu'il montrera nos avantages d'une meilleure manière qu'il ne l'était auparavant. Et vous testez cette hypothèse avec un outil de test AB comme Google Optimizely ou quelque chose comme ça. Il s'agit d'une description très brève et très brève du tableau de croissance et des processus qui le sous-tendent. Mais il vous suffit de tester votre bonus, de tester vos créations. Et encore une chose sur les tests et les bannières pour Google. Comme vous le savez, il y a beaucoup de formats là-bas, surtout si vous touchez des annonces d'affichage régulières. Et, et idéalement, vous pouvez exécuter une hypothèse indépendante pour chacune des tailles. Parce que, comme vous le savez, il arrive parfois et il arrive très souvent que les bannières d' une taille se convertissent mieux avec un texte et les bannières d'une autre taille convertissent plus mauvais. Donc, dans ce cas, vous voulez probablement créer une hypothèse indépendante pour l'âge Bono taille, mais ce sera très long et ce ne sera pas si facile à gérer quand vous avez beaucoup de créativité. Donc, ce que je suggère est de le faire peut-être une fois, deux fois pour comprendre quelles idées marchent dans si les formats et ce qu'il faut éviter. Par exemple, vous comprendrez qu'au bonus de mumbles avec de petits formats, vous n'avez pas à mettre beaucoup de textes parce que ce n'est pas vraiment bien en fait c'est évident, mais peut-être que nous aurons une conclusion après cela. Si vous voulez mesurer la totalité de votre bonus indépendamment pour les annonces Google, vous devez probablement créer une feuille de calcul Google ou un fichier Excel. Donc, ce serait une sorte de table parce qu'il sera très difficile de la gérer dans cette bande-annonce. Voulez. Donc, comme vous le comprenez, si vous avez 20 équilibre, vous aurez 22 hypothèses distinctes. Et si vous avez des idées différentes, par exemple, trois ou quatre, ce sera une centaine de cartes ici. Cela prendra beaucoup de temps. Mais après avoir recueilli toutes vos données avec tous vos formats, vous comprendrez les informations générales, l'hypothèse sur l'instrument de musique premium, réussi ou non. Et vous mettez ces résultats dans ceux achetés. J' espère donc que vous utiliserez ces mots pour booster vos résultats marketing. Et alors passons à autre chose. 58. Carte de Hypothèse 12.2: Regardons à l'intérieur de leur Dieu. Bien que l'hypothèse de plus près comme nous l'avons vu auparavant, nous avons ces titres. En fait, il dit ce qu'il faut faire avec le test. Et ceci est l'énoncé de notre hypothèse et comment utiliser la section. Nous avons beaucoup fait comment écrire une bonne hypothèse, et nous la couvrirons dans une leçon séparée. Maintenant, nous sommes là. Donc description. Vous pouvez écrire quelque chose ici si vous pensez que vos coéquipiers comprendront mieux ce que vous allez tester. Si c'est évident dans le titre, vous pouvez ignorer cette description. Métrique de base, son taux de conversion ou CTR. Habituellement métrique supplémentaire peut être sitar. Par exemple, vous lancez, par exemple, vous exécutez différentes variantes de vos annonces. Et vous comprenez que vous voulez couper votre public aussi, couper les créatifs bio publics inutiles comme ici. Donc, nous écrivons un instruments de musique et nous comprenons que les gens qui veulent acheter des instruments bon marché veulent aller sur notre site Web. Mais cela signifie que nous allons probablement perdre notre cetera. Ce n'est pas crucial parce que si nous gagnons le taux de conversion, si nous cessons de perdre de l'argent sur des gens qui ne veulent pas acheter dans notre boutique. Cela signifie que nous sommes d'accord avec perdre CTR. Mais si nous le perdons de façon spectaculaire, nous devons probablement trouver un compromis. Cela signifie simplement que nous devons garder un œil sur la CTR aussi. Mais notre principale métrique pour ces expériences, pour cette hypothèse est toujours le taux de conversion comme valeur magique Oracle. C' est ce qu'on a eu avant. Exemple de capture d'écran de données historiques. Celle-ci montre ce que font les statistiques, avons-nous eu avant ? Pourquoi c'est important parce que nous calculerons signification statistique et nous devrions comprendre que ces valeurs sont exactes. Et quand nous avons de telles captures d'écran, c'est, ça rend tout plus visuel. Ensuite, après avoir reçu nos données, nous mettons les valeurs ici et nous ferons une autre capture d'écran et les mettrons ici. Après tout, nous calculons la signification statistique parce que parfois nous obtenons un résultat très proche et nous ne comprenons pas si elles valent quelque chose ou non. Donc, dans ce cas, nous utiliserons un calculateur de signification statistique et nous verrons si nos résultats sont significatifs. Bien couvre la signification statistique dans une leçon distincte. Et après l'hypothèse, Il est auteur devrait écrire conclusion, ce que nous avons obtenu y ou non, et ce qu'il faut faire ensuite. Donc, par exemple. Comme ici, ces créations augmentent légèrement la conversion, mais pas la façon dont nous nous attendions à ce qu'il faut faire ensuite. Je vais les laisser marcher et chercher d'autres créatifs pour augmenter le taux de conversion, par exemple. Avec cette idée, cela signifie de tester différents créatifs avec un instrument de musique haut de gamme pour voir si cette déclaration fonctionne sur no. Et il y a encore une chose, les champs personnalisés. Lorsque vous vous inscrivez et lorsque vous utilisez trail et qu'il n'y a pas de champs personnalisés dans votre panier. Donc, c'est une puissance en retard dans la remorque. Il est situé ici champs personnalisés. J' ai donc des champs personnalisés comme celui-ci. Et je vais ajouter un nouveau champ, par exemple, je vais le mettre à la liste déroulante et ce sera, disons marque. Et nous avons une certaine variance. Par exemple, générique signifie qu'aucune marque ne sera Gibson, être un, roi, j sera yamaka et ainsi de suite. Donc, après ceux-ci peuvent utiliser la marque, un exemple, c'est générique et de la publicité. Je n'ai pas de marque. Et si je coche cette case, cela signifie que ce champ apparaît et le panier ici, donc il sera en générique de marque. Si je la vente, il disparaît. C' est ainsi que ces power-up marchent. Si vous voulez l'activer, il vous suffit d'aller dans Ajouter des applications Power. Vous pouvez ajouter une alimentation gratuite à chaque compte d'essai et vous devez trouver des champs personnalisés. Et si vous le souhaitez, vous pouvez simplement l'ajouter à votre compte. Rela vous permet d'ajouter des commentaires à chaque mode afin que vous soyez libre d'ajouter des commentaires. Vous pouvez mentionner vos coéquipiers ici et ainsi de suite. Et si vous voulez ajouter une image à votre carte, vous devez l'attacher. Donc, vous avez de l'attachement. Calculer. Ajoutons autre chose. Par exemple, je voudrais terminer cette image. Maintenant, nous avons deux images ici et comme vous le voyez, est devenu une couverture de votre carte. Mais je veux faire la couverture de l'image précédente. Alors je vais ici et cliquez sur Faire la couverture. Donc maintenant j'ai deux images différentes dans ma carte, mais je peux seller la couverture. Nous avons appris à utiliser une carte d'hypothèse dans notre croissance, à la fois dans la remorque. Donc, je suggère d'y aller et de l'essayer par vous-même. 59. Formules d'hypothèse 12.3: Regardons de plus près notre énoncé d'hypothèse. Ici, dans la colonne d'hypothèse, il y a un modèle. Ce que vous devez écrire dans votre hypothèse, comment vous devriez les former. Il y a donc deux exemples ici. Changer quelque chose en quelque chose va augmenter l'objectif de conversion de 1 à l'autre parce que et j'ai terminé cette partie où vous pouvez mettre votre résultat et dans ce cas, vous verrez le résultat à partir d'ici. Pas besoin de cliquer et d'aller à l'intérieur. Vous voyez que le résultat est 8.4 pour ces coupures. Alors revenons là-bas et voyons. Alors, qu'est-ce que ça veut dire ? Cela signifie que vous devez écrire ce que vous allez changer et comment vous allez changer, comment cela affectera-t-il votre métrique ? Et faut-il sélectionner une mesure pour tester cette hypothèse ? Et une partie très importante est parce que cela signifie que vous ne faites pas simplement une hypothèse pour faire une hypothèse. Tu es dessus. Pour comprendre quelque chose, apprendre quelque chose, et vous avez des sentiments, vous avez quelques réflexions sur la façon dont ces changements influenceront vos résultats. Si vous ne mettez pas cela parce que la partie, vous allez juste tester les boutons verts contre les boutons rouges et ainsi de suite. Mais quand vous utilisez, parce que vous pouvez expliquer, pourquoi avez-vous formé cette hypothèse ? Pourquoi tu l'as écrit ? Et tout le monde comprendra la pensée principale qui se trouve à l'intérieur de cette hypothèse. C' est donc très important. Regardons nos exemples, créatifs avec les instruments de musique haut de gamme texte. Alors, qu'est-ce qu'on va changer ? Le texte ? Augmente le taux de conversion. Il s'agit d'une mesure principale pour notre expérience de 5,5 à 7%. N' écrivez pas des choses comme. Alors. Reformulons-le et voyons le bon et le mauvais exemple. Par exemple, les créations avec les instruments de musique haut de gamme de texte gagneront le taux de conversion de 7%. En fait, cette formule est correcte, ce texte est correct, mais vous ne comprenez pas ce que vous aviez avant vos expériences ? Donc tu as raison, ça va gagner 7 % et tu n'as pas compris, est-ce que ça correspond ou pas ? Quel niveau de taux de conversion avez-vous eu avant ? Il est donc préférable d'écrire vos résultats précédents dans ce cas, vous comprenez. Donc, 7% est en fait un bon objectif. Et si ces bannières ont atteint cet objectif, c'est bon. Mais si, par exemple, votre conversion précédente était de 1,5, votre hypothèse est probablement trop optimiste et vous devez probablement définir une inscription faible. Donc, c'est très important et sans parce que partie, Voyons voir, il sera le même. Mais maintenant, il n'y a pas d'explication. Pourquoi testons-nous cette hypothèse ? Ok, et revenons à notre courant et voyons une autre formule. Créatifs avec quelque chose sera d'accord augmenter l'objectif de conversion de fait. Nos exemples sont faits avec ces formules, donc nous n'avons pas écrit changement dans l'un à l'autre va augmenter. Nous venons d'écrire que les créations avec Samsung augmenteront notre taux de conversion. Faisons une hypothèse avec cette formule. Par exemple, changer de personne, forum et de gars ou de fille aux créations avec l'instrument de musique de textes augmentera le taux de conversion de 6,5 à 7% parce que notre DNS principal est masculin et fille. Donc c'est une bonne chose. C' est donc une bonne forme. C' est donc une bonne formulation d'hypothèse. Revenons voir ce que les cellules ont ici. Oui, nous avons des métriques, des métriques préliminaires pour nos manières. Ctr et CR vient taux de click-through et taux de conversion. Et il remplit que nous allons devoir mettre, nous les avons déjà vu dans notre carte et la leçon de révision. Regardons une fois de plus. Lorsque vous formez votre hypothèse, quand vous les montez, vous devez penser pourquoi cette hypothèse devrait être vraie. Y a-t-il une idée derrière ça ? S' il n'y a pas, c'est juste destiné aux tests et vous aurez probablement quelques résultats. Probablement pas. Habituellement, vos résultats ne sont pas si grands pour une telle hypothèse parce que c'est juste alloc, et généralement ils ne font pas tellement de différence. Mais quand vous les formez d'une manière, quand vous expliquez pourquoi cette hypothèse devrait fonctionner. Et quand vous fixez des objectifs réalistes. Dans ce cas, votre hypothèse peut être vraie. En fait, ils peuvent aussi être faux, mais au moins vous testez quelque chose de raisonnable, vous testez quelque chose qui a du sens. Donc, quand vous écrivez votre propre hypothèse, revenez à cette leçon, regardez ces deux formules et utilisez-les parce que si vous formez votre hypothèse de cette façon, elles vous permettront d'obtenir des résultats. Vous voulez tester l'hypothèse juste parce que vous voulez tester quelque chose, vous allez tester l'hypothèse pour obtenir des résultats. Donc c'est tout avec cette leçon courte mais très importante. Essayez d'écrire votre propre hypothèse, les tester, et vous obtiendrez d'excellents résultats. 60. 12.4 AAARRR Funnel Intro: Maintenant, regardons comment un entonnoir marche. Cela va au-delà du test créatif, mais regardons quand même. C' est donc l'AA final, acquisition de conscience, l'activation, la rétention, la référence des revenus. Il montre comment vos clients passent par votre site Web, par vos services, et comment ils vous apportent de l'argent ? Comment avez-vous valorisé le cerveau ? La première étape est la prise de conscience. Combien de personnes atteignent ? Combien de personnes font de la publicité SEO, l'acquisition ? Combien de personnes visitent votre site Web et combien de personnes y prennent certaines actions, par exemple, quittent leur contexte. Activation. Cela ne s'applique pas à toutes les entreprises, mais par exemple, pour les applications mobiles, cela signifie combien de personnes commencent l'essai gratuit ou quelque chose comme ça. Conservation. Combien de personnes reviennent à votre fin ? Conservation. Combien de personnes reviennent et achètent à nouveau, et combien de temps restent-ils dans votre entreprise ? Donc ça fonctionne avec LTV, chiffre d'affaires. Combien de personnes vous payent ? Quand commenceront-ils à vous payer ? Et référez tout le nombre de personnes qui dirigent votre entreprise vers la France ou vers des coliques. Retournons à notre conseil. Et comme vous le voyez, il y a des étiquettes colorées ici. Et comme vous le voyez, j'ai marqué toutes mes cartes avec une de ces étiquettes. Donc, ces orange signifie qu'il s'agit de l'étape d'acquisition et ces mesures sont le taux de conversion, coût par coût d'avance, où le coût d'action par vente taux de rebond. Donc, cela signifie comment les gens convertissent sur votre site Web ou ne convertissent pas un à votre site Web. conscience est la portée du CTI et quelque chose comme ça. Un public mensuel, un public moyen quotidien et ainsi de suite. L' activation, comme je l'ai dit, ne s'applique pas à toutes les entreprises. Si vous vendez simplement quelque chose sur votre site Web, n'avez probablement pas l'étape d'activation. Ainsi, il peut s'agir d'une conversion à une première utilisation d'essai, de la rétention du premier jour. Cela signifie que si votre service est conçu de la manière dont les gens l'utiliseront encore et encore. rétention du premier jour signifie combien de personnes utilisent vos serveurs le lendemain après leur inscription. Donc, cela marche parfaitement avec des applications mobiles et ainsi de suite. La rétention, c'est combien de temps les gens restent avec vous, combien de temps ils restent et vous paient, combien de personnes s'en vont ? Nps score, cela signifie comment les gens sont satisfaits des services. Recettes. Il s'agit du chiffre d'affaires et de la métrique LTV. Et en fait, parfois, les gens utilisent LTV ici parce qu'il montre combien de temps les gens vous paient et la référence. Il s'agit de quelques mesures de référence. Combien de personnes invitent leurs amis, combien d'invitations fait-elles, et ainsi de suite. Ce sont donc six étapes qui décrivent cet entonnoir et il est préférable de les utiliser dans votre propre croissance. Mais dans ce cas, vous testerez l'hypothèse non seulement sur achat d'un test et B2 test créatif et un test publicitaire, mais vous allez aller plus loin et tester tous les aspects de votre entreprise. C' est donc une technique très puissante. Et si vous avez, disons une application mobile ou un service, probablement, vous trouverez une autre variante de cet entonnoir où la rétention va au sommet. Ça s'appelle Rawr, quelque chose comme ça. Cela signifie que si votre entreprise est conçue de la façon dont les gens devraient revenir à vous encore et encore. Et dans ce cas, vous gagnez de l'argent. Vous devez donc mettre vos mesures de rétention en premier lieu et les tester au début. Mais si nous parlons de tests créatifs, bien sûr, ce sont des étapes, de la sensibilisation et un peu moins, de l'acquisition. Ce n'est qu'une introduction à un entonnoir ARR. Si vous voulez apprendre un plus profond, vous pouvez Google il y a beaucoup de vidéos, beaucoup de cours sur ce sujet, probablement je vais créer un choeur à ce sujet plus tard, mais je pense que c'est plus que suffisant pour notre test créatif. Et en fait, si vous n'utilisez pas d'autres étapes et maintenant les niveaux de l'entonnoir, vous n'avez pas besoin d'appliquer ces étiquettes. Vous pouvez simplement écrire votre hypothèse sur votre taux de clics, sur votre taux de conversion s'il s'applique. Donc c'est tout avec cet entonnoir essayé de l'utiliser et je suis sûr que vous aurez un plus grand résultat. 61. 12.5 Importance statistique: Parlons maintenant de la signification statistique. Lorsque vous effectuez des tests de votre hypothèse, cela est très important pour obtenir des résultats significatifs. Quel est le résultat significatif ? C' est un résultat lorsque vous pouvez dire avec certain niveau de confiance que votre résultat est réellement vrai. Cela implique certaines statistiques. Mais vous n'avez pas à faire tout ça. Vous pouvez simplement utiliser le calculateur de signification statistique radio. Je vous donne deux liens vers différents calculateurs statistiques. L' un est à Santa Monica.com et l'autre est à nail patella.com. Je préfère le premier car ici sur nilpotent.com, nous ne voyons pas de décimales dans notre taux de conversion. Et nous les voyons ici. Donc, généralement, c'est pourquoi je préfère ces calculatrices, comment l'utiliser. Vous effectuez votre test dans votre avez quelques résultats et vous comprenez que vous comparez, par exemple, votre campagne à une campagne précédente que vous avez autour. Oh, vous savez, les deux résultats, vous savez, la quantité d'impressions et la quantité de conversions de collègues. Disons que nous testons CTR. Et cela signifie que nous allons mettre nos impressions ici dans les champs des visiteurs et nous mettons nos collègues ici dans des conversions parce que notre CTR, c'est comme une conversion pour les collègues d'impressions. Disons donc que nous avons cette quantité d'oppression. Certains collègues, 100 impressions, opérations en un clic à des cliques, comme deux fois plus grand. Mais comme vous le comprenez, ce n'est pas assez de données pour dire que ces variables B est mieux que variante parce que ce n'est tout simplement pas assez de données. Et si on met 1000 et 10 et 20 ? Recalculons ça. Nos résultats ne sont pas encore significatifs. Ajoutons des zéros. Ok, dans ce cas, notre résultat est significatif. Pourquoi ? Parce que maintenant nous avons beaucoup plus de données qu'auparavant. Et maintenant la différence de deux fois dans notre taux de conversion. Et nous voulons dire que c'est Sutra, est statistiquement significatif. Lorsque vous testez votre hypothèse, assurez-vous que vos résultats sont statistiquement significatifs. Allez ici, mettez vos données dans ces champs et voyez le résultat. Il y a beaucoup de paramètres et quelques valeurs ici. Vous ne pouvez pas aller profondément et comprendre ce que cela signifie et simplement l'utiliser comme oreilles. Vous devez utiliser une hypothèse bilatérale. niveau de confiance de 95 pour cent est correct. C' est donc la norme de l'industrie pour le test d'hypothèse et vous pouvez définir 99 pour cent, mais pour ceux-ci, vous devez parfois obtenir plus de données que pour 95 pour cent. C' est donc le niveau de confiance. C' est à quel point vous serez confiant dans le résultat de votre expérience. Habituellement, 95 pour cent, c'est bon. Et il y en a deux, ces valeurs, la puissance et la valeur de p. Vous n'avez pas à les comprendre aussi. Ils montrent la probabilité que vous faites une erreur quand vous dites que la fausse hypothèse est vraie, et quand vous dites que la vraie hypothèse est fausse. Donc, en fait, ce sont des détails mathématiques. Vous n'avez pas à les comprendre, vous n'avez pas à les apprendre, et vous avez juste besoin de regarder le résultat principal. Donc, encore une fois, si je l'ai dit, notre résultat n'est pas significatif. Donc sitar est 2 fois étant sur le résultat n'est pas significatif. Nous devons recueillir plus de données pour dire si l'hypothèse B est meilleure que l'hypothèse a. Si vous le souhaitez, vous pouvez lire quelques articles ici qui expliquent comment tout cela fonctionne. Mais je suggère juste d'utiliser la calculatrice et vous n'avez pas à aller dans ces détails. 62. Aperçu final du planche de croissance en 12.6: Examinons tout ce que nous avons appris sur nos tests d'hypothèses. Ce n'est pas seulement du marketing, ceci dans le cadre d'un hack et d'un processus de croissance. Cela vous aidera à obtenir de meilleurs résultats lorsque vous faites simplement quelque chose dans le marketing et que vous ne suivez pas vraiment vos résultats. Donc, cette mythologie de ce cadre est conçue pour comprendre vos résultats et pour obtenir de meilleurs résultats. Penser aux raisons, penser aux conséquences. Et pour comprendre comment ils se connectent et comprendre ce que vous devez faire et comment vous devez faire pour atteindre votre résultat, pour améliorer vos mesures. Pas seulement pour tester quelque chose, pour tester quelque chose, mais pour obtenir de meilleurs résultats. Alors encore une fois, qu'est-ce qu'on a ici ? Nous avons au conseil de Trello. Si vous n'avez jamais utilisé Trello, je vais vous laisser une courte vidéo qui explique comment l'utiliser en fait est assez simple. Vous aurez un lien vers ce tableau et vous devrez le copier pour vous et ensuite vous pouvez l'utiliser. Donc, ces tableaux sont constitués de différentes colonnes qui contiennent des cartes. Lorsque vous avez des idées et que vous les lisez dans des colonnes d'idées. Tous les membres de votre DMM peuvent le faire, même si vous marchez le long, faites-le de même. Peut-être que vous n'avez pas à mettre un auteur dans chaque décompte. Si vous marchez le long. Si vous travaillez avec vos coéquipiers, assurez-vous que chaque carte, chaque hypothèse a son auteur. Il y a donc des membres ici et vous pouvez vous ajouter. Donc, l'ensemble de ce processus est conçu pour vous donner des résultats. Et nous devrions obtenir des résultats. Lorsque nous parlons d'heures et de graphiques, de nos bannières, nos campagnes publicitaires, nous pouvons influencer le taux de clics et le taux de conversion. agit probablement de deux mesures principales que vous pouvez vous attendre à modifier lorsque vous modifiez vos bannières, lorsque vous modifiez vos créations publicitaires. Dans ce cas, vous formez votre hypothèse de manière à augmenter votre taux de conversion ou à augmenter votre taux de clics. Je vous suggère de toujours écrire l'hypothèse d'une manière positive qu'ils augmenteront votre conversion. N' écrivez pas d'hypothèse qui diminuera votre taux de conversion. Parce que parfois les gens veulent écrire, C'est d'une manière négative et ce n'est pas une bonne façon de le faire mieux, rester dans une direction positive. Dans ce cas, vous allez tester les bonnes choses. Pensez donc toujours à augmenter votre taux de conversion. Pensez toujours à augmenter votre taux de clics. Mais bien sûr, vous devez comprendre que vous n' avez pas à augmenter votre taux de clics si c'est le cas, baisser votre taux de conversion. Cela se produit lorsque vous écrivez quelque chose de très attrayant à vos bannières qui Attrape le mauvais public ou que ce n'est tout simplement pas vrai. Donc, si vous écrivez que nous donnons des instruments de musique gratuits, beaucoup de gens cliqueront sur ces bannières, mais si vous ne faites pas cela, donc il n'y aura pas de raison d'IIT. Dans d'autres cas, faites votre hypothèse de la manière qui augmentera votre taux de conversion, ce qui augmentera votre taux de clics. D' accord ? Donc vous devez avoir une raison, vous devez avoir quelques sables derrière votre hypothèse. Donc je vous suggère non seulement de tester différentes bannières, mais d'essayer de mettre quelque chose après ça. Parce que quoi ? Parce que dans ce cas, vous allez créer une hypothèse beaucoup plus raisonnable et probablement vous obtiendrez beaucoup de meilleurs résultats avec un certain temps. Vous et tous les membres de votre équipe écrivez l'hypothèse que vous devez les classer par ordre de priorité. Et puis tu choisis la meilleure hypothèse. La meilleure hypothèse signifie que ces hypothèses en lesquelles vous croyez. Donc, si votre équipe croit que ces trois hypothèses vont augmenter nos paramètres de base, alors testez-les au début et partez ou un autre pour le prochain Prince sur juste pour un futur. Une fois que vous les avez classés par ordre de priorité, prenez la meilleure hypothèse dans la production et lancez-les réellement. Ils resteront ici pendant la collecte des données. Et enfin, vous aurez une hypothèse réussie ou échoué et les mettre ici quand vous avez des données statistiquement significatives. Une fois de plus, assurez-vous que vos résultats sont significatifs. Et il y a une chose importante dans l'examen et rétrospectif, il y a un taux de réussite. Ne pensez pas qu'il s'agit d'un indicateur de performance clé pour atteindre 100 %. Parce que si vous essayez d'atteindre un taux de réussite de 100 pour cent, cela signifie que vous allez tester une hypothèse très faible, même pas très faible, mais ceux qui sont très, très probables d'être vrai. Donc, de cette façon, vous voulez des risques et vous voulez obtenir de bons résultats. À mon avis, un bon taux de réussite est de 30 à 40 pour cent. D' habitude, c'est encore moins. Si vous avez un taux de réussite inférieur à 5%, votre hypothèse est probablement trop stricte. Si votre taux de réussite est de 90 pour cent, cela signifie que vous, votre hypothèse est trop faible. Donc, le bon KPI pour ces métriques est d'environ 20, 50%, peut-être 20, 40%, 50 est plutôt élevé. Donc, si vous êtes dans ces taux et votre parfaitement d'accord avec destine votre hypothèse. Et il y a une plus mince lorsque vous testez l'hypothèse fait en sorte que vous testez au moins cinq, mais à 10 hypothèses par semaine ou par sprint. Parce que si vous testez une hypothèse et que votre taux de réussite est, disons 15 pour cent. Cela signifie que vous allez tester environ 52 hypothèses. Vous le multipliez par 15 pour cent. Et il s'agira de combien de sept hypothèses réussies par an. Et ce n'est pas un excellent résultat. Mais si vous testez, disons, 10 hypothèses par semaine. Et votre taux de réussite est peut-être, je ne sais pas, 25 pour cent. Cela signifie que vous comprenez mieux votre entreprise et au fil temps, vous allez créer une meilleure hypothèse avec un taux de réussite plus qui aura toujours un sens. Mettons-le à 25, peut-être même 20 pour cent, c'est ok. Donc, dans ce cas, combien vous aurez environ 100 hypothèse réussie par an. C' est un bon résultat. Jeff Bezos, PDG et fondateur d'Amazon, a déclaré que tout le succès est sur un test d'hypothèse massif. Et puis il l'a dit il y a de nombreuses années. Donc, c'est probablement un bon cadre pour que vous obteniez de bien meilleurs résultats qu'auparavant. Je vous suggère d'essayer cette mythologie, d'essayer ce cadre, de travailler avec elle pendant un certain temps. Et probablement vous obtiendrez de bien meilleurs résultats qu'avant. 63. 13.1 Épilogue: Et mon ami, je suis heureux de vous rencontrer à la fin du cours. J' espère que le cours a été une bonne affaire pour vous et que maintenant vous avez des compétences pour travailler plus rapidement. Si vous trouvez ce cours utile. La note cinq étoiles est appréciée dans la session d'examen, tant que tout ce qui est inférieur à 40 est considéré comme un mauvais résultat sur Udemy. Donc, si vous avez des questions, des suggestions, ou si vous voulez juste parler, n'hésitez pas à me laisser une ligne et bonne chance. Sincèrement à vous, Nikki, ils ont sauvé.