Figma para marketing digital e crescimento de seguidores [2022]

1. Introdução: Sou uma impressão digital. Bem-vindo ao alimentar mais para marketing digital e crescimento hacking Cruz. Hoje estamos começando uma jornada para o mundo da produção e testes eficazes de criativos e outros gráficos de marketing. Eu ando no mercado não preenchido por mais de 12 anos depois, por muito tempo, eu estava sonhando com uma ferramenta que pode automatizar criação de modelos enquanto ainda dá boa flexibilidade. E não havia tal ferramenta. Editores gráficos clássicos conscientes muito desajeitado. E as ferramentas como Canva foram um lanche e assim por diante não deram o tipo necessário de liberdade. Todos eles por onde começar com seus modelos. E um dia eu encontrei Figma, e a primeira vez que eu não percebi todo o seu poder, eu apenas pensei nele como um novo, rápido e bom editor gráfico baseado na web. E fiquei feliz com isso. Mas algum tempo depois eu aprendi a usar suas funções mais complexas, como restrições de layout automático e componentes. E nessa altura, percebi que este é o C. Esta é a ferramenta que eu esperava conseguir durante anos. Eu criei mais de 3000 bônus para íon e um BTS por mim mesmo e 2020. E eu até conheço o design. Então você pode fazer isso também. Vamos começar este curso com o básico de Figma e destacar as ferramentas mais importantes para nós. Em seguida, vamos aprender ferramentas de automação como componentes dos layouts e restrições em exemplos de alguns corpos aleatórios. Depois vamos criar banners genéricos inteiros e mudou-se para anúncios do Google, anúncios do Facebook em formatos de mídia social. Aprenderemos algumas dicas, truques e plug-ins, modelos que acelerarão e automatizarão seu trabalho. Finalmente, vamos aprender como usar o mundo hacking crescimento e testar sua hipótese e conduzido com testes e assim por diante. Portanto, este curso lhe dará uma sólida habilidades em design para marketing digital. Como um bônus para discutir, Dou-vos dois prontos para usar modelos para anúncios do Google e anúncios do Facebook. O curso é dividido em capítulos, seções. Cada seção tem seu próprio tema e contém de duas a uma dúzia de lições. As lições nas primeiras seções são bastante básicas e bastante curtas. Avançar as lições tornam-se solitárias ou a informação torna-se mais complicada e precisa de mais tempo para descrevê-la em um bom nível. Algumas seções têm questionários e tarefas para que você possa testar a si mesmo e revisar as lições de prática. Para a maioria das seções, eu uso o único arquivo Figma que é projetado da maneira que você pode repetir depois de mim. E você sempre tem alguns exemplos em prime of u, livre para usá-lo, mudá-lo, brincar com qualquer parte de sua parte porque não é curto, mas eu sugiro que você chegue ao fim disso. E o meu forte conselho é fazer toda a prática. Neste caso, você obterá o máximo valor de sua aprendizagem. Mais uma coisa, mais uma dica do teorema da educação e de como o cérebro humano caminha. Se você aprender novas informações e aplicá-las dentro de uma semana, você provavelmente se lembrará dessas informações, transformando-as em sua habilidade. Se você não fizer isso, você provavelmente esquecerá maioria deles em algumas semanas, meses. Então, a melhor maneira de obter o máximo do curso é se durante a aula você criará seus próprios exemplos, suas próprias imagens para o seu trabalho, para negócios ou para o seu hobby. E agora vamos começar nossos carros e passar para as primeiras lições. Boa sorte e espero vê-lo no final do curso. 2. Conta 2.1 figma: Vamos ver como criar conta Figma. Na verdade, é bem fácil. Basta ir para figma.com e, como você vê, há um grande botão de inscrição aqui. Eu clico nele e vejo algumas opções. Posso usar a Conta do Google ou usar meu e-mail. Portanto, é óbvio que se você optar por enviar com uma conta do Google, sua conta do Figma será conectada à sua conta do Google com seu e-mail que você usa em sua conta do Google. A outra maneira é usar e-mail, certo? Vou usar este serviço de e-mail temporário e vou criar conta Figma com estes e-mails. Ok, eu crio, eu colo para este e-mail e eu disse alguma senha aleatória. Está bem. Gramado de sete personagens. Está bem. Está bem. O meu nome. Que tipo de trabalho eu faço? Eu faço revista. Não quero curtir a lista de discussão da Figma. Mas se você é novo em Figma, provavelmente você pode se inscrever para ele. Está bem. Então eu tenho que verificar minha conta. Posso ir aqui e ver o e-mail da Figma que diz para verificar no sexo masculino. Ok, clique nele e onde aqui. Eu tenho que classificar minha primeira equipe, por exemplo. Ok, e agora Figma, ok, e agora Figma me mostra esses convites para convidar outros colaboradores. Isso é feito para você criar uma equipe do zero. E, na verdade, se você convidar para muitas pessoas, você terá que criar uma conta paga. Então eu estou realmente atualmente vamos pular este passo. E vou começar com uma conta gratuita. Eu disse para começar a contar. E meu Figma pergunta se eu quero usar alguns modelos ou iniciar um arquivo em branco, ok, eu vou usar algum modelo. Como você vê lá. Alguns deles. Tenho algumas predefinições em branco. De qualquer forma eu vou criar um arquivo agora, então eu vou apenas escolher este. E como vê, meu arquivo está aberto. Então, na verdade, agora eu tenho conta Figma, eu posso usá-la. Eu tenho alguns arquivos aqui, então isso é bem simples. Espero que você o crie sem problemas. 3. 2.2 e aplicativo: Existem duas maneiras de usar Figma. Você pode adicionar a interface web dos EUA ou você pode usar Figma up. Prefiro Figma para cima. E vamos ver como isso funciona agora, estão usando Figma no meu navegador. Isso funciona bem, mas se eu tiver um monte de guias diferentes aqui, isso será esmagador. E às vezes ele pode andar devagar porque diferentes guias podem carregar muito seu computador. Então, neste caso, eu prefiro usar Figma up. Na verdade, eu prefiro usar o aplicativo Figma para sempre. É assim que parece. É muito parecido com o que temos aqui. Tudo está no lugar. Mas a principal vantagem é que ele é um aplicativo separado em sua área de trabalho. E você sempre pode abrir, apenas comer, e você vai se concentrar em Figma. Então vamos ver onde encontrar o aplicativo. Você pode digitar figma.com barra downloads. E há vários arquivos aqui. Existem aplicações de ambiente de trabalho para Mac e para Windows. Existem dois aplicativos para seus telefones celulares para iOS e Android. E estes não são editores gráficos, são aplicativos de pré-visualização. Então, se você trabalha com aplicativos móveis ou telas móveis, este aplicativo irá criar uma ótima visualização do seu design direito, em seu smartphone. Portanto, não precisamos desses aplicativos para criar conscientização e para nossos propósitos pop de revista, menos que você crie telas móveis e instaladores de fontes, há muitos fundos dentro do Figma, e se você quiser gerenciá-los, você pode baixe esses instaladores para suas fontes. Mas se você usar o aplicativo de desktop, ele não requer isso. Então, todas as suas fontes de figma, nós estaremos lá. Mas se você adicionar algumas fontes adicionais em seu sistema, isso vai andar como em qualquer outro programa em seu computador e apenas tem que instalar outras fontes que Figma não tem dentro. Você tem que instalá-los em um sistema manualmente. Assim como com qualquer outro aplicativo para em sua área de trabalho. Ok, Então, depois de clicar em Baixar para cima, você vai obter um arquivo zip e você vai instalá-lo. Certo, sugiro que faça isso. É mais útil usar Figma com aplicativo de desktop. 4. 3.1 fema básico: Eu sou um amigo desde que eu gravei este feed de vídeo, meu mudou sua interface ilegal. Então vamos ver o que mudou. Há duas alterações nesses menus. Anteriormente, a busca era aqui e moveu-se para cá. Então eu posso procurar algum movimento magro e comunitário aqui em baixo. E agora eu posso fazer o clique para chegar à comunidade e procurar coisas diferentes, para procurar arquivos e plug-ins. Na verdade, todo o resto é igual. Ele só agora é mais é olhar menor, pesado do que era antes. Então você pode voltar para sua conta por muito tempo. Então, isto é comunidade. E se você quiser voltar, você pode usar esta seta ou você pode usar este menu suspenso e ir para sua conta. E isso é comer. O resto do vídeo está correto por enquanto. Então vamos ver a lição. Depois de registrar conta Figma para ter acesso a, para andar em erros. O primeiro é, na verdade, o seu editor gráfico onde você cria seus gráficos. E o segundo é o Gerenciador de Arquivos e as configurações. Vamos ver como navegar entre eles e o que está dentro. Então vamos começar com editor gráfico. Agora estamos no navegador, e eu vou abrir um dos meus arquivos IR, por exemplo, este. E agora, enquanto está abrindo, mudo para o Figma na minha área de trabalho e vou para o arquivo com o qual trabalharemos. Então este é um editor gráfico. Há muitos menus, vamos aprender todos eles. E é assim que parece no navegador. Então isso é muito semelhante porque na verdade Figma up é navegador em si. Então, isso é muito semelhante e menor. Vamos ver como navegar entre essas duas seções. Estes, há uma diferença em um up ou e no navegador. Então, quando você está trabalhando com Figma up, você tem acesso direto aos seus arquivos e configurações através destes top. Está sempre lá. E quando eu clico nele, eu vou para as configurações e ir para os meus arquivos pode ser unidade e todas essas coisas. E se eu abrir alguns arquivos, eles simplesmente abrem em novas abas. Então isso é muito fácil e eu gosto de usar o para cima mais porque é um pouco mais útil. E quando eu vou para o navegador, eu estou dentro do arquivo agora. E agora quero ir lá fora. E chegar aos arquivos de milhas ou às minhas configurações. Para estes, eu tenho que clicar neste menu e clicar em voltar para arquivos. Então agora estou lá, voltei aos meus arquivos e configurações e tudo mais. Portanto, há a diferença entre o seu up e o in-browser. Eu acho que eu entendo por que isso é feito desta forma é porque quando você anda em seu Figma up, você anda apenas com Figma largo quando você está em um navegador. Pode haver muitas outras coisas. Então eu prefiro usar porque é, eu posso me concentrar em Figma lá. E sugiro que faça o mesmo. Então, a partir de agora, irei até Figma e caminharei até lá. Ok, Nós vamos ter um monte de lições diferentes neste editor gráfico. Então, nesta lição, abordaremos nosso Gerenciador de Arquivos e a frase. Então vamos desde o início. Esta é a guia Perfil e há três guias dentro da TI. Configurações, eu tenho algumas configurações. Posso mudar qualquer coisa. Você pode configurar minha foto de perfil. Assim por diante. Tenho plugins, estes plugins instalados na minha conta. E se eu quiser desenvolver alguns plug-ins, eles estariam aqui para que qualquer um possa desenvolver plug-ins para Figma. E se meu plug-in estiver pronto, ele não iria para publicado depois que eu publicá-lo. Ok, e equipes, Figma como uma ferramenta colaborativa. Então aqui vemos alguns arquivos acessíveis a outras equipes. Novo vai precisar dele se você andar com as equipes na verdade, ok, cabelo e notificações. Se alguém de suas equipes fizer algo, você verá as notificações aqui. E depois há uma busca. Você pode procurar dentro da Figma. Ok? Então eu tenho arquivos de som com fema para conteúdo de marketing e eu posso pesquisar dentro de arquivos. Projetos são pessoas. Isso é útil se você tem uma conta grande e um monte de colaboradores recentes. Vejo os arquivos que usei recentemente aqui. Então este foi o último e o elo cronológico das ONGs. Ok. Eu posso alterá-los e posso importar um arquivo com este botão. Às vezes, as pessoas aplaudem arquivos Figma, não com links para recursos do Figma, mas com o ponto do arquivo Figma. E se você tiver este arquivo, você pode importá-lo aqui mesmo. E se você quiser criar um novo, você deve clicar neste botão mais. Você pode ver alguns arquivos excluídos aqui. Se você quiser criar uma nova equipe, você deve clicar estes. Criar novo botão de equipe no slim. E vamos ver o que está dentro da aba da comunidade. Você pode procurar diferentes arquivos prontos para uso que foram feitos por outras pessoas e que estão disponíveis para você usar. Então, aqui estão dois tipos de conteúdo. Os arquivos e os plugins. Plugins são algumas ferramentas que permitem que você faça algo extra, algo que não está sendo construído com pigmento por si só, mas essas extensões podem ajudá-lo a fazer outra coisa. Teremos uma lição separada com plugins, por exemplo, esta bandeira e remove o fundo do seu major para que você não tenha que fazê-lo manualmente e ele funciona bem com muitos objetos, com muitos majors. E há muitos plugins diferentes aqui. Eles são então tipo quatro é pilhas. Então, na verdade, há arquivos diferentes aqui. E você pode navegar até esses botões. Por exemplo, eu quero vincular alguns ícones e vejo muitos arquivos diferentes com eu posso, então eu não tenho que criar nossos parentes cedo. Posso usar esses caminhos, encontrar algo que eu goste. Claro, se você quiser, você pode criar seus próprios ícones. Mas se você não tem um projeto muito sério onde você tem que criar tudo do zero. Você provavelmente pode usá-los e você pode alterar qualquer coisa que você quiser dentro desses arquivos. E os diferentes tipos de arquivos e sistemas de design são arquivos muito complexos, wireframes, arquivos muito complexos também. É para construir algumas interfaces. Há ilustrações em diferentes tipos de ilustrações, pessoas, personagens, por motivos, e assim por diante. Então Figma é um muito poderoso por causa de sua comunidade, por causa de todos esses arquivos que estão disponíveis para você. E isso é muito fácil de usá-los em seus projetos. Então, na verdade, este é todo o gerenciador de arquivos e interface de sentença. Eu acho que isso não é tão difícil. E vamos nos mover e ver o que está dentro do editor gráfico. E vamos começar a criar e Varnas em breve. 5. 3.3 tela: A tela de desenho está localizada no meio da tela. É um retângulo cinza de distância. Você pode colocar todos os seus objetos. Você pode colocar suas formas de texto ou o que quiser. Então, como você vê estes no retângulo cinza, na verdade você pode mudar sua cor aqui. Você pode definir como este assunto e, obviamente, é uma boa solução. Então podemos definir qualquer Karla como você quiser. Eu acho que vamos ficar com cinza e Canvas é ilimitado. Você pode ampliar, diminuir o zoom e ele irá segui-lo. Se você colocar um monte de objetos aqui, ele vai aumentar a escala. Então, atualmente não temos muitos deles, então vamos nos mudar mais tarde e você verá que você pode colocar aqui o que quiser. 6. Menu 3.4: Menu contém todas as ferramentas e comentários sobre eles. Então vamos ver o que está lá dentro. Às vezes, é melhor usar a pesquisa para encontrar alguma ferramenta porque nem todas as ferramentas e comuns alocadas nas categorias, mas algumas delas são. Então vamos ver o que temos aqui? Temos que dizer, por exemplo, que queremos, não sei. Consegui alguma coisa. Um que vemos atalhos de contagem? A Truta é alguma coisa. Você vê? - É? Funciona. Há muitos comentários de Towson sobre eles. Então vemos um menu de arquivo, podemos criar algo, dizer algo adicionado. Algumas das ferramentas estão disponíveis somente se você selecionar algo adicionado. Claro, você tem que assinar algo e então você pode usar essas ferramentas. Ver objeto, vetor. Você pode organizar algo novo, você pode usar alguns plugins. Vamos cobrir plug-ins mais tarde. Você verá que há um monte deles estão aqui, mas quando você começar, seu plug-in estará vazio porque fjord, você vai querer ter qualquer um deles, mas vamos aprender quais deles são úteis para nossas tarefas. Observe que eu fui a um acordo psiquiatra preferências e alguns outros. Então, na verdade, se você não sabe onde encontrar alguma ferramenta ou comum, mas se você tem certeza de que não deveria estar lá em Figma, você pode usar este menu de pesquisa. E vejamos uma configuração que é realmente muito útil para nós porque é muito útil quando você cria equilíbrio. Ele está localizado em um vácuo. E diz Pixel Preview. Nós habilitámo-lo. Na verdade você pode encontrá-lo aqui, bem como você vê Pixel Preview 1 x ou desativado ou para x, vamos usar um x. o que isso significa? Figma é um editor vetorial e quando você indesejável e montá-lo, você vê todas as formas e formas são muito bonitas. Mas se você definir a visualização de pixels, será assim. Por que é importante para nós? Porque quando você salva seus banners e alguns deles são bem pequenos. Por exemplo, banner móvel do Google, 300 por 50 pixels. Se você colocar um monte de texto lá, vai ser assim. Então vamos copiá-lo, estes textos e fazê-lo. Então você vê que não é legível, mas se você visualiza bicos indesejáveis, é perfeito. Então, como vê, estes são muito úteis para nós. E lembre-se de que todas essas configurações são aplicadas apenas ao arquivo que você anda agora. Então eu tenho dois arquivos aqui e eles disseram, e nós vamos aplicar no final para este arquivo. 7. Ferramentas 3.5 ferramentas 3.5: Há algumas ferramentas comumente usadas no painel de ferramentas para painel está localizado aqui e vamos ver, uh, quais ferramentas nós temos? Essas alternâncias entre duas ferramentas são duas morphs e mover e dimensionar. Vamos cobrir uma ferramenta de escala mais tarde porque vamos usá-la muito. Em breve. A ferramenta de escala permite que você dimensione esse texto. Lag. Estes e mover ferramenta não permite que você isso e você vê-lo como outra coisa. Então temos quadros. Você pode criar alguns quadros aqui. Vamos cobri-los mais tarde também. E o quadro é o principal bloco de construção em Figma. E vamos usá-los muito. Você pode fazer algo com ele. E quadro contém alguns outros objetos que você pode colocar quadro em outro quadro no outro vamos ver ferramenta Fatia mais tarde. Se você quiser fazer uma imagem de algum erro aleatório, você pode usá-los e exportar, você verá na opção aqui para exportá-lo como uma imagem. Normalmente as pessoas não usam muito a ferramenta Slice. Então vemos formas diferentes. Você pode colocar formas diferentes aqui, você não pode mudá-las. Vamos colorir eles. Se você quiser colocar uma imagem com esta opção, ou você pode simplesmente arrastar e soltar imagens em Figma como você costuma fazer. Depois, há algumas ferramentas para desenhar. Há uma caneta e um lápis. E desenhe algumas curvas. Mude algo como quiser. E se você quiser, você pode desenhar algo à mão. É apenas um lápis comum. Vamos desenhar alguma coisa. Sim, Uau, linda. Agora há um texto e vamos abordá-lo mais tarde, bem como porque há um monte de opções e vamos usar todas elas. Principalmente todos eles porque queremos construir belos banners. E você pode mudar alguma coisa. Vamos chamá-lo levou a termo leigo. E aqui está uma ferramenta manual e uma ferramenta comum. Vamos cobri-los mais tarde também. 8. 3.6 Opções: área de opções altera seu conteúdo dependente de não quais objetos estão selecionados agora. Por exemplo, agora, não há nenhum objeto que eu selecionei. Então eu vejo esses cardápios. Eu posso fazer algo com o arquivo inteiro duplicado e pode renomear, excluir, ou fazer qualquer coisa. Eu quero. Estes mostra o projeto onde meu arquivo está localizado. Mas quando eu selecionar algo, ele vai mudar. Por exemplo, eu seleciono textos. Você vê que há algumas ferramentas disponíveis aqui. E se eu selecionar essa imagem, você verá que ela mudou um rótulo. Se eu selecionar esta forma, é outra. Se eu selecionar esse quadro, ele também muda. Então você pode usar este menu ou este painel de opções para acesso rápido a algumas ferramentas. Por exemplo, para criar componente. 9. 3.7 camadas: Este painel está localizado à esquerda. Quando você cria um componente ou um grupo, ele combina objetos dentro de si mesmo com formas x, imagens, o que quer que você coloque lá. E como podem ver as camadas aqui. Isso é muito útil porque Figma permite que você crie quantas camadas aninhadas quiser e você pode organizar todos os seus objetos como quiser. Então vamos olhar um pouco como funciona aqui. Existem camadas diferentes e, como você vê, há ícones diferentes delas. Posso mostrar o que está lá dentro. Este é um ícone de quadro. E onde está a nossa moldura? É por aqui. Isto é desagrupar. Esse ícone de um retângulo tracejado significa que há alguns objetos agrupados e que você pode movê-los como um grupo. Você pode fazer algo com eles como um grupo. E aqui vemos desagrupar está localizado dentro de um quadro. Aqui podemos ver apenas uma imagem. É fema mais longo e tem ícone de uma imagem. Temos algumas mensagens aqui, é a equipe. E o que vemos? Temos um retângulo, e se selecionarmos alguma forma, ele tem um ícone da forma. E há alguns, na verdade há alguns outros ícones. Deixa-me mostrar-te. Por exemplo, em, nesta página, podemos ver este ícone. Isso significa que esta é uma duplicata ou uma cópia de um componente. E este ícone significa que é um componente. Se virmos esses ICANN, sabemos que há layout automático. Vamos cobri-lo mais tarde e podemos encontrar retângulos horizontais como este. Isto significa que é um layout automático horizontal e este é um layout vetorial, muito vertical auto. Então, como você vê, Figma mostra exatamente o que está dentro da camada. Então, é muito fácil de encontrar se você quer encontrar algum pecado. E há um hack. Como você vê, há um grande arquivo, um monte de alguns objetos aqui, e isso é muito confuso para procurar e encontrar algo aqui. E há um atalho muito bonito que eu uso o tempo todo. É a Opção L ou Alt L nas janelas e irá recolher todas as camadas. Selecionado. Este. Deixa-me mostrar-te outra vez. Por exemplo, eu estou aqui e eu uso a Opção L, ele recolhe. E se eu não selecionar nada e pressioná-lo, ele recolhe tudo. Então, é muito útil quando você tem um monte de objetos por aqui. E se você reorganizar alguns objetos aqui, eles serão organizados aqui também. Por exemplo, vamos colocar esse grupo. Certo, vamos criar novos objetos. E este, este. Vamos fazer isso, vamos fazer de outra cor também. Então, como vê, eles estão aqui. E se eu colocar assim, a estrela está acima da elipse. Mas se eu os reorganizar aqui, eles serão organizados aqui. Então você pode usá-lo quando você tem alguns itens de cruzamento. 10. Painel de design 3.8: Este é o lugar onde você vê definir e alterar todas as propriedades de seus objetos. Este menu está localizado à direita. Algumas das opções aparecem quase todas as vezes. Coordenadas de alinhamento de objetos, efeitos traçados, e alguns outros. E alguns deles dependem da sua seleção. Se você selecionar diferentes tipos de objetos, textos, formas de moldura, você verá diferentes opções aqui. Por exemplo, eu selecionei texto e, como você vê, existem algumas opções de texto, font-family, alinhamento, coluna e alguns outros. Todas essas opções são bastante simples, mas algumas delas são predatórias. Kim, eles geralmente estão nos quadros, o layout automático, e isso é mais para ele. - Sim. Está bem. E restrições. Vamos abordar isso mais tarde, mas essas duas opções nos permitirão criar muitas maneiras e torná-lo facilmente. E como podem ver, há mais dois painéis aqui. Nós vemos o painel de design e nosso protótipo e inspecionar painéis. Na verdade, não precisamos deles, então não vamos cobri-los porque ambos os painéis são necessários. Se você deseja criar um site e aplicativo móvel, e você deseja converter seu design em código. Mas dois, vamos criar bônus ou não precisamos disso, então vamos usar o painel de design. 11. 3.9 Comentários e notificações: Enquanto Figma é uma ferramenta colaborativa, você pode deixar comandos, comida, tomate para si mesmo. E no lugar da sua tela ou do seu quadro de arte. E qual é o outro nome de Carl Woese? É assim. Se você vir esta palavra, isso significa sua tela. Então, como fazer um comentário? Você pode usar essas ferramentas e fazer um comando para alguém em apenas um comentário. Apenas fui. E todos que tiverem acesso a este arquivo, veremos este comando. E se eu quiser mencionar alguém em particular, vou usar em como você usa em todas as ferramentas modernas. E você pode deixar comentários para seus companheiros de equipe ou para si mesmo. Mas assumindo isso, se você viver comum para si mesmo, todos no arquivo verão isso também. Por exemplo, vou deixar um comentário para mim, Niki, Dave se li, li fazer algumas piadas para fazer esses cavalos não tão chato. 12. 3.10 páginas: Você pode usar páginas para organizar uma caminhada. A página é uma prancheta separada em seu arquivo. Você pode usá-los para separar alguns objetos ou comprar alguma propriedade. Um tópico, por exemplo, você pode criar uma página para banners do Google e outra página para o Facebook sem fio. Se você criar tantos equilibrados que Figma torna-se andando lentamente. Você pode dividir sua prancheta em páginas separadas e será mais rápido. E como você pode ver neste arquivo, em nosso arquivo de trabalho, há muitas páginas. Usamos a página quatro, capítulo separado do nosso curso. Então, aqui estão eles. Se você clicar aqui, verá que eles estão alternando. E se você quiser criar uma nova página, você deve clicar neste Plus e nova página chegará. Você deseja excluí-lo, basta clicar com o botão direito do mouse, duplicá-lo e excluí-lo. Se você quiser renomear. Você pode fazer isso aqui ou apenas clicando duas vezes em seu nome. Então, como você pode ver, isso é muito útil e muito útil para organizar sua caminhada em páginas porque, por exemplo, você quer manter alguns de seus arquivos em uma páginas separadas, por exemplo, como biblioteca aqui. Existem apenas alguns arquivos que eu uso neste curso e eu quero que eles estejam em algum lugar. Então acabei de criar uma biblioteca de pacientes e aqui estamos nós. Espero que você goste de usar páginas em seus projetos. 13. Introdução: Oi, meus amigos. Nesta seção, vamos ver como usar ferramentas básicas e Figma, essas lições serão mais longas do que anteriores, mas eles ainda são bastante básicos. E se você já sabe como usar Figma, provavelmente você pode ignorá-los. Mas se quiser, pode vigiá-los. Talvez aprenda algo novo. Então, o que vamos ver aqui, vamos ver como usar camadas de texto, quais opções estão disponíveis. Vamos ver como usar Carlos sombras fortes, opacidade, tudo isso para o seu texto, para imagens, para seus quadros. Vamos ver o que é um quadro em Figma, este é um componente muito importante. Isto é um bloco de construção para tudo. Vamos ver como moldar em Figma quais deles estão disponíveis aqui? Como combiná-los, como nove, como excluir um do outro e assim por diante. Vamos praticar um pouco aqui e veremos como as restrições funcionam. E Figma, há permite que você crie alinhamento automático de seus textos em seu equilíbrio. Então, seguiremos em frente e veremos tudo em cada lição separada mais tarde. Vamos aprender a usar todas essas coisas básicas em Figma. 14. 4.2 camada de texto: A partir deste ponto vamos usar o nosso arquivo de caminhada onde você tem exemplos e você pode repetir até mim e aprender a fazer as coisas. Então vamos para lá e a primeira aula de hora será sobre texto. Aqui está a nossa página fema básico, e aqui está a nossa caminhada na área. Vamos andar nesses erros listrados onde você pode encontrar alguns exemplos. E vamos andar por aqui em áreas mais escuras. Neste caso, todos os exemplos nos orgulharemos de nós. E agora vamos brincar com este texto e ver o que podemos ter a nossa cópia? Alguns deles aqui devem estar bem. Vou copiar um texto e ver o que posso fazer com ele. Como você vê, ele tem 36 tamanho, então eu vou fazer um comando de cópia C, Command V ou Controle C, Controle V no Windows. E vamos ver quais configurações eu tenho? Selecionei o texto e vejo que é fonte, Roboto, negrito. Tem alguns destes diz sedimentos, vamos cobri-los e há um monte de outras configurações por aqui. Então vamos mudar o tamanho para ser. Agora. Copie-o e mude seu peso. Vamos torná-lo leve ou mesmo fino. Está bem? Tudo bem, eu vou copiar esses tanques e fazer tromboemboli, leve ou regular. E eu vou definir o espaçamento para, digamos 15 aqui provavelmente é algo como aqui. Tudo bem, posso fazer este texto. Os anos. Como você vê, isso parece mais elegante. Alguns projetos para alguns rótulos, linhas vermelhas. Posso mudar a fonte. Não faço ideia do tipo de letra aqui. Provavelmente. Diz “ybar”. Vamos encontrá-lo. Como você vê, há muitas fontes. Agora estamos aqui e há. Um momento com as fontes. Se você estiver online com o navegador, não será necessário instalar fontes no laptop ou na área de trabalho. Mas se você usar aplicação Figma, ele terá alguns títulos dentro. Mas se você usar algumas fontes que estão faltando, você tem que instalá-los no sistema. E depois destes Figma vai buscá-los e você pode usá-los. Onde pode acontecer. Por exemplo, você carregar algum arquivo de projeto. E Figma diz que você tem fontes faltando e Pigma vai tentar substituí-lo por algum outro tipo de fonte. E você pode escolher qual fonte alterá-la, para substituí-la. Mas se você quiser ter a fonte original, você só precisa baixá-la. Então, na verdade, é o mesmo em todos os outros programas que você usa fontes. Você tem que instalar as fontes em seu laptop para usá-las. No início, você pode usar a versão do navegador, mas eu sugiro que você use isso. É mais prático e será menos engenhoso para o seu computador. Porque quando você abre um navegador, geralmente há um monte de guias lá. E quando você usa apenas um programa separado para Figma, e ele irá processar apenas seus arquivos Figma. Então vamos encontrar o nosso caminho. Bond. Muito bem. Sim, então estamos aqui. Agora. Vamos ver algumas das configurações. Fora das ervas daninhas, fora para a altura e tamanho fixo. Fixo. - Sim. Se você quiser fazer textos como este, existem várias maneiras de fazer isso. Por exemplo, você pode pressionar enter server e várias vezes, e aqui estamos. Isso é copiar e colar. Podemos mudar, mudar para este fim nem me permite saber de algo. Vejamos, tivemos nosso texto original e usamos essa largura fixa e queremos mudá-lo. Então você vê o texto segue. Isto é muito útil. E se você usar um tamanho fixo, é neste caso, se você quiser digitar algum texto extra. Agora você vê que eu digitei, mas ele vai para baixo. E esse retângulo azul mostra real ou a borda da camada de texto. E agora você pode pensar que não é importante que as tags vão abaixo. Mas se você usar algumas outras ferramentas, se você combinar esses textos com outros objetos, se você alinhá-los, isso vai, isso vai fazer uma bagunça. Então é por isso que eu costumo usar largura fixa ou altura fixa dependendo do comportamento que eu quero que este texto execute. Vamos seguir em frente e ver alguns deles. Sedimentos. Certo, vamos ver o que temos aqui? Temos esta frase. Ele diz altura da linha para 100 e tem essa configuração que é chamado de espaço de parágrafos. E qual é a diferença? A diferença é que a altura do cliente é, na verdade uma altura da linha do texto com o espaço. E o espaçamento entre as linhas é tão fino. Vamos definir a altura da linha para 200, 1, 100. E digamos que o espaço entre linhas para enviar esses vetores 0. E eles, inicialmente era diferente de zero em direção ao ar livre. E como você vê, está sendo um porque nós adicionamos mais espaço aqui. E este é apenas um exemplo de nossos textos sem a frase. E aqui estão três outros textos. Como você vê, eles têm tamanho fixo e alinhamento diferente. E no fundo, no meio e no topo. Na verdade, há muitas outras configurações aqui. Você pode fazer suas mensagens marcadas na linha ou algo assim. Você pode brincar com todas as coisas. Não vamos cobri-los agora porque há muitos deles e não os usamos muito. E é isso com as configurações de texto mais simples. 15. 4.3a preenchimento, cor, troke, sombra, Opacidade de ear: Agora vejamos opções como cor, sensação, sombra e outros. Neste ponto, vamos aplicá-los ao texto, mas mais tarde veremos como usá-los com objetos diferentes. Então, aqui estamos nós. Temos o nosso texto e vamos ver o que podemos fazer com isto? É certamente, talvez vamos fazê-lo colocar estes seria útil para nós usarmos estes. E como você entende, nós mudamos isso da Karla anterior para estas aqui. Agora podemos definir qualquer coluna para querer. Claro, vamos ficar com este. Ok, então quanto giz opção? Faz estes limites. E podemos fazer com que seja assim. E ela são algumas configurações, por exemplo, ou por uma cidade torna-se transparente. E o conjunto, e vamos clicar duas vezes aqui. Isso faz sua fronteira lá fora. Estes dentro, na verdade, transformou tudo em molec. Vamos fazer cinco. E diferença lá fora. Então aqui está a fonte em si e o preto é um inato. Mas se o colocarmos dentro, toda a largura do termo de chumbo se torna com a água dentro dele. Então, se ele disser sete, gíria esses conjuntos assim. Ok, vamos ouvir. E centro é, na verdade, seus centros. Então, se dissemos quatro pixels, quatro pixels modernos traçados dois deles vão para dentro e todos eles vão para fora. Obviamente, o que temos aqui também? Faça os cantos ao redor com as configurações. Podemos fazer pratos. Caminha assim. Vamos colocar 20 e 20. Então é esta base dentro e traços reais. Veja em comprimento estes, você pode brincar com essas configurações. E, na verdade, estas são a frase principal. Quase desenhar com isso que podemos querer usar. Claro, para que possamos mudar a cor do acidente vascular cerebral. - Obviamente. Então vamos fazer uma sombra. Ali. Alguns efeitos aqui. E se você clicar no botão Plus, o primeiro e o efeito principal aparecerão, É Sombra Gota, nossos filhos, há quatro efeitos diferentes aqui. Sombra interna. Vamos olhar para um e torná-lo mais visível. Bem, provavelmente está fazendo ser capaz de ouvir aqui estamos. Agora é mais perceptível. Se quisermos torná-lo mais embaçado, podemos fazer isso. Como estes. Podemos usar vários efeitos e ao mesmo tempo, e ao mesmo tempo podemos soltar sombra. Estes viram que a sombra não podia ser diferente. Nossa sombra interna é adicionar algum volume aos seus colaboradores. E quando você disse para cair sombra e entender que está matriculado acima de algo. Então é a sentença de sombra. Já vi que podemos fazê-lo muito. E você vê que há várias sombras de forma aqui. E vamos repetir como fazer essa sombra e fazê-la. O Paul. Não sei. E e não mais. 16. E algo conhecendo estes aqui como este. Algumas dessas bordas, nossos textos é colocado em mais alto. Algumas outras formas, é claro, você pode apenas digitar fonte e seu texto principal como este. Por padrão. Todo o sentimento é sólido assim. Mas se você possui, você pode criar um gradiente mesmo. Vemos, por exemplo, um intervalo radial seria daqui até lá. E como você vê, vai de preto para transparente. E queremos que esta coisa seja azul e não transparente. E o primeiro indicador será vermelho. Fino. Semelhante a isto. Então você vê neste texto gradiente. E se quisermos, podemos preenchê-lo com uma imagem. Aqui. Devemos clicar aqui e selecionar a imagem. Por padrão, ele paga essas cadeiras feitas e podemos carregar o nosso próprio. Vamos fazer estas imagens. Certo, e aqui estão algumas frases disso. Agora, ele preenche a imagem com a opção de escala não está disponível, é um 100%. Podemos usar estes azulejos. Você vê a pré-visualização aqui. É como um mosaico. Posso mudar a escala, por exemplo, para estes. E neste caso, esse convés será assim. Ou podemos fazer isso. Estes são o convés tão espelhado. E a tela. Vamos trazê-lo de volta. Podemos usar o método de corte para ajustar as cores exatamente como queremos. Pés. Veja, não parece bom aqui. Quase não uso essa opção. Finalmente temos algo parecido com o exemplo. E você vê os dois, podemos aplicar efeitos diferentes ao texto. E, na verdade, você pode fazer isso com objetos diferentes também. Por exemplo, como você vê, há alguma forma aqui que contaria em acidente vascular cerebral para comer. Novamente, cair sombra, e assim por diante. 16. 4.4 quadros: Você pode pensar em um quadro como um recipiente. Pode causar diferentes outros objetos dentro e tem suas próprias propriedades e aparência. Então vamos nos mudar para cá e ver o que podemos fazer. E com as molduras. Para criar quadro, podemos usar este quadro de ferramenta em apenas pressione o botão F. E se clicarmos em algum lugar no quadro, aparece, se quisermos preenchê-lo. Para não ser transparente e basta adicionar este botão mais. E, por padrão, ele se enche de colarinho branco. E, por padrão, o tamanho do quadro é 100 por 100. Para que possamos preenchê-lo com outras cores. Posso encontrá-los aqui. Todos nós viemos escolher algumas cores que foram usadas anteriormente. Vou escolher este amarelo. Ou se você quiser ver a cor que foi usada antes, você pode encontrá-la aqui e apenas para aplicá-la, tente aplicá-la aqui. Podemos colocar algo dentro da moldura. Por exemplo, selecionei este quadro e agora escolherei a ferramenta Texto. Eu pressiono a equipe. E então eu clico dentro do quadro. E eu vou digitar T, tn, tn. Posso colocá-lo bem aqui. Se eu quiser, vou mudar o tamanho, torná-lo maior assim. E como você vê e a última gravação, toda essa camada de texto está dentro do quadro. Por exemplo, se você quiser mover apenas a letra T, você tem que selecioná-la aqui. Ou outra maneira é clicar duas vezes nele e ele passará pelo quadro. A seleção irá aqui. Você verá que está selecionado o texto. E se eu quiser movê-lo, posso movê-lo com o teclado. Você vai ver o que está acontecendo. Eu perdi. É porque nosso quadro tem esse conteúdo de clipe de caixa de seleção. Se desmarcar isto, vejo o que está fora do quadro. Se eu verificar isso, só vejo o que está dentro. Normalmente, usamos esse conjunto e ligamos. Vou colar o lugar de volta. Ok. Sons E eu digitei antes do quadro de esfregaço. Ok? Isso eu posso fazer bonder usa acidente vascular cerebral para cinco. E se eu quiser, posso torná-lo transparente. Posso esconder esse sentimento ou simplesmente removê-lo. Foi melhor esconder porque se você quiser exibi-lo mais tarde, você pode fazê-lo sem as mesmas operações novamente. Provavelmente você notou que eu selecionei, por exemplo, este quadro. Em seguida, pressionei o comando C para copiá-lo e, em seguida, pressione Command V para colá-lo. E como você vê, a nova camada apareceu aqui. E na tela, eu vejo exatamente aqueles e aquele lugar de onde eu copiei. Então, quando você anda em Figma, você tem que entender como isso funciona porque às vezes você quer encontrar o objeto que você colá-lo e você não pode fazê-lo. E por exemplo, vou copiar este e depois mudo-me para outro lugar como aqui e colá-lo. E neste caso, como você vê, ele colou aqui no meio. Porque Figma entende isso. Sim, eu saí dessa parte e colei em algum lugar onde eu possa ver. Ok. O que temos aqui? Temos uma moldura com alguns textos. Certo, vamos criar outro quadro. Vamos fazer com que sejam mil ou sei lá, 600 a 600. E vamos senti-lo. Agora vamos adicionar algum texto dentro. Existem várias maneiras de fazer isso. Eu posso clicar aqui e colar algum texto e fazer e ser. Ok. E outra maneira é colá-lo aqui e arrastá-lo para o quadro. E como você vê à esquerda, o painel de camadas, há algumas mudanças. Arrasto-a até aqui e sai do quadro 55. Se eu arrastá-lo para aqui, ele vai para dentro do quadro 55. Se eu arrastá-lo para aqui, ele vai para dentro do quadro seis para um. Certo, agora temos duas mensagens dentro da moldura, e posso vê-las aqui. Você pode colocar um quadro no quadro. Vamos duplicar este. E vamos exemplo, coloque esta moldura dentro dela. Como você vê no painel de camadas, há um quadro dentro de um quadro dentro de um quadro porque todos esses objetos grandes são um quadro em si. Ok. Você pode brincar em torno de eu só e este objetos para você entender como pode arrastá-lo. Mas eu acho que você já está, você provavelmente já está entendendo. Então, podemos selecionar esta imagem e simplesmente arrastá-la para o quadro. Então, na verdade, estes são os fundamentos do quadro. Vamos usá-los muito mais no futuro. Usaremos configurações diferentes com eles. E como eu disse, quadro é um dos mais importantes, os blocos de construção cruciais em Figma. Usando quadros, podemos construir qualquer coisa que quisermos e definitivamente vamos usá-los muito para criar biomassa de grau. 17. Formas 4.5: Existem várias formas disponíveis em fema e vamos cobrir todas elas. Então vamos ver qual deles tem cabelo. Como você vê, o primeiro é retângulo. Então eu vou escalar ou mentir estes e tentar citar feixe. Há magro ou mesmo eu vou criá-los a partir do zero. Ok, é um retângulo, ou se eu criar, ele se torna um 100 por 100. Mas eu quero torná-lo maior. Digamos que se eu disse estes, 250 em papéis como estes, mas se eu pressionar este botão, isso significa bloquear proporção dos lados se eu colocar aqui, então você vê em aqueles promocionais Ok. Vou desligá-lo e configurá-lo para liberar estes amarelos. Semelhante. Posso usar o preenchimento. O que eles podem fazer para usar a mesma cor? Posso vender estes retângulos e copiar a cor. Ou posso usá-los para aumentar a cor de, para ser a cor de outro lugar. Então, se você quiser, na verdade, se você vai notar que há tal como zoom sobre aqui quando você usa um seletor de cores. Então ele permite que você esteja na coluna. Bem, é muito preciso para usar. Então ele mostra todo o documento pixel por pixel. Ok? E a outra maneira de usar essas cores que eu usei antes, ok, eu vou enviar estas aqui. E agora eu gostaria de criar um retângulo. Eu copio este. Eu gosto de criar como carreira e mudar seu tamanho. O que diz eu tenho? Eu posso fazer isso por aí. Ok. Se eu quiser, posso criar alguns cantos ao redor. E para fazer isso, eu tenho que clicar aqui e você vê você lá para os pixels em cada um deles. Mas se eu quiser, por exemplo, eu quero colocar este retângulo para este lado e eu quero cantos esquerdos para ser um quadrado e para ser, e para escrever cantos para mim ao redor. Então desta forma eu tenho que encontrar qual dessas configurações pertence a cada canto. Há uma dica aqui. Este é o primeiro canto, seu canto superior esquerdo, e ele vai com o 24 horas por dia. Então, se eu quiser mudar estes para 0, e se eu quiser mudar o canto inferior esquerdo, eu tenho que definir estes. Ok. Então, como eu disse, Ok, eu vou anexá-lo ao lado ou algo assim, ok, alertas os enviaram de volta para 0. E todas as outras opções são bastante semelhantes às que tocamos antes. A próxima lente. Linhas diferentes. E eu posso selecionar a ferramenta Linha e desenhar a linha. O que temos do nosso conjunto é que eu posso definir a inclinação da linha. Vou configurá-lo como 0 para ser horizontal. Vou definir para 90 ponto será uma linha vertical. Traga-os de volta. Com, você vê que não temos a altura porque é uma linha. Não tem HIV. Tem um derrame. Se eu quiser torná-lo mais curto, eu vou colocar 500. E se eu quiser torná-lo mais espesso, eu tenho que usar a configuração. Lead disse que o declarou e até 30 para ver tudo. E vamos ver, temos uma linha 530. O que mais temos? Se eu quiser, eu posso fazer alguns dos cantos da linha, pode ser em torno de realmente não estrangeiros, mas lados da linha. Para fazer isso, eu tenho que clicar duas vezes na linha para entrar no modo editor de pontos. Posso editar cada Dada. Cada ponto, por exemplo, está vendendo estes. E então eu tenho que ir aqui e dar a volta. Então, como você vê lá em torno de diferentes lados da linha, para um para enviar um deles. Eu não escolho nenhum lado, nenhum ponto e apenas disse quadrados em rodada. Claro que posso definir flechas que vão olhar para elas um pouco mais tarde. E é isso. Há alguns Teens disse Chef aqui, traços, vamos dizer Dan e 10. Também vai salvar P-V-T. Aqui é Tim. Na verdade, se dissemos que é verdadeiro a um pixel, comprimento de cada traço será igual ao comprimento de cada espaço. Mas por causa do acidente vascular cerebral, vemos isso. Pequenos espaços e sendo traços. Então vamos configurá-lo para um pixel. E como você vê, agora, eles são os mesmos. Mas quando eu corri este mais grosso, ele vai assim porque como você vê realmente o fim da linha, o fim da linha disse em 0s aqui neste ponto. Mas quando eu adiciono esse medicamento, ele vai mais longe. E o mesmo com cada espaço. Vamos caminho como Bayes tornam-se espaços menores e os pratos e tornar-se um mais amplo ao longo disso. Então, se eu tiver essa linha de 30 pixels e se eu quiser torná-los iguais, eu tenho que definir algo assim. Na verdade, você pode calcular exatamente quais parâmetros se sentar aqui, mas visualmente o, quase o mesmo. Ok. O que tem com pequenas linhas? Vamos copiar e colar. Vamos remover os pratos. Ok. Podemos definir sua cor. Novamente. Não diz que d é não dito aqui na opção de campo. Você verá que o latim acontece porque a linha e não tem a opção de sentimento. Tem um derrame e eu posso mudar sua cor aqui ou torná-lo laranja. Ok, então acho que cobrimos toda a frase que eu quero b para cada um deles. É óbvio que se eu quiser fazê-lo soar muito fino, semelhante a estes 1, 2 disse errado na ferramenta loop. Enchendo esses dois e me faça ficar bem. Sim. Por aqui e torná-lo mais espesso. A principal pista para eu não sei se você leu um semelhante. Agora, setas. Como você viu, flechas são, pão é semelhante às terras, na verdade, ele faz o mesmo objeto na matéria Figma. Por conveniência, eles vão cavar no ponto separado. Em seguida, a ferramenta separada. Se quisermos criar uma seta, podemos usar esta ou podemos. Transforme cada um ou qualquer alinhamento em aerodinâmica. Vamos fazer a partir do menu, Vamos diminuir o zoom. Mande estes para 0. Agora mande isto para vê-lo. Ok. Para ter medo de usar, se eu selecionar algum ponto e usar esta ferramenta, Eu mudo isso no jogo. Sim, Platão óbvio. Um, há uma desvantagem com flechas em Figma, como para mim, centrado novamente seta de duas linhas. E se eu quiser que estas flechas vençam, os lados sejam maiores. Tenho que mandar essa piada mais grossa. Este caso, na maioria, é sobre se eu quiser deixar este trabalho da mesma forma. E para tornar esses seres eu não posso fazer isso na figura. Neste caso. Tenho que desenhá-lo manualmente. Selecione a linha e desenhá-la. Ok, qualquer classificação estes, por exemplo. Mas estes podem ser assim tão fáceis. E eu não gosto deste método porque é metal e é apenas no Reino Unido. Uma ferramenta tão precisa. Estes são chamados de cerveja gelada, estes linha e para torná-lo como estes. Sim. Então, como vê, eu posso fazer isso. Na verdade, mudei o ângulo da flecha. É rolo 45 graus. Eu coloquei para 30. E agora eu posso combinar todas essas linhas em um objeto, pode usar essa união de operação booleana. Então eu uno a seleção e agora eu posso pegar minha flecha. Ok? Tudo bem, vamos fazê-los laranja. Se você quiser definir a cor de diferentes objetos, você pode selecionar todos eles como eu fiz agora. E há um menu de cores de seleção. E eu vou mostrar sobre, sim, Eu disse sentimento de alguns desses objetos para ler. Por que eu semeio e eu não vejo que a tela. Mas se eu quiser transformar todas as piadas de homenagem negra em laranja, claro. Obviamente tem que vender essas cores e mudá-lo para o nosso laranja. Sim. E agora são iguais. Acho que acabamos com as flechas. E vamos mover esses círculos. Temos círculos e ovais, ou um aqui e um fim e fazê-lo a partir desta grande venda esta ferramenta e enviar estes dois, digamos 300. A outra maneira de fazer é usar uma ferramenta de escala. Use a ferramenta de escala. Eu o redimensiono proporcionalmente. Se eu usar a minha ferramenta de movimento, vai ser Lang estes. Mas acho que estou feliz com o tamanho. Ok? Então, um papel S2, enrolar e premiar opções fazer, ou quais opções eu tenho aqui? Vamos copiá-lo e colar. E como você vê, estes vento aqui, e eu posso diferir em bom puxá-lo. E isso está acontecendo. Veja as opções após estes pontos e fez esta ferramenta segmento novos pontos um pouco aqui. Este é para uma data de gotejamento. E este é o mesmo que não tínhamos antes. E este permite que você faça assim. Então temos três objetos diferentes feitos de um círculo. E vamos fazer o mesmo com o OLS. Então eu vou copiar colar estes. Ok. Eu vou fazer ou rolar. Ok. E para estes, eu tenho que Você vê, eu puxei isso para o centro M nada mudou. Mas se eu puxá-lo contra o relógio, rural para cima. E se eu quiser , sim. E como fazer esse círculo que está neste membro, faça isso. Quem? Este ponto aqui? Sim. E temos este círculo com um buraco dentro dele. Vamos passar para polígonos. Esta é outra ferramenta que temos aqui. E outra forma. Quando criamos um polígono, ele faz um triângulo. E existem várias opções. Vamos pô-lo a laranja. Meu padrão, ele faz forma de igual com lados iguais. Existem várias opções destes também. Define a quantidade de ângulos, e vamos configurá-lo para m, Estes 1 e faz com que os cantos em torno destes. E como você vê, eu posso fazer isso com esses pontos. Eu rodar isso e, e, e, e obter mais e perda k. vamos distinguir este. E se eu conheço isso, eu posso obter alguma, outra forma, K. E se você quiser obter alguma forma aleatória destes, você pode clicar duas vezes e puxar esses braços. Momento. Ok? Sim. Você pode fazer como estes ou você pode adicionar algumas origens estão aqui nós. Na verdade, você pode fazer até mesmo colocando o é criar tais formas. Posso dizer que uso a ferramenta de polígono que corresponde. E se você quiser criar alguns objetos complexos? Objetos provavelmente você vai usar esses dois. E a última forma que temos é como alcatrão. Certo, vamos criar Doris e podemos matá-lo e torná-lo menor. E esta é a quantidade de ângulos. Vamos fazer assim. Estes homens só 20 por cento é 80 por cento. Então você pode criar qualquer forma que você quiser. Ok, e claro que você pode fazer isso aqui. Estes vão mudar de um para dois de seus feixes, e estes vão torná-lo redondo. Então, quando essas ferramentas você pode facilmente criar, por exemplo, uma estrela oito e para o seu saldo. Então, para estas pontuações de liderança via Vamos torná-lo a lei. Sim, mais afiada. E apenas duplicar esses centavos acoplados. Cinco estrelas. E se você quiser fazê-los, fique na linha, você pode selecionar todas essas formas. Como você vê, não há dois deles, mas há cinco estrelas aqui. E você pode usar essas ferramentas, organizar e perturbar, enraizar e distribuir o espaço horizontal. Nesse caso, eles saberão disso e eu posso enviar esta base, mudá-la. Depois de aplicar esta ferramenta. Espaço horizontal em Distribuir Horizontal, espaço distribucional. E você sempre pode mudar para isso ou mesmo é, e vamos torná-los amarelos. Então é classificação cinco estrelas agora. Ok, é isso. Leia este toro. E agora vamos ver como combinar diferentes formas usando operações booleanas em grupos booleanos para criar diferentes formas de estrutura complicada. Então, para estes, Vamos criar um retângulo e círculo. Ok? E tente fazer algo com eles. Então, como você vê você lá em torno de diferentes formas. Aqui estava a diferença. A primeira é apenas duas formas, uma e outra. Vamos copiar e colar. E outra maneira de organizá-los é agrupá-los. Posso clicar com o botão direito. E um grupo da seleção, como você viu, há um grupo aqui. E esses objetos são organizados em grupo. A outra maneira é enquadrar esta seleção, para fazer um quadro de dois desses objetos. Posso clicar com o botão direito do mouse e seleção de quadros. Este caso, o teu cérebro. A diferença entre o crescimento e os quadros é que o quadro tem mais configurações e você pode usar diferentes opções como layout automático ou algumas outras com os quadros. E o grupo é apenas União, mesmo que não uma união é apenas um grupo de objetos de cão. E vamos para o sindicato. Estes. E vamos, você sabe, isso é real sobre D fez antes quando criamos aquela flecha. Agora, vamos fazer de novo. Eu uni este círculo e um retângulo e como você vê, há um ícone que representa sua nova forma. E a partir deste ponto é um único objeto. Todas essas coisas contêm dois objetos separados e eu posso selecionar o círculo e fazê-lo parecer. Eu posso fazer isso com todos esses três e estamos respondendo, mas depois que eu esclarecê-los, eu posso fazer com isso. White In não anda e apenas correr para fora do Para unir em que se você mentiu em alguns objetos, use a falha para mudar a cor deles. Ok? E deixe C alcançar os métodos. Métodos. Temos que nos unir para cortar um do outro? Temos que pagar intenção em qual dessas formas está acima e que está no trabalho doca, que está na parte inferior. Quando usamos todos estes permitiu que as ferramentas, por exemplo, se eu subtrair desta seleção, você vê que elipse está no topo. Quando eles clicam nele, o elemento superior é subtraído da parte inferior. E eu entendo esse tema. É copiar, colá-lo novamente. E neste caso, vou mudar a ordem deles e fazê-lo novamente. E eu tenho estes. Ok. Agora, vamos usar estes oceanos. E se eu quiser excluir um do outro, inversamente, vendo-os e uso essa ferramenta. E eu tenho um buraco aqui. Como você vê, há um monte de operações booleanas que você pode usar com suas formas e combinar todas essas ferramentas e sempre formas que você pode criar, moldar, o que você quiser. 18. 4.6 quadros vs.: Quando você tem que criar um retângulo, você sempre tem uma escolha entre criar uma forma ou quadro Creighton. Quanto a mim, vejo apenas duas opções para escolher. Uma forma, não uma moldura. O primeiro é quando você sabe que você vai usar operações booleanas com seu retângulo, você vai extrair algo do trigo e assim por diante. A segunda é quando você tem certeza de que este retângulo permanecerá apenas um retângulo sem qualquer conteúdo dentro dele. Então, se você queria criar, por exemplo, uma garrafa, mas n é geralmente algum retângulo com algum texto dentro. Então, neste caso, sugiro que você use um quadro porque você terá muito mais opções. Usando quadro que não estão disponíveis para as formas. Existem alguns deles, mas o mais importante é provavelmente auto-layout. E essas opções nos permitem criar todos esses bônus e minutos complicados. E este é um dos principais pontos de construção de todo o processo Figma que usamos para criar banda de equilíbrio tão rápido. Vamos cobrir isso mais tarde, é claro. Mas por enquanto, sugiro que você use quadros em vez de formas se quiser criar retângulos que tenham Sam contido dentro dele. E vamos ver como isso funciona na prática. Então vamos criar algo, algo, alguns retângulos e algumas formas. Primeira ferramenta e o retângulo. E eu vou fazer assim. E o segundo será frame. Aproximadamente o mesmo. E agora eu quero criar um botão, por exemplo, ou o que é bastão é um retângulo com um texto nele. Por exemplo, adicionando isso para colocá-lo no meio, e eu vou colá-lo aqui. Qual é a diferença? A diferença é que eu posso usar várias opções para o quadro. E um dos mais importantes é o layout automático. Vamos cobrir isso mais tarde, mas vamos ver como funciona agora. Então vamos fazer um grupo desses dois objetos para usá-los mais. Handy, M e K. E isso será de forma, e este será um termo da Ferrari. E vamos enviá-los da mesma cor. Por exemplo. Encha-o com laranja ou amarelo, e faça o mesmo com estes. Certo, então temos dois botões semelhantes. Qual a diferença? A diferença aparece quando queremos mudar algo. Por exemplo, queremos alterar este texto. Clique aqui agora. Você vê, ok, vamos definir isso para expiar com vazamento aqui agora. Ok? E se queremos que este Martin pareça bem, temos que ajustar o homem apenas para fazer algo assim. E então saber algo assim. E então teremos que encontrar o centro. E parece assim. Mas quando usamos o quadro e usamos layout automático, podemos apenas digitá-lo. E como você vê nas linhas ali, ele se ajusta ao nosso texto. E não temos que fazer todas essas manipulações. Manoa, usaremos muito essa ferramenta, mas só por enquanto, deixarei você com essa informação. 19. 4.7 restrições: Restrições é um conjunto no Piemonte que permite controlar como os objetos que estão dentro do quadro se inter-relacionam e o movimento e alinhamento com as bordas do quadro. Vamos olhar na prática e ir para as restrições de página. E aqui nós os vemos. As restrições caminham apenas para objetos que estão dentro do quadro. Por exemplo, aqui está um quadro. E Harris alguns objetos dentro, objeto dentro e quando eu seleciono este quadro que não está localizado e alguns outros, e algum outro quadro, eu não vejo a configuração aqui, mas quando eu seleciono algo dentro dele, eu vejo Restrições menu. Então vamos ver como funciona. Por exemplo, temos essa imagem dentro do quadro e temos restrições na parte superior esquerda. O que isso significa? Isso significa que esta imagem ficará nos lados esquerdo e superior do quadro. Se você redimensionar o quadro em si, vamos ver como ele funciona. E fazer Lang estes e imagem está no mesmo lugar. Mas se eu redimensionar para este lado, imagem segue as bordas porque este é o topo e os lados esquerdo. Aqui é o oposto. Inferior à direita? Se eu mudar este lado aqui, segue-se. Se um aqui, ele não segue. E vamos ver o centro. Diz centro, centro. Isso significa que o objeto, a imagem estará no centro, não olhando para onde o centro está. Então é apenas no centro do quadro. E podemos combinar a frase. Por exemplo, esta imagem tem um direito e configurações de cientistas. Isto significa, e você pode ver estes tracejado linha azul que mostra várias restrições definidas. Então, se eu mover este morteiro, ele não segue. Se eu mover isto, segue-se. Se fizermos algo com o tamanho vertical, é no centro porque temos restrição centrada vertical. Então, se eu gosto destes, ele está sempre no centro verticalmente, mas ele não segue estes lados horizontalmente. Mas se eu for puxado para estes cantos, eu vejo que esta imagem me segue. Está bem? E temos outra opção. Diz esquerda e direita, em cima e em baixo. Se você clicar aqui, você selecionará à esquerda ou à direita. Se você quiser definir esquerda e direita, você tem que pressionar Command ou Shift e clicar neste ícone e você obter suas restrições esquerda e direita. O que isso significa? Isso significa que se redimensionarmos o quadro, o objeto 2 permanecerá a mesma distância entre sua borda e a borda de quadros. Obviamente isso significa que o objeto em si será redimensionado, criticado se você redimensionar seu quadro. Então, como você pode ver, temos o mesmo padrão em torno desta imagem. Mas a imagem em si está sendo redimensionada. Então essas restrições definir e vamos usá-los muito com auto-layout. Quando criamos alguns textos complicados, bolhas ou apenas colocar alguns objetos em nossos banners. Vamos olhar para esta soma e agora é isso. Para nossas configurações de restrição. 20. 4.8 maneiras de exportar arquivos: Vamos ver como baixar o arquivo que criamos no Figma. Figma nomeia exportação e vamos para a nossa página de banners do Google e usá-lo como um exemplo. Então, quando você quiser exportar algo para baixar seus arquivos, você tem que selecioná-lo e pressionar este botão Exportar. Se você selecionar um objeto, ele será exportado. Apenas coma. Se você vender como dois deles, ele irá exportar duas camadas. Então, que opções temos? Você pode escolher um formato, podemos adicionar um sufixo. Por exemplo, criei uma versão separada desses banners, e esta é a minha versão número 4. Então, neste caso, eu posso adicionar esse sufixo, por exemplo, V4. E quando eu exportar os arquivos, cada um deles terá um sufixo v4. Vamos salvá-los. Então vamos encontrar e ver esses arquivos com sufixo V4. E podemos mudar uma escala. O que vamos baixar. E podemos usar esse tamanho fixo, mas geralmente eu só uso um x e é isso. Então, estas são as principais opções de exportação em Figma. E as alternativas estão usando plugins. Vamos cobri-los mais tarde. Existem dois plugins que permitem comprimir as suas imagens. Estes são compressão de imagem minúscula. Vamos executá-lo e comprimir nossas imagens em algo menor. E há um plugin add compressor que é projetado especificamente para banners do Google. Vamos encontrá-lo. Está no compressor. E mostrará qual desses banners maiores que 150 kilobytes. E tentará comprimir-los para se ajustar a esses limites. Está bem, vai carregar algum tempo. E como eu disse, teremos uma lição separada sobre plugins onde podemos ver como usá-lo. E há também a opção de definir os perfeitos de saída têm algumas imagens que estão sendo maiores do que 150 kilobytes e podemos compactá-los. Este é um contador, e isso mostra quantas de majors podemos comprimir por mês gratuitamente. Então eu tenho apenas compactado para arquivos. E se eu pressionar o botão Comprimir, este contador vai subir. Ok, eu quero usá-lo. Ele irá comprimir as imagens que são maiores do que 150 kilobytes. Então, como você vê, ele não toca nesses formatos. Só lhes disse que era maior. Podemos baixar nossas imagens. Ele cria um arquivo e eu posso baixá-lo. É chamado de anúncios do Google por padrão. E veja nesta curva. E vemos todas as nossas imagens aqui, e todas estão abaixo de 150 kilobytes. Então, se você não exceder o limite de 500 bônus por mês, você pode usá-lo gratuitamente. E há uma coisa que você tem que saber. Ele não irá comprimir todos os arquivos se eles são muito grandes. Então, se o arquivo fonte é mais do que, eu não sei, um megabyte, dois megabytes. Não vai comprimir a este nível. Normalmente, eu não encaro isso dentro dos banners do Google, mas existem alguns sistemas de publicidade. Estou em plataformas publicitárias onde também temos limites de tamanho de arquivo. E eles permitem aplaudir, combinar imagens grandes do que estas. Para este plugin não pode fazer o seu trabalho para as imagens maiores dessa forma, 1020 vezes mais de 150 kilobytes. Mas para nós vamos equilibrar, ele geralmente funciona muito bem. Temos visto três maneiras diferentes de exportar nossos arquivos para plugins. E, na verdade, há muito mais plug-ins por lá. E há uma maneira padrão de baixar nossos cursos principais diretamente da fema. 21. 5.1 Autolayout no Figma: Esta é uma das principais ferramentas que usaremos em Figma, construindo nosso equilíbrio. É por isso que o pigmento é muito bom para o marketing, para criar um monte de equilíbrio morto que irá alimentar diferentes tamanhos, como você pode imaginar a partir do seu nome, esta função automatiza elementos ou objetos automaticamente. Isso define layout automático, auto-layout, em outras palavras, até que permite mantém o espaço entre diferentes objetos dentro do quadro. Em um caso, quando os próprios objetos mudam seu tamanho ou posição, ou o quadro muda seu tamanho e posição. Isso é usado normalmente quando você tem um monte de tamanhos de banner diferentes e você deseja definir, por exemplo, texto em um só lugar e ser substituído em todos os lugares sem uma quebra. Os banners, ambos surgiram em camadas de texto. E se você quiser que tudo fique bem lá. E este é o caso quando é melhor ver. Então vamos passar para a página Figma layout automático. Aqui está. E temos algumas coisas aqui. Temos alguns componentes. Nossos componentes básicos que queremos usar para estes, digamos banners. Temos alguns madeireiros, temos alguma imagem, e vamos enfrentar textos. Bem vive por 900 dólares livro. Agora, RK. Por exemplo, queremos criar um banner de algum tamanho. Este é 600 por 600. Então, o que fazemos? Nós criamos algum quadro. Dissemos que 600 a 600 seria branco. Como você pode ver, não é exatamente branco por causa dessas listras. Esta é a grade de layout que usamos para alinhar nossos exemplos e caminhar em áreas. E isso significa que quando você vê um pouco de cinza escuro, todos os objetos serão mais escuros também. É por isso que este quadro não é completamente branco. Mas se você movê-lo, por exemplo, aqui nas gengivas brancas. Então eu acho que você entende isso. Ok, então como fazer Amarna nós podemos. Selecione nossos objetos, a empresa paga-los e movê-los para cá. Vou copiar, colar o texto e colá-lo aqui. E se eu quiser que este botão olhe, mas eu tenho que organizar tudo pelas minhas mãos. Por exemplo, linha estes e linguagem estes. Ok, eu posso fazer isso, mas se eu quiser redimensionar algo ou uma fina vai querer muito tempo depois disso. Ok? E a outra maneira de fazer isso é usar layout automático. Ok? Eu vou copiar colar deste quadro aqui, e eu só preciso clicar neste ícone para adicionar auto-layout. Meu conteúdo mudou seu tamanho são chamados de LEA para um espaço que todos esses objetos doem. E como você vê, esse quadro muda seu tamanho de acordo com o espaço que todos esses objetos ocupam. O que, o que é, como usá-lo? Por exemplo, não sabemos o tamanho exato do banner que queríamos criar. Só estou criando coisas aleatórias. Então vamos olhar para o conjunto de auto-layout. Podemos alinhar objetos dentro do layout automático forma diferente e podemos definir diferentes opções de preenchimento. Por exemplo, eu uso 1909, Como você vê, todos os lados têm o mesmo padrão. Eu quero o Luke. São 100 e dissemos 90, digamos 100 e provavelmente terá algo semelhante a isso. Agora, pode alinhar isto à esquerda. E como eu vejo, na verdade, como eu vejo, esses objetos têm um pequeno padrão de cima e de baixo e um espaço maior entre eles. Então eu vou fazer top e bottom enchding estes. E há uma configuração aqui que controla o espaço entre os objetos. Vou configurá-lo para, digamos, quatro lá. Sim, agora parece quase o mesmo, mas na verdade eu tenho esse dedo de imagem e é por isso que é um pouco diferente. Agora vamos ver o que posso fazer. Nós temos com auto-layout, na verdade, existem dois ícones deste quadro. E para o layout automático vertical e horizontal, se definirmos o layout automático vertical, o ícone é assim. Um retângulo no topo do outro. E se usarmos layout automático horizontal vai olhar para ele mais tarde assim. Temos 22 quadrados, dois retângulos, um próximo um do outro. E aqui temos layout automático horizontal e seu ícone é assim. Então os objetos são distribuídos horizontalmente. Ok? E aqui estão alguns exemplos que mostram isso para vocês. Agora, digamos que queremos tornar este quadro maior. Como você vê aqui, uma imagem só se torna maior e nada muda. Vai além da bandeira. Mas se usarmos layout automático e decidimos redimensionar esta imagem. Como você vê, esses movimentos conosco. Ok? Agora, digamos que queremos consertar esses Varna. Vamos fazer assim. Então eu duplico e, e vamos ver algumas outras opções. Tudo bem, agora tem 631 pixels de largura e eu quero que seja 600. Sim. Então, neste caso, eu tenho que olhar para essas opções do quadro, estes 100 conteúdos ou fixos, e esses alinhamentos, eu vou usar largura fixa. E como você vê, essas opções mudaram. Era cinza como este porque a altura ainda é automática, ainda é definida automaticamente e este é Meno. Então agora eu posso mudá-lo. Eu defini para 600. E agora vejo que meus objetos estão mais perto da direita e quero que eles estejam no centro. Então eu vou configurá-lo. Na verdade, não posso mudar de posição por causa do perdão. E se eu dissesse aqui, se eu dissesse esta parte em talvez 80 integral, estar mais perto do centro. Então, quando eu redimensionei o tamanho ou a largura deste quadro, ele deixou menos espaço para o preenchimento. E é por isso que eu mandei todos esses objetos se moverem, eles se aproximaram do lado direito. Neste caso, você tem que calcular qual preenchimento você pode fazer. Tudo o que há outra opção, você pode defini-lo como 0, como 0. E desde que você tenha largura fixa do quadro. Agora você pode fazer assim e todos os objetos se tornaram centralizados. Mas, como você vê, ainda é diferente dessa imagem onde o ícone e todos os outros objetos estão alinhados à esquerda. Então eu quero fazer isso de novo. E na verdade eu tenho que colocar um pouco de estofamento para fazê-los estar no centro, provavelmente algo assim. Mas se eu mudar o tamanho, você vê que meu quadro não vai comigo porque eu defini uma largura fixa deste quadro. Ok. Vamos fazer a altura fixa também. Porque geralmente temos alguns tamanhos de banner padrão. Por exemplo, queremos criar um quadrado, 1600 por 600. Neste caso, eu uso essas configurações fixas e eu defini-lo para 600 também. Então funcionou, mas não parece bom. Para mim. Quero fazer espaço entre objetos, menor. Linhas, faça isso. Acabei de definir este para 20. Ok, agora parece melhor. Quero fazer todas essas operações manualmente. Você só entende que não é muito útil. Eu centralizei tudo manualmente aqui. E como você entende, nós já fizemos isso. Se eu quiser centrar em meus objetos usando auto-layout, Eu só preciso pressionar isso e centralizar todos os objetos e y e eles no centro, É por causa desses preenchimento. Se o definirmos como 0, tudo ficará bem. Ok? Vamos ver como isso funciona com o texto. Então nós tínhamos esses lindos banners e decidimos adicionar algum texto a ele. E nós adicionamos um “quê “hoje. Como você entende, se fizermos isso usando nosso layout automático, tudo ficará bem. Vou copiar este quando fixarmos a largura. Vamos copiar este onde temos definido no conteúdo HARQ. Então vamos entender melhor como isso funciona. Ok, eu tenho que adicionar o texto. Digamos que eu só quero estar em uma linha. Como você entende tudo escala com o meu texto, ok, aqui temos largura fixa, já vimos isso. E aqui está o exemplo horizontal de layout automático um para fazer um banner horizontal também. E neste caso, podemos usar layout horizontal. Vamos copiar colar este quadro aqui e instalar em vez deste auto-layout vertical, vamos aplicar horizontal. E aqui vemos ou vamos com a nossa bandeira. Este texto tem opção de largura externa, que possamos usar Enter para criar novas linhas e que o nosso ambiente se torna mais bonito. E como vemos, esta imagem tem que ser igual. Bem, eu faço menor. E neste caso, vamos centrar nos objetos verticalmente no layout automático. Comparando com este, provavelmente temos que perdoá-lo por algo assim. E como você entende, eu posso manipular com todas essas coisas. Posso fazer altura fixa, largura fixa. Então você pode brincar com essas configurações. Tudo vai com ele. Sim, funciona. Então, em geral, como usamos esses layout automático? Você entende que todos esses quadros estão sendo redimensionados. Depois de fazer algo com seus objetos, você redimensiona sua imagem, adiciona algum texto e assim por diante. E como usá-lo enquanto temos tamanhos fixos de banner. Na verdade, usamos essas configurações, não para o banner em si, porque é claro que temos nosso tamanho fixo para nossos queimadores. Mas quando criamos uma banana, há algum texto ali, como aqui. E se quisermos, talvez queiramos mudá-lo. E neste caso, se usarmos layout automático dentro deste texto e usarmos alguma cor de fundo, alguns preenchem. Vamos escalar todos os textos bonitos e vamos vê-lo um pouco mais tarde. 22. 5.2 Autolayouts: E agora vamos olhar para layouts externos aninhados. Nós o usamos para um quadro, mas na verdade podemos combinar e usar layouts automáticos entre ou entre diferentes quadros. Assim, podemos criar estruturas mais complicadas. Por exemplo, queremos criar um pacote como este, onde temos estes, digamos logo. Temos uma foto e temos o texto. Então temos layout externo, dentro auto-layout. Então este é o layout automático do texto e deste ícone, então este quadro, na verdade este é o layout automático. Podemos levar isto mais tempo, Luke, assim. Então é melhor ver agora. E todos esses três objetos, o madeireiro, essa imagem e esses textos, eles eu usei como partes de um grande quadro e ele tem seu próprio layout automático. Ok, vamos fazer isso pelas nossas mãos. Temos o nosso ícone, temos o texto. Vamos copiar colá-los, vai excluir este sinal de mais e vamos fazer um logotipo a partir desses objetos. E quando pressionei, pressione Common Z, como você vê, selecionei dois objetos e eles não estão no mesmo quadro. Mas ainda pode. Clique neste botão. E apareceu o novo quadro que contém dois desses objetos. E eu posso criar, posso definir algumas opções. Por exemplo, quero ser assim. E isso é bom para mim e eu quero que seja laranja ou talvez amarelo. Quero selecionar a cor desta coluna. Ok? Então aqui temos esse logotipo. E então temos, por exemplo, vamos copiar este quadro e substituir um mais longo em. E mude para cá. E vai para dentro do binário. E agora a opção, outra coisa que você tem que saber sobre layout automático. Você pode mover os temas, os objetos dentro do quadro. E eles vão ser, eles vão mudar de posição. Por exemplo, seleciono esse texto e pressiono a seta para cima. Você vê que eles mudaram sua posição devido ao layout externo implementado para este quadro. Isto funciona assim. E se eu remover o registro, tudo ficará como queríamos. E, na verdade, tínhamos mais mensagens aqui. Vou copiar este texto e colá-lo. Em vez daquele. Eu só seleciono o quadro e colo o texto para que você veja o que acontece, o que está acontecendo. E eu apago este. E agora parece mais parecido com este queimador. Assim, você pode usar o layout automático aninhado, layout externo dentro, o layout externo dentro do layout automático. Certo, criamos violência de alguns, de outra cor. Então vamos criar algo semelhante a todos esses pacotes que temos aqui. Vou copiar colar este e eu vou fazer o seu sentimento ser inlined estes. Ok, eu vou adicionar um pouco de borda. Isto é derrame. E quando você cria bônus, importante entender que o acidente vascular cerebral pode ser meio que ir além do banner. E neste caso, certifique-se de que você usa a opção interna. Neste caso, se você disse alguma borda, ele não mudará o tamanho de todo o seu banner quando você exportar. Foi demais. Provavelmente foram três ou quatro horas. Está bem. Acho que temos muito sendo gabapentina aqui para que possamos configurar , parece mais parecida. Agora vamos definir outro espaço entre os objetos. Agora queremos que nosso login se pareça com isso. Então, como você vê, o texto está mais centrado aqui. Como fazer isso? Por exemplo, podemos. Definir o espaçamento entre o ícone e o texto irá torná-lo menor para 30 anos. E nós podemos e escrever pago em 13 como este. E como eu vejo, estes, Varna está centrado, então nós colocamos isso quase assim. Na verdade, há diferença de tamanhos. É porque a imagem é de um tamanho diferente. Eu posso configurá-lo aqui. E esses dois, esses banners são quase as mesmas diferenças de cores. E vamos adicionar algo ao nosso texto de logotipo. Por exemplo. Digite hoje. E como você vê, tudo vai com ele. E agora queremos que estes hoje estejam sob o texto, sob o lenhador. Então, como fazer isso? Vamos pegar o texto do logger sobre isso por 900. Ok? E vamos tomar hoje texto é apenas fonte menor. Ok? E queremos combiná-los para que eu me alinhe hoje à direita. Em seguida, seleciono ambas as camadas e clique em layout externo. Então você vê que hoje vai para a esquerda. É padrão, mas quero que fique à direita. Por exemplo, eu o defini assim. Ok, e agora eu quero criar um logotipo a partir dele. E de lá posso ter este ícone. Seleciono esses dois objetos e clique em Layout automático. Novamente. Depois disso, temos um novo quadro e podemos preenchê-lo. Vamos usar as mesmas cores que em um exemplo. E como vemos, ainda não é tão bonito. E o iniciante, mudamos o. A posição do nosso mais longo arcano vai aqui. E provavelmente queremos espaço por sua vez via NADH. Então, ser ajustado para 30 ou enviar estes para você. E como você vê, este ícone é muito pequeno para preencher toda a altura, e nós vamos apenas dimensioná-lo. Por exemplo, no início, queremos alinhá-lo no centro verticalmente. Mas para entender que este logotipo é muito pequeno para nós, então podemos apenas ajustá-lo e torná-lo um quando fazemos em Winger todos os logotipos como este. E acho que podemos usar menos espaço entre os desenvolvedores e hoje para que possamos configurá-lo. Isto é mesmo para isto, ok? Agora está melhor. E agora vamos adicionar estes madeireiros ao nosso Varna, copiar e colar. A Barna. E eu vou substituir e mais apontado aqui, estes. E aqui estamos nós. Agora podemos facilmente mudar algum texto. Por exemplo, queremos substituir isso hoje texto oferecido pela Limited. E funciona bem. Não temos de fazer muitas coisas depois disto. E vamos fazer isso mais longo. Não é mais interessante. Para fazer isso, vamos fazer um canto deste quadro ao redor, vai fazer canto superior direito. Então será aqui, digamos 40. Ok, então temos o nosso mais longo aqui. E para que você entenda mais como vamos andar com todos esses layouts externos. Aqui estão alguns exemplos do Google Barnes. E como você vê como um conjunto, layout automático é usado não para toda a banana em si como este, mas usado, por exemplo, para este texto Bíblia. E se eu mudar algum texto aqui, ele só segue novos tamanhos. E como você entende, eu posso mudar esse texto e toda a banda ainda está linda. Assim, em geral, o layout automático permite que você faça seu quadro ser ajustável e se mova com seus objetos dentro deste quadro. E isso é muito útil para criar tais bolhas de textos como este. Isso é muito útil para criar alguns botões que seguem o texto e assim por diante. Então nós cobrimos o uso básico deste layout automático e, em seguida, vamos usá-los novamente e novamente para criar nosso belo equilíbrio. Espero que goste. 23. Introdução para 6.1: Componentes são muito importantes em Figma. E, de fato, esta é uma das principais razões pela qual andamos em Figma e por que escolhemos para nossos propósitos de marketing porque componentes nos permitem criar muitos e homens em violência e duplicá-los, fazer mudanças rapidamente, para fazer alterações em vários formatos ou banners. Vamos ver como criar mais de 24 meses de banners no Google em alguns minutos, como criar banners diferentes para o Facebook? Como multiplicá-los e criar desequilíbrio principal para testes AB. Digamos que você criou um monte de títulos. Por exemplo, 20 ou 30 ou 60 deles. E, em seguida, seus aliados para o que você aplaudiu em torno do logotipo que você deve fazer upload de outro? Neste caso, você tem que gastar muito tempo se você usar o Photoshop ou algo assim. Mas você vai fazê-lo em segundos se você usar Figma e só precisa carregar seu logotipo em um único componente. E ele será aplicado a todos os seus arquivos se você quiser, se você construí-los corretamente. E agora vamos ver como os componentes funcionam, e então vamos ver como usá-los para fazer todos esses modelos, para fazer todos esses arquivos que vão economizar muito tempo. Vamos ver como se faz. 24. 6.2 único componente: Em primeiro lugar, o que é competente no componente Figma é algum quadro que tem propriedades, cor, tamanho, algumas configurações. E se você fizer um corpus deste quadro, os portões Doppler têm a mesma cor, tamanho e os outros. É óbvio que a diferença entre componente com suas duplicatas e apenas um quadro irregular objetos regulares com este policial é, é que se você mudar alguma propriedade da empresa e, por exemplo, sua cor, sua sensação, sua , suas cópias aplicarão todas essas alterações também. E como a usamos? Por exemplo, você fez um erro de digitação e deseja alterar o texto em todos os banners. E, por exemplo, você cria banners do Google, há 36 páginas. E se você não usar componentes, você tem que corrigir esse tipo em cada banner, então 36 vezes. E então você quer mudar um pouco para usar um sinônimo apenas para alterar o texto para que você tenha que fazê-lo novamente. E se você usar componentes, você pode configurá-lo uma vez e, em seguida, reutilizá-lo várias vezes em todos os seus banners. E depois disso, se você fizer uma alteração em um componente, ele será aplicado a todas as cópias. E, por exemplo, você deseja criar um novo conjunto de equilíbrio. Por exemplo, queremos fazer testes AB, e você quer testar AB, digamos o texto do seu saldo. Então você cria um novo arquivo, por exemplo. E você só muda os textos e tudo o resto está pronto. Ou você quer mudar o plano de fundo ou a imagem, ou você equilibra o texto do seu botão? Você copia, você muda de uma vez e todos os seus banners ativos. Então, na verdade, você cria um conjunto de bananas para o teste AB e talvez em cinco segundos às vezes. Então você só tem que mudar o texto ou o que você quer mudar e baixar todos os seus banners. É isso. E agora vamos ver como isso funciona na prática de componentes mais simples para mais complexos. Vamos para a página que se chama Figma componentes aqui. E aqui temos alguns componentes ou K. O que temos? Na verdade, temos duas elipses. E vamos núcleo PM. Ok? E vamos fazer um componente de um de oito. Certo, há alguns textos explicando como isso funciona. Vou criar um componente aqui. E para fazer isso, você pode clicar neste ícone Criar componente. Você pode clicar com o botão direito do mouse no objeto e localizar onde ele está componente Criar ou usar um atalho. Então o que mudou é que você vê que isso é uma elipse, ele tem esses ícones. E quando eu criei um componente e lábios entraram no quadro, então componente é sempre um quadro. E este quadro tem este ícone específico e cor roxa. Todo o seu corpo tem uma cor roxa também. Então, agora, se fizermos algumas duplicatas, eu copio colar isto e este tribunal tem este ícone. Todas as duplicatas terão o mesmo ícone. Então, obviamente, se eu tiver que apenas duas elipses aqui, dois círculos, se eu mudar de coluna, esta aqui, não afetará nada. Mas se eu mudar uma cor neste, todo o seu corpo irá aplicar esta cor também. Certo, então podemos mudar coisas diferentes. Por exemplo, podemos deixar este como está. Ok, vamos fazer outro componente aqui. Então, temos uma cópia. Agora temos esta cópia e vamos colá-la mais algumas vezes. Eu seleciono estes. Às vezes, quando você tem um monte de componentes, ele se torna um pouco mais lento, mas ainda funciona. Ok, vamos deixar estes, o primeiro, assim como está e mudar alguma coisa nestes. Vou torná-lo maior. Vou fazer estes laranja. Vou fazer este mesmo. Ele dirige pai. E eu vou tirar uma sombra deste aqui. Vamos torná-lo mais visível. Certo, algo assim. E agora vou mudar o componente inicial e ver como isso muda. Eu me inscrevi. Aqui. Primeiro de tudo, vou mudar a cor dos meus lábios. E todo o seu corpo. Mude as cores, exceto esta, a laranja. Porque se eu mudar alguma propriedade na cópia do componente da empresa, eu digo a Figma, Ei, eu quero que isso seja uma cópia de uma empresa, mas eu quero mudar alguma coisa. E se eu mudar esta coisa no componente inicial da empresa original, que não será aplicado aqui, mas não todos eles. Por exemplo, se eu mudar o tamanho, você vê que o grande também está mudando. Mas ainda é maior do que todas as outras cópias. Se eu torná-lo quase transparente, aplica-se a todos, exceto o jogo final laranja. Por exemplo, vou aplicar alguns efeitos aqui. Digamos que será sombra. Novamente. Vou torná-lo vermelho. 2020. Como você vê, foi aplicado a todo o corpo exceto este porque já tem sua própria sombra. Então, como você entende, há muito espaço para criar coisas diferentes com todos esses componentes. E você pode até mesmo mudar algumas propriedades, suas cores e forma ou o que quer que seja. Vamos fazer um componente de texto. Eu só vou copiar colar este texto e eu vou torná-lo componente. Então eu faço algumas duplicatas. Agora, eu vou fazer isso aqui e fazer o mesmo que eu te mostrei antes. Vou organizar essas cópias e agora usar verticalmente no espaçamento. Ok. Eu disse que são 250. Como você vê, este é o quadro também. Então, se eu quiser mudar a cor do texto, eu tenho que ir dentro do quadro e selecionar sua camada de texto. Neste caso, posso mudar a cor para o que eu quiser. Mas se eu mudar a opção de preenchimento do próprio quadro. Obviamente, o quadro torna-se branco. Ok, eu vou torná-lo invisível. E agora posso mudar algumas coisas por aqui. Por exemplo, vou alterar esse tamanho da fonte. Vou mudar a fonte em si. E vamos configurá-lo para outra coisa. Ok? Eu não gosto destes. E isso é preconceito semelhante, digamos no tom B. E este até bombeia Times New Roman. Então, vai parecer diferente. Ok, eu vou mudar a cor e assim por diante e entender se uma mudança ou todas essas propriedades aqui, algumas delas serão mudadas e seu corpo. E, novamente, eu lembro que você pode usar essa opção de cor de seleção para alterar a cor, não entrar no quadro. Então eu seleciono que é chamado de quadro. E eu entendo que o col pertence ao texto e eu posso mudá-lo, não ir mais fundo. Ok. Para que eu possa mudar a nossa lei. Eu posso escalar o quadro é você entender que tudo é bom e começou a aceitar esses quadros que eu mudei todo o rádio, onde eu mudei o tamanho do raio. Assim, o texto funciona quase o mesmo que qualquer outra coisa, exceto que temos feito para usar a opção de preenchimento aqui. Então, os textos funcionam como tudo o resto. E há outra opção que devemos estar cientes quando falamos de componentes de textos. Ao criar o texto, o componente de texto, você deve ver quais opções. Defina aqui fora da largura, altura exterior, ou o que seja. Porque quando você alterar o texto, se, por exemplo, vamos criar alguma cópia. E vamos escrever outro texto. Como você vê. Por causa da altura fixa, tudo é assim. Se eu usar isso, aqui estão meus dados. E há mais uma coisa importante quando você anda com os componentes de texto. É uma boa prática usar o layout automático. Porque quando você alterar algum texto, eu criarei um novo componente. E eu vou usar o layout automático aqui. Por exemplo, eu quero criar algum mais tempo e usar layout automático lá. Ok, e vamos combinar estes em mais tempo usando auto-layout. E vamos combiná-los em mais tempo usando o layout automático. E agora o que acontece e o que acontece se eu quiser mudar esse texto? E você o vê? E o que acontece se eu quiser mudar esse texto? Ok? Então eu acho que você vê a diferença porque esse componente usa layout automático. Assim, o próprio componente muda seu tamanho após o texto. E aqui, neste caso, a mudança do texto está mudando. Como você vê, o texto tem estes sendo com Van, o componente tem a mesma largura que era antes, porque ele não tem layout automático, não segue o texto. Então é por isso que o layout automático é tão importante em Figma. Vamos aplicá-lo aqui. E como vemos, tudo se torna muito melhor. Então estas são a coisa mais básica é sobre os componentes. E vamos seguir em frente e ver como usá-los de maneiras mais complicadas. 25. 6.3 componentes e Autolayout: Vejamos o layout automático e os componentes. Mais uma vez, porque este é um tópico muito importante. Ok, então vamos fazer um competente para usar um layout automático. Temos algum texto de exemplo é um componente. Ok. Farei um novo componente dele. Vou ensinar como fazer todo o tecido, como fazê-lo um pouco mais tarde. Agora faço a sua duplicata. Vou copiar este texto é apenas algum texto. E eu tenho uma imagem. Ok? É isso. Temos três objetos e queremos combiná-los. Vou copiar, colar e colar aqui. Agora, vou enquadrar esta seleção. Este é um novo quadro agora e adicionar layout automático a ele. E vamos torná-lo competente para torná-lo mais parecido com menores. Ok. Ok. Vamos enquadrar esta seleção também. Matt, sem usar layout automático, eu só queria fazer uma cor de fundo aqui, assim, ok? E agora eu quero mudar este texto, alguns exemplos de texto, e eu quero Marx. E é isso. Como você vê, mesmo que eu use essa opção. Mas quero outra linha do texto. Agora, como você entende, desde que não usemos layout automático aqui neste quadro ou uma fina está uma bagunça agora. E aqui estamos, tudo funciona bem. E como eu disse, usaremos registros de busca, tais componentes em outros Varnas. Então vamos adicionar, por exemplo, encontrar. Vamos fazer o filme e semi-transparente e os cantos das bordas. 250. E nós poderíamos, poderíamos colar tais objetos em nossos alunos. Vai fazer uma bagunça agora, mas pode parecer assim. Por exemplo. Se eu mudar o texto. Então imagine que você tem muita violência como essa. Vamos torná-lo um pouco mais brilhante. Olhe para este. Este. E tornar isso mais ou menos transparente. E esperanças, vou colocá-lo aqui. E eu só quero substituir esta foto um pouco melhor. Por isso, chamo-lhe este. Na verdade, não são mais vidas, é claro, mas algo que temos aqui nesses arquivos. Então vou colocar uma imagem aqui. Ok? Ok. E vamos usar restrições. Eu vou neste centro verticalmente e ver o que acontece se eu vou mudar o tamanho da imagem. Como podem ver, ainda é vertical por aqui. É assim que usamos restrições e é por isso que usamos restrições. Então, como você vê, quando combinamos componentes com layouts automáticos, podemos criar esses choques que usamos dentro de nossos queimadores. E tudo funciona, ok, se mudarmos texto, ele se ajusta. E é assim que criamos muitos banners em Figma em alguns minutos. 26. 6.4 componentes aninhados: Agora vamos olhar para os componentes aninhados. Como usar comentários dentro de componentes? Então, vamos aqui. Aqui temos esses componentes aninhados e o que vemos aqui? Temos algum ícone e queremos fazer duas versões de madeireiros com este ícone e, em seguida, usar esses logotipos em algum lugar em desequilíbrio diferente. Neste caso, se mudarmos o ícone, ele será alterado nos madeireiros e será alterado em todos os lugares onde estamos baseados duplicatas desses logotipos. Então eu vou copiar, colar esses ícones. Então eu vou torná-lo um componente e criar uma duplicata de um componente. Agora, eu vou criar outra duplicata e eu quero fazer esses logotipos. Digamos que este é log como mais vidas para sempre. Está bem? Então eu preciso de um pouco para a AIM. Vou senti-lo e vou colar algum texto dentro. Vamos dizer que a vida acabou, está dentro do quadro de seis a sete. E aplicarei o layout automático a ele. Está bem? Agora eu quero adicionar um pouco de estofamento, digamos que seja laranja. Talvez 20, ou até menos. Quero que seja do mesmo tamanho. Está bem, parece que é a mesma coisa. E eu vou adicionar um ciclomotor nas laterais. Digamos que eu vou definir para 14. Está bem? E eu quero fazer uma curva ao redor. Eu clico neste ícone e este segundo estará perto do O. ok? - Não. Quero enviar a cor do meu logotipo. Para fazer isso. Eu clico aqui e você usa um copo de kernel para cima. E ótimo. Então eu vou apenas criar um componente a partir deste logotipo inteiro. Vamos torná-lo componente. E agora eu quero criar outro não era um quadrado ou vertical mais longo. Vou usar estes ícones. Então eu e alguns são quadro desconhecido. E usar o nosso sentimento total. Mudança define alguns dos problemas de bursite lateralmente todos transparentes. E agora eu vou apenas copiar colar este texto. E isso se parece com um quadro porque ele tem layout automático. Ok, eu vou copiar colar este texto aqui e eu vou mudar o layout para vertical. Então R usará o alinhamento central. Agora eu quero adicionar mais espaço entre esses dois objetos e eu provavelmente e menos espaço aqui refeição principal, é um 230. E vamos fazer com que esses cantos em torno do Maine estejam colocando isso. Ok, então parece o mesmo. E agora eu faço esses componentes mais longos e ganho. Se eu quiser, posso fazer um quadrado. Por exemplo, eu preciso de um retângulo e eu preciso de um quadrado. Nesse caso, usaremos altura e largura fixas. Vai ser, está bem. 422. Ok, e vamos fazer este texto menor. E, neste caso, podemos tornar o espaço entre esses objetos e maior. Parece, certo de saber. Bem, agora temos dois componentes de madeireiros e podemos colá-los em qualquer lugar e o bônus. E no caso de querermos mudar este item. Está bem? E vamos colar no corpo destas duplicatas mais longas . Ok, e agora eu quero mudar a cor da nossa palma para laranja. Então, como você entende em bruto em todos os lugares. Então, o tema principal desta lição é que podemos usar componentes aninhados. Assim, podemos usar componentes e subcomponentes dentro das empresas. Isso é muito útil se você quiser fazer alguns temas complicados. Se você quiser usar alguns objetos pequenos dentro de alguns objetos maiores, para que vê-lo com nossos componentes aninhados. Vamos passar para outra lição. 27. 6.5 Detach, de 6.e restauração e encontrar componentes: Agora temos uma lição muito curta. Às vezes, você precisa quebrar a conexão entre cópias da sua empresa e o componente inicial. Por exemplo, Newgrange em uma empresa e, em seguida, você usá-lo algumas vezes e em algum lugar, você só quer que esses objetos sejam colocados ou o que você quiser. E você não quer que ele esteja relacionado com a empresa inicial que você só quer corrigi-lo e olhar exatamente como ele está agora. Então você tem que quebrar a conexão entre eles. Você pode fazer isso com um comentário. É chamado de instância de desanexar. Então nós temos um componente e nós temos comem cópia. Vamos ter certeza que sim, é uma cópia deste componente. E se eu mudá-lo, é claro, mudará aqui. E quero que esta cópia seja desconectada dos componentes. Então eu apenas clique com o botão direito do mouse nele e clique em desanexar instância Como você vê, não é mais uma cópia de um componente. Então eu posso fazer o que eu quiser com este e minha cópia não é mais afetada. Então você pode usá-los se você quiser fazer algumas alterações ou você quiser criar um novo componente, por exemplo, você tem este e você deseja criar outro componente com base neles, mas tem que desanexá-lo primeiro. Eu separo isto. Por exemplo, eu faço isso e quero torná-lo mais retângulo. Ok, como estes, e eu quero cantos redondos. E agora e eu clico em criar componentes. Então eu tenho dois componentes separados. E eu poderia fazê-lo somente depois que eu separei essas cópias de seu componente inicial. E agora vamos ver o que acontece se eu tiver uma cópia de um componente, mas eu excluí o componente inicial. Então vamos fazer um novo componente. Por aqui. Torná-lo uma empresa, então eu faço uma duplicata. Ok, e agora eu apago este. Agora eu quero que o componente inicial seja restaurado. Na verdade, há uma opção para isso. Se eu vender nesta empresa e há um componente de restauração botão, como você vê, há criar um tapete. E eu não vejo esse botão e essas cópias porque esse componente não é excluído. Mas esta empresa e não tem é esta duplicata, não tem seus componentes. Então é por isso que posso restaurá-lo. Na verdade, foi restaurado. E outro fino, por exemplo, eu tenho esse PIM núcleo e vamos fazer mais um. E eu colo em algum lugar. E eu tenho um grande projeto e eu não me lembro realmente onde está o meu componente inicial? Neste caso, eu posso encontrar o componente inicial clicando neste ícone. É um ícone sobre componentes. Então eu vou clicar e ir para componentes principais são, Eu estou aqui. Isto é muito útil. Quando você lida com componentes maiores de uma página para outra? Isto ainda funciona. Mas depois disso você está procurando o competente inicial, você pode encontrá-lo. Basta clicar nele e ir para o componente principal. E, por exemplo, se eu excluir um componente principal aqui , eles vão para outra página. E eu quero restaurar o componente. Foi restaurado e meu foco vai bem aqui onde está o componente inicial. Então, é muito útil. 28. Biblioteca de componentes 6.6: Primeiro, minha dica sobre componentes. Quando você usa muitos deles, é difícil encontrar onde você coloca um componente ou outro. Então, para esses casos, melhor você usar uma biblioteca de componentes ou Painel de Controle ou seja lá o que você chama, é algum lugar maneira de criar todos os seus componentes e se você precisar de novos componentes, você colocá-los completamente juntos. E neste caso, se você precisa mudar alguma coisa, você sempre sabe para onde ir. Você sempre sabe que todas as suas empresas iniciais, eu adiciono o lugar. E se você usar componentes aninhados, é uma boa prática armazenar todos os componentes juntos também. Por exemplo, você tem seus componentes menores organizados completamente e você tem alguns grandes acompanhantes que usam aqueles pequenos. E você usa esses componentes maiores em algum lugar do lugar também. Então, mesmo se você mudar um pequeno são íons maiores, você vai ter tudo juntos e, neste caso, você não vai sofrer procurando por componentes maneira que você tem que mudar algo e você sabe exatamente onde eles estão. Então, vejamos alguns exemplos. Iremos para as lições que ainda não fizemos lei. Mas vamos dar uma olhada nisso. Por exemplo, este é um painel para queimadores do Google e este é um painel de controle onde temos nossos componentes. E como você vê todas essas coisas, esses são componentes que usam esses. Então, como eu disse antes, esses pequenos componentes e essas são grandes empresas que os usam. Por exemplo. Vou mudar alguma coisa aqui. E todas as mudanças vistas aqui. E ele tinha todo o bônus. E esta é uma boa maneira de organizar seus arquivos, seus componentes, e para seus objetos lidar, você vai usá-lo também. 29. Fixação 6.7 bug de componentes: Há um bug em Figma que aparece quando você usa um monte de componentes com layout automático a. Então vamos olhar para ele. Vou para outro arquivo, banners inteligentes para anúncios do Google, e chamaremos esse arquivo mais tarde. Mas agora, eu só quero te mostrar esse inseto. Olhem para estes banners. Há bolhas de texto sobre eles, e como você vê, eles não parecem bons. E se eu for aqui e ver essas maneiras, elas são, ok, mas na verdade, essas faixas à direita são duplicadas dessas faixas à esquerda. Então isso é um inseto. E como você vê aqui, eu já corrigi-lo, então parece bem e há uma correção muito simples deste bug. Se por algum motivo Figma quebra seus componentes com layout automático e é inversamente que há algum erro aqui. Alguma coisa está quebrada. Você tem que alterar esses layouts externos para alterar algo lá para redimensioná-los. Então Figma vai recalcular tudo e então vamos chegar a condições normais. A maneira mais simples de fazer isso é mudar algum componente que é colocado dentro dessas bolhas para que tudo seja mudado. Então eu vou para as configurações onde temos os textos que vão para essas bolhas e eu vou adicionar um espaço e, em seguida, removê-lo. E assim Figma recalcula todas aquelas bolhas de tanques. E se olharmos para eles, eles devem ficar bem agora depois dessas mudanças, então eu volto para os banners e vejo que as bolhas de texto estão bem agora. Então eu tenho duas versões com normal. Obrigado, Bumbles. E este ainda está quebrado. Então eu volto para as configurações e altero um texto para essas variantes. E, e remover o espaço mais uma vez e voltar e ver o que aconteceu. Então, tudo está bem agora, então se você tem esse bug quando você tem um monte de componentes com auto-layout, seu visual ininterrupto. Neste caso, use esta dica para corrigir este bug e desfrutar de seus arquivos. 30. Introdução 7.1 banners: Nesta seção, vamos aprender como criar bananas reais, vamos aprender a usar botões, como criar por motivos, como adicionar pessoas de texto, como adicionar alguns objetos, itens em pacotes, como combiná-los, e como usar componentes, layouts externos, tudo completamente em seu bônus. Então vamos ver como fazer o seu trabalho mais rápido. 31. Botão 7.2: Botões. Começaremos a aprender com o primeiro elemento. Ele está atolado para baixo sobre ele é o seu elemento chamada para ação em seu ilimitado é o elemento onde as pessoas geralmente clique mesmo que é uma única imagem. Vamos olhar como criar banners de duas maneiras, textos sem forma e um quadro mais texto já abordado nestes. Mas vamos fazer isso mais uma vez. O que é sobre Anna baston é geralmente algum retângulo com um texto nele. Então, podemos criar um retângulo de forma ou de um quadro. Vamos criar o primeiro da forma. Vou copiar e colar este retângulo. E copiar colar estes botão de texto vai dizer inscrever-se hoje. Ok. Agora eu vou fazer isso sozinho sendo ele. Ok? Algo como isto. Para torná-lo único elemento, vamos criar um grupo a partir dele. E vamos fazer curvas ao redor para torná-lo mais bonito. E agora parece um botão. Ok? Agora, a segunda maneira é usar quadros de texto. Certo, vamos copiar e colar o texto. E agora vou enquadrar esta seleção. Então eu crio um quadro em torno desses textos. Ok? Agora vou adicionar layout automático, porque como eu disse, é sempre melhor ter layout automático em torno do texto, especialmente quando você cria botões. Então vamos adicionar um pouco de preenchimento, torná-lo amarelo, e vamos adicionar isso em. Ok, vamos mudar com o problema. Estou atrasada para aprender. Se 2050 ou algo assim. E vamos fazer curvas de novo em nós. Provavelmente 20. Sim, parece quase o mesmo. Ok. Agora vamos adicionar um traço. Estou fazendo todos os passos com este único elemento. Mas você terá tudo isso. Como exemplo. Vou adicionar traço e configurá-lo para, digamos, cinco, talvez. Ok, isto é uma montanha. E se eu quiser, posso torná-lo componente. Então vou reutilizar este botão várias vezes. Ok, aqui estamos nós. Fechado. Eu não gosto disso, são na cor cinza do texto. Não é muito consciente, então vou torná-lo mais escuro. Ou se você quiser, você pode fazer um pouco de cor. Por exemplo, como estes. Depende do seu estilo, estilo do projeto. Onde você cria suas Montanhas, por exemplo , não estaria aplicando estas. Então agora temos um botão que Quicken. Podemos reutilizar várias vezes. E como você se lembra da diferença entre esses botões e esses botões que um mutilado usando forma? Ok. Vamos torná-lo mais parecido com o nosso. Ok. Viste o que aconteceu? Eu tenho um grupo, não um quadro. É por isso que quando eu apliquei um traçado, ele foi aplicado não só à forma, mas ao texto também. É por isso que eu tenho que selecionar meu retângulo e acidente vascular cerebral para comer. Porque não quero um derrame na minha fonte. E eu tenho que mudar a coluna do meu texto. Vou usar estes. Carlos seleciona dois. Ok. Parece quase o mesmo. Lactose três? Sim. Qual é a diferença? E vamos torná-lo componente também. A diferença é que se eu precisar mudar este texto hoje para desculpe, eu tenho que mudar isso para largura automática, mas você vê o que acontece? Então eu tenho que selecionar Ir para torná-lo mais amplo. E por exemplo, então eu decidi que é ruim ter esse texto em duas linhas. Eu tenho que dizer como este retângulo e ganho. E eu tenho que fazer algo assim. Isto não é assim. E se eu tiver biotina, o quadro, posso fazer o que quiser e ele me seguirá. Então esta é a diferença de criar botões com formas e com quadros. Eu sugiro que você sempre use quadros para isso. 32. 7.3 preenchimento/fundo: Terreno de trás. E este é um pedaço muito importante de seus banners porque estes caches atenção para Urbana, estes conjuntos de seu conjunto de cores de seu banner. E vamos ver como criá-lo, para usá-lo em vários banners. Ok, por exemplo, teremos dois menos 600 por seiscentos e seiscentos e quarenta por 408 aqui. E queremos estabelecer um terreno para eles. Para entender qual tamanho do componente para fundo precisamos? Temos que olhar para o botão maior e que vai ter realmente aqui, estes são ainda muito grandes. Poderíamos criar um fundo de forma componente menor porque nossos banners ao longo daquela semana. Mas eu costumo criá-lo maior porque eu não sei qual tamanho isso vou usar no futuro ou se eu tenho algum conjunto predefinido de banners. Neste caso, eu já sei que mesmo estes não são tão grandes. Se, por exemplo, eu usar Facebook menos onde temos dimensão da história menos como 1000, A2 por 1000. Caminho. Como este. Então, obviamente, se eu tiver um banner como este e eu quiser usar um fundo, eu tenho que criar. Estou de volta componente terra, pelo menos 100,920, porque do outro modo, estes terra será muito pequeno. Ok, então é assim que escolher um tamanho para o componente de fundo. E agora vamos ao início e criar nosso bônus. Isto é seiscentos e seiscentos. Vamos preenchê-lo com alguma coisa e outro estará alinhando estes. Ok? E agora queremos adicionar algum fundo para comer usando um componente. Ok? Vou criar um componente com ele sendo adivinhado. Será 640. Então, este será 600. O preconceito corporal e a pobreza estão bem. E farei com que o nome da empresa de TI não esteja por aí. E depois disso, posso copiar uma imagem aqui. Vou ligar para essas imagens. Meu prim tem componente e usá-lo aqui. Ok, e eu posso dimensioná-lo para caber no meu tamanho assim. Você pode mover sua imagem para dentro do plano de fundo como quiser. Vou deixar assim. Ok? E agora, se eu colar esses componentes em terra em minhas bandeiras, eu serei moído para querer sua corporação também. Sente-se para fazer cor k. agora vamos mudar o fundo aqui. Então veja se ele muda aqui no bônus. Então eu vou para a página da biblioteca e copiar outra imagem e colá-la no meu componente de fundo. Então, como vê, tudo funciona. E o que mais temos? Quando adiciono algum texto ou algumas imagens ao meu menos, como aqui, provavelmente quero que este fundo fique desfocado, por exemplo. Então eu posso adicionar outro quadro ao meu componente, Vt. E isso é e eu colá-lo no topo. E agora posso falhar e torná-lo semitransparente. Anki e eu temos alguns efeitos como aqui, por exemplo, e Ben lei de base. E como você vê esta imagem, porque um pouco borrada. Então eu posso definir para 30 ou talvez seja demais talvez para isso. E se você quiser, esse fundo fica embaçado. Você pode aplicar efeitos diferentes para acima do solo para fazer algo aqui. Mas eu acho que estes são os efeitos usados principalmente quando você cria fundos. Então você pode usá-los. E vamos rever mais uma vez. Normalmente você tem algum conjunto de tamanhos de aqueles que você deseja criar. Então você quer criar maneiras para o Google ou você quer criar um Facebook. E você já sabe o tamanho de todos os seus banners. Quando você sabe, você escolhe a maior, a maior dimensão e faz componente de fundo como um quadrado com lado igual à maior dimensão do seu saldo. Neste caso, você pode usar esses fundos em todos os seus banners e sem perder qualidade. Ok, isso é tudo com antecedentes. E teremos uma lição separada sobre onde encontrar belos campos de hambúrguer, belas imagens, padrões e outras coisas para seus fundos. Cobriremos isso mais tarde. 33. 7.4 de artigos:: Item ou pessoa. Às vezes, você quer adicionar algum item ou pessoa ou ambos aos seus enlutados. E vamos ver como fazer isso. Como criar esses componentes. Temos dois exemplos. Para o futuro. Vamos criar um bônus para algum aleatório usando loja de instrumentos de carvão. Ok, então geralmente esses itens não são tão grandes, o bônus, então é por isso que eu sou geralmente é suficiente para criar um componente 600 por 600, na verdade aqui teria um bônus muito pequeno, não muito pequeno, mas não tão grande. É por isso que criamos um pequeno componente para o item. Mas no meu exemplo, criarei seiscentos e seiscentos e mais uma vez. Então, se você tem um item grande ou um objeto, você pode usá-lo mesmo em seus banners de história do Facebook. Ok, então eu criei um quadro e eu vou torná-lo componente. Tudo bem, agora, vou dar o nome. Eu geralmente não uso barras nos nomes dos arquivos porque estes são usados para fazer pastas separadas quando você exporta um monte de arquivos no Figma. Queremos cobrir isso, mas não uso barras como separador. Eu uso outra coisa assim. Quero dizer, se você sabe o que está fazendo, se você exporta um monte de arquivos e você quer que eles sejam colocados em pastas separadas. Nesse caso, use as barras para baixar seus arquivos e nomear suas camadas. Mas vou deixá-lo como esta pessoa. E eu tenho duas imagens que eu quero desperdiçar em meus marinheiros, essa garota e essa cabeça cai. Como você vê, ambas as imagens têm um fundo transparente. Isso é muito importante porque usaremos essas imagens e o banner. Por isso, temos de ter um fundo transparente. Teremos uma lição separada sobre plugins e outros serviços. E alguns deles permitem que você crie imagens com fundos transparentes. Então, se você sabe onde encontrar essas imagens, não se preocupe, vamos cobrir isso, vamos cobrir como criá-las. E, claro, você pode baixar essas medidas da pesquisa de imagens no Google ou algumas imagens de estoque como quiser. Então, por enquanto, eu só tenho essas imagens e eu vou copiar colar isso e colocá-lo neles. Está bem. Ok, eu vou torná-lo menor. E aqui não vamos ser assim agora, vou torná-lo transparente. E agora eu vou, eu vou cozinhar para colar esses. E vou colar cópias disto no meu K. sem fios . Certifica-te de que tocam no fundo da tua violência. Se você sabe que você provavelmente vai colar as pessoas em um menos, se você colar alguma homenagem não é não fazer, que não são cortá-lo e o fundo. Então, neste caso, você pode colocar seus componentes no centro, o que você quiser. Mas como você vê, isso não parece bom com as pessoas. Se essas pessoas não estão aqui em sua altura total ou k. Então nós temos esses, eu não gosto muito disso porque não é muito contraste e estes vão, não parece bom neste fundo. Então eu vou aqui e encontrar o meu, vamos nomear esta camada ou camada e torná-la menos transparente. Vou definir para 30 anos agora. É melhor. Eu gosto mais. Tornou-se mais contraste. E agora, digamos que criamos um conjunto de celeiros e fomos enviados para o Google ou Facebook. E agora você quer criar outros banners e você decidiu colocar essas fontes de cabeça em vez da menina. E neste caso, eu copio colar esta imagem aqui, e eu tenho meu componente item pessoa. Só preciso tornar a camada feminina invisível. E o dispositivo está pronto. Assim, fazendo algumas fotos invisíveis apenas se você espera que nós, que você vai usá-los mais tarde, esses banners. Mas se você entender que você usa essa imagem menina uma vez e você quer repetido, neste caso, um melhor excluir esta camada porque quando você tem um monte de cópias dessas camadas, show opera todos eles e ele só se torna andando Devagar. Por exemplo, se você tem esses banners e Ucrânia eles uma e outra vez, em alguns, em algum momento, você pode achar que seu componente item pode cessar e 20 imagens diferentes. E mesmo que sejam HIV positivos, são invisíveis. Figma está andando com todos eles quando você faz qualquer coisa, quando você escala para cima, escala para baixo, e isso vai retardar significativamente todo o processo. Então, se você não precisa mais destes e estes menos você aposta e apaga este laboratório. E normalmente quando faço isso, crio um novo arquivo. Então eu dupliquei o arquivo e faço todas as mudanças e a cópia. Neste caso, terei todos os meus banners na minha biblioteca e terei todas as versões. E se eu quiser voltar para os banners com o objetivo, neste caso, eu só preciso abrir o arquivo e pronto. Então agora sabemos como fazê-lo. E para esta imagem, eu vou definir meu fundo de volta porque esses fones de ouvido são brancos e eu poderia usar ou outras rampas de cor. Ou estes, estes, por exemplo, estes registos melhores. Ou eu apenas torná-lo mais transparente. De novo, na verdade, eu gosto que você deveria colocá-lo provavelmente aqui para esses banners. Mas se você não quiser mudar nada em seu template, basta usá-los. E isso é muito conteúdo. Ok? Então, nós abordamos como inserir diferentes itens de majors, pessoas para conscientização de como fazê-lo usando componentes. E vamos passar para a próxima lição. 34. Logotipo 7.5: Logotipo. Normalmente você quer colocar algum login para suas bananas para torná-los Brenda, logo que baixa vaca, é melhor fazê-lo em Figma. Por exemplo, já teremos alguma variante em mais tempo, geralmente a soma da corrida. Se não for, você tem que criá-lo. É um e-mail com um fundo transparente. É melhor usar um show secundário para advogados. E sabemos que no final vamos usar uma ferramenta wir uns de mais longo. Normalmente, é útil. Registradores horizontais e verticais. Certamente este é bordas inferiores horizontais. Então vamos criar um tronco quadrado. Agora mesmo. Para fazer isso, vamos criar um quadro. Vamos economizar quinhentos e quinhentos. E vamos senti-lo por enquanto e copiar colar esses logs para esses quadros. Vamos torná-lo agradável e longo. E vamos colocar esta imagem nesta moldura. São oito pés. E k integral. E além de aprender isso, você vê que há alguma coisa aqui. E você pode fazer duas coisas. O mais simples é apenas cortar esta imagem, você selecioná-la. E há uma ferramenta de e-mail de corte como esta e pressione Enter, é isso. Você tem seu nome aqui. E queremos usar esta imagem, este ícone também. E este caso, então nós fazemos isso de ser estes realmente pode cortar tempo. Ok. E é isso. Não, é mais. É mais fácil de operar. Isto. Ok. Por exemplo, criamos esse logotipo. E depois disso, podemos tornar transparente para remover o preenchimento. Ok, então temos quadrado ou mais longo. E digamos que queremos criar um logotipo horizontal de uma proporção exata. Por exemplo, quatro para um. E vamos criar um quadro para 100 por 100 K tudo, vamos dobrá-lo. 800 e tchau 200. Ok, e vamos copiar colar estes em mais tempo. É por aqui. E vamos ajustar uma imagem para caber quando você dimensionar. Vamos fazer empresa de TI e vamos nomear tudo isso e preenchê-lo por enquanto. Mas alinhe nossa imagem, certo? Agora podemos remover o preenchimento e por isso temos nossos dois logotipos e, na verdade, você pode usá-los em seu futuro. Se você quiser. Você pode transformar essas palavras em linhas em uma escola através de um log on. Obviamente você tem que cortar isso. Mais uma vez, Amém duas vezes para ter um perfeito o que eo que soa separado e para colá-los um e acima do outro, um no topo do outro. E como você vê, quando usamos madeireiros no nível de unidade geralmente quer ter esses dois pés e em fundos. Então, neste caso, por exemplo, queremos criar muito tempo AS 200 por 200 e 400 por cento, duzentos e duzentos e quatrocentos bio 100. Ok, então desta forma são apenas madeireiros. E podemos usar esses logotipos dentro de nossos componentes. E essas empresas também são registros, mas esse tamanho exato. Ok. Provavelmente movi este ícone para fora do logótipo. Sim. Então eu tenho que mover e vec k. e agora se eu copiar colar este logotipo, eu vou. O nome é mais longo para ela e para ele por 200 mil e eu vou mover estes mais para os meus 200 por 200, OK. E agora vou fazer isso alinhar-me com estes. E agora vamos torná-lo competente novamente. Então, como você vê, nós usamos componentes aninhados e eu vou torná-lo semitransparente. Por exemplo, 50 por cento realmente sabem disso. Eu vou fazer o feto e semitransparente, então eu não quero que meu logotipo seja transparente, eu só quero que seu fundo seja transparente. E eu vou adicionar canto em torno dos cantos. Ok, então eu posso usar esses logotipos, meus parceiros. E farei o mesmo com um sem-fim horizontal. Vou colar o meu mais longo aqui e pés, o tamanho. Depois disso, vou dar um nome a este. E eu vou fazer o sentimento semitransparente e eu vou fazer cantos. Talvez seja demais. Isto é em k, k como estes. E eu vou renomear estes mais longos para seu tamanho real, 800 e por 200 agora está tudo bem e eu vou fazer o componente logotipo horizontal. Então, como você vê agora, eu tenho dois componentes. Todos os logotipos que eu posso usar no meu equilíbrio, e eu fiz semitransparente por terra para eles. Então, se eu quiser colocá-los em algum fundo que é barulhento, onde colorido ou muito contraste, estes semi-transparente, mas terra salva meu logotipo de B e não tratável. E eu posso colocá-los em qualquer menor que eles madeireiros serão legíveis neles. E vamos fazer uma variante deste horizontal mais longo sendo perna estes com um canto redondo. Então, este logotipo vai caber canto superior esquerdo dos banners, porque geralmente é vazio de alguns ícones técnicos que foram adicionados pelo Google ou alguma outra plataforma de publicidade. Então este é o lugar perfeito para colocar o seu logotipo. Ok, eu vou copiar colar esses madeireiros. Eu toquei nele porque eu quero criar meu novo componente. Então agora eu tenho meus cantos de volta para 0 ao redor. E farei estes Corona à chuva. E depois disso, vou renomear o quadro, por exemplo, na parte superior esquerda. E depois disso, eu faço componente de TI e ganho. Então agora eu tenho três madeireiros para situações diferentes. Se eu quiser criar outro, por exemplo, para o canto inferior esquerdo, você sabe como fazê-lo. Ok? É assim que lidamos com madeireiros. Se você não tem log do fundo transparente, você só tem que usar o que você tem. Mas às vezes é melhor criar, desenhar um novo mais longo. Você pode fazê-lo no Figma combinando imagem e uma fonte, ou você pode fazê-lo no Photoshop ou onde quer que você use. Então, se você tem madeireiros com fundo transparente, É sempre melhor do que se você não tem. É isso com logotipos. Vamos para a próxima lição. 35. Texto 7.6: Texto. Este é um texto muito importante. Este é o lugar onde ponto importante porque Alibaba terá texto provavelmente. Então vamos ver como é melhor criar textos em seus banners. Claro, usaremos componentes também e usaremos layout automático. Então agora minha sugestão é usar essas bolhas de texto porque nós, quando as usamos, elas se tornam universais e podemos usar diferentes fundos, imagens diferentes lá, e o texto será legível em todos eles. Se você não usá-los, torna-se muito difícil definir o texto, definir a cor certa, dizer a transparência correta e a posição correta do texto. Porque quando você tem um plano de fundo complicado, você tem que ajustar um texto em cada banner. Evite isso. Vamos criar estes um tags bolhas que se parecem com isso e tudo vai ficar bem. Então vamos começar. Usaremos um texto de dois caminhos, uma manchete e a descrição. Alguns dos projetos exigem mais textos, alguns deles exigem menos tags. Mas vamos nos ater a esses dois componentes, porque geralmente é o suficiente para colocar assim todas as suas informações e para evitar colocar muito texto para um menos. Então, no início, vamos criar alguns textos. Obrigado por ser bom. E vamos escrever sobre o uso do perimysium. Usuário. Significava mais. Vamos centralizar este texto, torná-lo roxo. Sim. Vamos torná-lo ousado. Ou mesmo Beleg. Sim, desde negrito e seu tamanho era tão 26. Ok, vamos voltar e ficar com 36. Ok, Agora vamos enquadrar esta seleção e para layout e adicionar lagoa de haste irá preenchê-lo com 50 por cento de transparência e fazer meus pronomes são 20. Ok, provavelmente este tem diferentes opções de padrão. Vamos ver, são 20 e 30. Então vamos fazer o mesmo para estarmos vazios. Ok, agora eles são parecidos. Tudo K e vamos fazer disso um componente. Eu cliquei nele? Ok, e eu vou dar o nome de manchete. Agora, eu vou fazer e descrição usando o componente anterior. Vou separar esta instância, e vou substituir o texto. Vou copiar colá-lo para fazê-lo mais rápido. Ok. Isso é, isso. Parece o mesmo, mas a única coisa que temos para alinhar o texto à esquerda. Novamente, agora parece semelhante. E vamos torná-lo componente também e vamos renomeá-lo para fazer é corrupção. Certo, e podemos usar isso em nossos ambientes. Certo, vamos ver como vai. Eu copio para esses alunos, seleciono dois deles e me movo. Sim, tenho duas cópias. Certo, e agora coloco duplicatas dos meus componentes de texto nos parceiros. Eu colar nesta manchete e eu vou colar a descrição provavelmente. Eu tenho que configurá-lo para, digamos 70 por cento de pedra, mas mesmo 75. Ok, agora no bastão e vamos combinar esses objetos. Enviarei a manchete para o nosso centro, depois haverá corrupção. Ok? Vou colocar aqui e torná-lo menor. E você vê que a garota está por trás do texto e eu quero estar na frente do texto. Então é por isso que eu apenas puxar isso para o topo para estar acima da descrição. E está bem, está na frente dele na minha tela. E agora vou copiar a pasta. Ambos os componentes e outros queimadores e esses banners. Eu vou, ok, eu vou fazer o mesmo que no meu exemplo. Enviarei a manchete e colocarei a descrição à esquerda. E isso, e é como certamente é, Ok, eu vou movê-lo acoplado pixels para a esquerda e eu vou levar menina na frente do texto, I k parece o mesmo. E quando você cria um bônus e esses textos bolhas e você incorpora para usar restrições porque se você mudar alguns textos, Vamos ver como ele funciona. Tenho estas manchetes centradas, por isso está localizado no centro, no centro deste banner. E eu vou, e são restrições. Olhe para as suas restrições. Eles estão à esquerda e no topo. Ok, então agora eu vou, e algumas mensagens aqui e ver o que acontece. A Bíblia é mais para o agora, porque ele gruda no canto esquerdo para evitar estes comportamento ou seja, atual. Portanto, este texto e eu mudaremos as restrições destes. Graças ao Bumble ao centro. E agora vou adicionar mais texto aqui, ou k. E como você vê a diferença entre duas dessas manchetes, esta permanece no centro. Este vai para a direita. Então é por isso que temos que verificar. E teremos que definir nossas restrições quando usarmos esses textos, Bíblia em nossos queimadores. Mas como você vê, estes, graças bolha ainda não parecem bons. Se eu adicionar algum texto, vou colocar isso aqui para a próxima linha. E agora você vê que isso não parece bom. Eles é sobrepõe estes e não parece profissional. Ok, dois ou mais, estes são a melhor prática é usar um único balão de texto que contém todo esse texto. Para fazer isso. Tem que criar novos componentes em. Vou usar estes dois componentes. Mostrar-te como fazer isto. Agora com estes dois componentes, está bem? Vou separá-los. Ok? Agora temos apenas dois quadros, são irá remover o preenchimento. Eu moverei o perdão para ambos. E agora vou criar um único quadro que irá conter dois é e textos, título e descrição. Na verdade, eu posso criar um componente agora e o quadro será criado automaticamente. Então eu apenas crio um componente a partir deles e eu vou nomeá-lo. Texto, Bumble, nosso K. Agora só tenho que editar a frase. Vou adicionar layout automático. E agora vamos reduzir essa distância para saber para o intermediário deles. Eu vou sentir isso. Vou acrescentar perdão? Centralize esses elementos certificados em todos digamos 30. Vou mandar em torno das esquinas para 30. E para o nosso modelo parece bom. Então, quando criamos Cij Bíblias, elas ficam muito melhores porque são os elementos únicos. E se mudarmos algum texto, estas bolhas de tanques ficam bem. Não importa o que aconteça, na verdade nós mudamos. Ok, vamos passar para o centro disto por mais tempo a partir daqui. Ok. Deixe-o estar no canto. Oh, ok. E vamos definir seu fundo para semitransparente, definido para 75. E vamos definir restrições a este termo, topo e centro. Ok? E eu copio colar punhais Bumble até aqui. Ok? Farei com que esteja aqui. E usarei restrição à esquerda e ao centro verticalmente. Agora quero que a garota esteja na frente. E a bolha de texto. Agora ele pertence e é bom. E como você provavelmente entende, se eu adicionar algumas linhas de texto e minha manchete, entender que não vai daqui porque eu toquei no componente e eu deveria definir e texto aqui. Então, como você vê os problemas de texto, olha, ok, eu só tenho que me mover e ir. E estes queimadores para estar no topo do tanque bumble. Então, na verdade, você pode criar componentes como este. Mas eu sugiro fazer lago aqui em exemplo, ter componentes separados para as bolhas porque quando criarmos violência de diferentes formas, agora, vamos usar a mesma manchete e a mesma descrição, mas vamos usar várias bolhas de texto que vamos usá-los. Podemos vê-lo aqui mesmo. Então você pode ver diferentes textos bolhas como estas e assim e assim. E eles, eu sou feito de componentes de texto único. Então é melhor fazer como eu fiz aqui e o exemplo ou em outras alas. E vamos repetir, vou copiar este texto. Nomeie seu comprimento. Estes. Mova-o para cá. Agora eu vou fazer este componente de texto. Agora eu copio colar este texto. Vou movê-lo para cá. E eu vou dizer e torná-lo componente. Agora, eu faço uma duplicata do componente e cole-o na minha bolha. E eu removo este texto. Agora, eu dupliquei minha manchete. Eu me movo e copio este bumble e o anterior. Ok? Então agora eu tenho dois componentes separados que eu usei no meu balão de texto. Eu só tenho que aplicar layout externo. Não sei por que foi quebrado por alguma razão. Ok. Entenda. Tenho que aplicar o layout automático aqui. Então, como você se lembra, eu disse, uh, quando você cria um texto que será usado em outro lugar, é sempre uma boa solução aplicar layout automático a este texto. Então, como você vê bem aqui, quando eu estava fazendo para trás e para frente, eu esqueci de arar para o layout para esta camada. Então agora eu tenho o texto deste tamanho e minha moldura desses lados. É por isso que quando eu adiciono outra linha a este texto, ela não afeta meu balão de texto porque o balão de texto usa layout automático para o quadro, não para o texto dentro dele. Então, a solução muito simples é apenas adicionar layout automático ao meu quadro. Então, esse quadro se tornará maior. E dois serão do mesmo tamanho que o texto e tudo vai correr bem na minha bolha de texto. Certo, então aqui estamos. E a nossa vai aplicar o layout automático às minhas descrições. Bem, na verdade é aplicado. Então, quando eu estava mudando, por alguma razão, eu quebrei o layout automático na minha manchete. Então agora eu posso chamar esta linha vermelha novamente e eu posso descrever já. Então nós fizemos isso com um longo caminho, mas agora nós entendemos a diferença de várias abordagens de criar e este texto bolhas você pode usar objetos criados anteriormente, barras previamente criadas. Você pode separá-los e fazer cópias ou você pode fazer tudo do zero como eu fiz aqui no exemplo. E de qualquer forma, você criará suas bolhas de texto e não se esqueça de usar o layout automático. E neste caso, você vai ficar bem. Então é isso com o uso de texto em nosso bônus. E vamos passar para a próxima lição. 36. 7.7 banner inteiro: Vamos finalmente criar todos os nossos banners usando todas essas empresas que criamos antes. Então vamos aqui e vamos criar cinco banners diferentes para diferentes sistemas de publicidade. O primeiro é seiscentos e seiscentos. Vamos preenchê-lo. Ok. O segundo é 798 por nove vezes GA. Outro é 970 por 251 mais, 160 por seiscentos e duzentos, quarenta por 400. Certo, então temos 51 nós. Vamos enchê-los com alguma coisa. Vamos criar um plano de fundo. Como podem ver, a maior dimensão destes banners é 970. Então vamos criar um fundo de digamos, 1000 por 1000. Então 1000 por 1000. Vamos preenchê-lo. E vamos adicionar uma imagem. Vou copiar colar uma imagem a partir destes moldura. Eu já tenho, e vou colá-lo aqui. Então, como você entende, é melhor ter o grande, uma grande fonte de seus antecedentes, para ter a boa qualidade. Rk. E eu vou criar um componente a partir deste quadro. Ok? E clique em OK, e vamos dar o nome de tinta. Agora, eu copiar colado e colocar sua cópia no meu menos a. fez aqui. Na verdade, eu tenho que renomear todos esses banners porque eu não sei qual deles é alcançado. E eu vou fazer isso. E isto é provavelmente 600 por 600. Oh, ok. Agora eu vou enviar, vai mover este fundo para esta camada. Vou mover este fundo para estas camadas. E agora posso escalá-lo. Por exemplo. Estes k copiar colá-lo e colá-lo no próximo corredor. E eu vou escalá-lo também. Ok. Ok, então agora eu tenho todos os queimadores cheios de fundo. Agora eu crio bolhas de texto. Vou criar dois textos e fazer as coisas borbulharem a partir deles. Este, eu fiz, este aqui. Agora vou torná-lo um componente e torná-lo componente. Agora eu criar um componente de Io, copiar colá-los porque eu quero que esses componentes para ser como sentença. E eu me pergunto isso para ser um componente da bolha de texto. Vai parecer com estes. Anúncio do layout. Vou adicionar um pouco de preenchimento. Vou adicionar alguma parte, alguns cantos e alguns encadernação. Ok. E eu vou no centro. Os elementos de R enviarão isto para 75 novamente. E pelo que vejo, coloquei botões aqui porque quero que apareçam no meu Barnabas como se fossem esses problemas. Então é por isso que eu vou criar o botão direito barbel agora. E então eu vou colá-lo em meus bumbles. Então eu vou, ok, eu vou criar botão. Aqui. É. Como você pode entender, isso é texto. Ok. Vou criá-lo do zero para mostrar a você. Ok, a corda SHE agora criou um texto e tornando-o branco. Agora eu posso criar componente a partir dele agora. Então essas notas emolduram em torno das minhas mensagens. Não foi educado. Ok. É aplicado. Agora eu adiciono auto-layout e alguns ruim em. Eu coloquei um pouco de cor verde. Eu adiciono acidente vascular cerebral. Vamos definir para talvez cinco. E vamos definir o traço para branco. Ok, agora vamos fazer uma curva redonda, provavelmente algo como este. Temos k e temos que adicionar mais na ciência. Principalmente era 40. Parece um número semelhante, acho que vai mais largo. Provavelmente foram seis pixels. Ok, então agora eu tenho o meu botão “Comprar agora”. Posso remover este. Então eu tenho duas mensagens. Eu tenho botão e eu vou colar botão nestes tanques, a Bíblia. Ok, In vai lá porque eu tenho layout automático. Talvez eu use menos espaço para torná-lo não tão grande. E acho que agora está tudo bem. Mas eu quero criar vários e bumbles. Então eu dupliquei este. Ok, e eu morri folha. Agora eu torná-lo vertical e criar um componente e ganho. Então eu vou nomeá-lo vertical. E eu chamo isso de uma telha de mármore. Agora, vamos, com base nisso choques nas minhas bandeiras. Incorporo este e colo-o aqui. Torná-lo menor, assim. E duplicar. E eu vou colocá-lo aqui. Esta Barna. E não se esqueça de definir restrições. Por aqui. E aqui, eu disse para o centro. E provavelmente eu posso colar estes bumble nestes Boehner. Vou torná-lo menor. E usarei o Bumble. Estas bandeiras de túmulo. Vou usar uma versão horizontal. Mm-hm. Ok. Eu coloquei esta bolha de texto. Deveria, não deveria estar acima. É no que eu coloquei esta bolha de texto na banda, nesta faixa vertical. Então é por isso que eu não vejo isso aqui. Eu coloquei no lugar errado, então eu vou puxá-lo e colocar bem aqui. Ok, então agora está visível. E a outra coisa que podemos usar aqui é e então eu sei que vou colocar uma garota e na verdade eu não tenho espaço para ela aqui. Então, neste caso, eu posso tornar o botão visível e enviar o texto aqui. E eu posso copiar e colar o botão diretamente no meu banner novamente para estar fora da bolha de texto. Ou torná-lo menor e deixá-lo aqui, por exemplo. E agora vamos visualizar esses banners em pixel. Pré-visualização. Eu disse um x e defina a escala para 100. Então é assim que esses banners vão parecer. Depois de baixá-los. Estou, estou bem com todos esses banners, exceto este. Eu acho que isso é dois pixels. O texto não é legível. E é por isso que eu quero criar uma bolha de texto separada para este banner. E eu vou usá-lo em um banners muito verticais. Copie, cole estes. Eu separo-o. E eu vou mudar o texto. Então eu vou fazer o texto vertical. E eu vou fazer cada palavra da próxima linha aqui. E provavelmente algo assim aqui. Alguns pecados, isso e eu vamos fazer este botão um pouco menor, k. e agora eu faço este componente bumble, e eu vou chamá-lo de muito vertical. Ok, agora eu copio e vou para o meu Varner. Pegou colá-lo aqui. Então, como você vê, isso parece muito melhor. O texto é legível membro não perfeito, mas legível o suficiente para os nossos propósitos. Então eu apaguei essa coisa está borbulhada do banner. Aviso muito importante é que uma vez que mudamos, mudamos o texto no título e a descrição a partir deste ponto, se eu mudar o texto aqui em meus componentes, ele não será afetado aqui. Então eu Este texto, e como você vê, ele foi adicionado a estes dois mármores e não foi adicionado aqui porque eu mudei este texto antes. Então, se eu quiser adicionar essas palavras a este texto, eu tenho que fazê-lo manualmente aqui mesmo. Agora, eu o trago de volta. Certo, do que mais precisamos? Precisamos colar uma garota ou um item. Então eu vou copiar colar para isso. Certamente eu vou copiar colar não esses componentes e convidar, Eu tenho uma corrente inversor que criamos aqui. É. É por aqui, sim. Não, é. Sim, por aqui, certo? E pessoa aqui. Eu separo-o. E eu crio um novo componente a partir desta matriz. Ok, agora eu, eu vou colar e imagem de menina nele. Copio-o e colo-o aqui e torno-o visível. Temporário e o preenchimento. Agora, vou seguir em frente. A rapariga contou-lhes. Ok. Acho que está tudo bem. E eu a faço maior. K. Agora eu removo o sentimento e torná-lo invisível. Então este é o nosso componente que podemos usar, nossos banners. Sendo um menor, bem duplicado e colar onde quisermos. E K, eu vou colocá-lo lá. Mas, como vê, esta não é uma boa qualidade. Ela vai vai para estes queimadores. E eu disse restrições para este curso também. Vou colocar isso aqui. Aqui. Vamos definir o centro e bem aqui. E aqui mesmo com Martin e no centro. Ok, e nós fizemos por último e enfiá-lo no fundo. Este é o fundo também. Ok, então agora nós temos majors tudo para fora. Tamanhos. Temos que colar logger em nosso bônus também. Então eu vou copiar colar estes também, já criou e a lição anterior. Então eu vou usar apenas oito. Eu desanexar esta instância criar componente a partir dele novamente. E como você se lembra, isso é que nós estamos até que o logotipo foi criado, uma curva curva. Então eu adiciono este madeireiro ao meu baixo. Normalmente, colamos o registrador em tamanho pequeno, mas para fazê-lo corretamente, é melhor usar 100 Zoom e Pixel Preview. Neste caso, quando não tende se o logger é legível, porque às vezes criamos dois pequenos loggers e eles não são legíveis em tamanhos pequenos. Então é por isso que ainda ao vivo Pixel Preview ativado. E K vai torná-lo menor e eu vou mover este aqui. Aqui. Eu movo a garota. Acho que está tudo bem. Bem, isso é baseado em todos esses queimadores. Nós somos levados smoothies vagueiam um pouco. Estes pequenos espaços. lado esquerdo era um pixel. Então eu colei madeireiro em tudo. A minha mãe. Na verdade, temos que fazer upload para nossos sistemas de publicidade. Se você quiser. Você pode simplesmente selecionar todos eles. E deve estar dentro, porque se você fizer isso no centro ou fora, mudará o tamanho dos banners. E quando você os carrega para o Google, Facebook e outras plataformas de publicidade, você receberá um erro. Então vamos defini-la para quatro pixels, e vamos definir uma cor, por exemplo, para a nossa cor roxa. Agora temos a nossa banda no rádio. E só para ter que verificar o nome mais longo é movê-los. 12 pixels. Porque estou mais velho agora. E não contamos quando colamos nossos logotipos. Então agora eu acho que temos estão prontos para baixar queimadores zona como 100%. E eu acho que eles são. Ok. E como você entende e acaricia isso, por alguma razão, vamos movê-lo. Eu adicionei este traço a estas molduras porque não está nestes queimadores, então eu tenho que movê-lo para cá. Agora está lá dentro, está bem? Porque se deixarmos algum quadro fora do Varna e tentarmos exportar todos esses arquivos. Neste caso, o quadro da banda e o quadro da menina seriam explorados por vários arquivos separados. E nós não queremos isso e eu quero mover isso por mais tempo e um pouco também. Ok. Eu não selecionei um registrador, selecione e apenas uma imagem. Ok. Agora acho que estamos bem. E agora eu posso selecionar todos esses banners que eu criei e exportá-los para especialistas. Tenho de clicar nisto. E posso exportar isto com este botão agora. E se eu quiser, eu posso adicionar algum sufixo, e que será adicionado ao final dos nomes dos arquivos. Normalmente coloco uma versão dos meus celeiros. Porque quando você cria muitos banners, você terá muitos deles e com, com o tempo, será difícil orientar entre eles. E neste caso, eu termino esta versão um, versão dois, e será adicionado a todos os banners. Posso escolher entre diferentes formatos. Realmente usar ser GIF ou JPEG. E você pode exportar seus arquivos. Ok, então nós realmente criamos nossos primeiros banners, e agora vamos seguir em frente e ver o que mais podemos fazer para tornar nosso trabalho melhor, rápido e mais eficiente. 37. Painel de controle 7.8: Vamos deixar nossos arquivos mais bonitos porque adicionamos muitos componentes e eles não ficam bem. Às vezes. Por exemplo, nós os adicionamos aqui e agora está uma bagunça. E podemos criar alguns painéis de controle bonitos e lógicos como este. E quando você olha para ele, você entende que este é um promontório, esta é uma descrição e assim por diante. Então, para fazer isso, vamos usar componentes e layouts externos também. Na verdade, o vamos apenas duplicar todos os nossos componentes e colocá-los dentro de tais quadros com os títulos de cada ponto. Então vamos criar o primeiro. Vou criar o primeiro e ver como fica. Eu vou criar e ser quadro e k para ser algo como estes, vai senti-lo. E agora eu copiar colar meu componente terra k, e eu vou aplicar auto-layout para este quadro. Vou enviar isto para perdoar, para 30. Vou enviar isto. E eu vou adicionar um pouco de texto. Afastem-se no chão. E eu vou terminar este texto em, ok, neste quadro. Então, como você vê, isso não vai do jeito que queremos, então vamos mudar a direção do layout automático. Agora, vou adicionar estes separadores. É só uma linha. Eu crio uma linha, eu a defino como 0, eu a defino. E agora tom, talvez 10, talvez oito pixels devem ser provavelmente algo como isso. Vou adicionar um pouco de cor a ele. Bem, vou usar este aqui. Está bem. Eu sou bom com isso. E eu colá-lo nesta moldura também. Agora, eu disse a distância entre os objetos para nomear antes, principalmente 15. Sim, estou vendendo isso. E mais uma coisa com esta linha, eu quero oito para estar por perto e K assim. E agora eu vou apenas mudar a cor de preenchimento. Torná-lo amarelo, talvez 20 por cento, algo assim. Está bem. E vou adicionar alguns cantos arredondados. Então, e eu vou mudar sua cor são as mesmas que em direção à linha. E mude essa cor. Aqui estamos agora, vou criar esses componentes para todos os nossos forames de todos os nossos componentes k duplicados. Agora eu vou apagar o fundo e eu vou basear meu sinal de manchete lá. Vou torná-lo componente. Então eu desanexá-lo primeiro e, em seguida, fazer componente de TI. Uso teclas de atalho para fazer isso rápido. Está bem. Vou definir todos os antecedentes para estas Carolina. 15 por cento. Está bem. Como este. Os pulmões são melhores do que isso. Coluna amarela, conjunto e fundo. E eu vou escrever e encaminhar. Está bem. Agora eu morro trapaceando e faço armas competentes. E eu escreverei: Entrar e morrer. Corrupção. Em seguida, defina para um item. E como você vê, há este retângulo tracejado em torno da imagem. E isso criará tal também, digamos um também. Eu posso usar este. Copiar, colá-lo. Ok, e estes, eu vou copiar este texto. Ok, agora eu quero adicionar quadro tracejado de sobretensão para entender onde, onde estão as bordas do meu item ou componente de pessoa para componente. Novamente, como faço isso? Eu sei que o tamanho deste componente é 600 por 600. Então eu vou apenas adicionar outro quadro e colocá-lo acima disso e fazer as fronteiras. Então eu tenho que criar um quadro, seiscentos e seiscentos. Ok, e agora vou adicionar um derrame. Diga, vire. Vou mudar a cor. Um. E eu vou traços. longo prazo. Sim, algo assim. E usarei esta configuração lá fora. Então isso significa que eu tenho meu retângulo, 600 por 600 dentro dessas bordas, então ele não cobre nenhuma parte da imagem original. Mas se eu colar este retângulo neste quadro, ele vai, Ele não vai estar no topo da imagem porque realmente poderia, mas neste caso, ele deveria estar, ele estaria dentro do próprio quadro da imagem. Então nós fazemos, ele apareceria e o equilíbrio apareceria, o equilíbrio. Em outro caso, temos isso. Então agora não queremos nenhum desses comportamentos. Na verdade, podemos colocá-lo no quadro com o item número um fazendo isso, e então movê-lo aqui para encontrar o centro. Como este. Mas como você entende, se eu usar esse componente de clipe, não vejo a borda. Agora mesmo. Ele corta o conteúdo. Se eu desmarcar, o corpo fica visível. E se eu colar esta moldura em algum lugar em Varna, ela aparece com uma borda. Então é por isso que eu tenho que criar outro quadro que irá conter tanto borda eo item. Então. Eu crio outro quadro, 600 por 600 K. E eu vou colocar este quadro com vaguear sobre eles e movê-lo assim. Desmarque esta opção. Agora, eu mudo uma pessoa para cá. Faça isso. São assim, sim. E agora temos este quadro e podemos movê-lo e arrastá-lo para o nosso menu assim. Ok, então aqui estamos nós. Então agora temos nosso item como não fomos formados como tínhamos antes, e teremos uma borda tracejada e nada está quebrado. Então, mais uma vez, criei um componente para um item ou pessoa. E então eu criei um quadro separado com uma borda em torno destes 600 por 600 quadrados. E coloquei ambas as camadas em outro quadro. E coloquei esta moldura nesses controles. Então, neste caso, eu vejo esses belos cardápio e isso é muito demonstrar IV. Então vou adicionar mais alguns controles, um por mais tempo. E agora o botão. Ok, vamos colocar um logotipo aqui. Vamos fazer isso mais uma vez. Então eu tenho um logotipo horizontal. Eu coloquei aqui. Então eu sei. E cada 400 por 100, adiciono outro quadro para 100. 100. Está bem. Acrescento um derrame. Um dia ele estava antes, não me lembro. Talvez eu esteja mentindo estes eu uso esta opção fora e eu mudar a cor para este. Sim. Eu adiciono um pouco de branco como meus cursos. Vou adicionar alguns cantos arredondados aqui também. Agora vou mover esta moldura, aquela. Está bem? Agora os pés, agora eles combinam. E agora eu seleciono os dois. E nossa seleção de mira, eu posso duelar isso. Então agora eu tenho estes moldura que contém o nosso madeireiro. Vou torná-lo componente e o quadro com uma borda. Para que eu possa colocar isso no meu controle. Então, como você vê, esta linha não está no lugar. Eu posso selecioná-lo e pressionar seta para cima no meu Camboja e em vai assim. Você pode usar isso nos quadros e onde você, onde você usa o layout automático. Então, é muito útil. Ok, e nós temos botão, eu vou copiar botão colar, criar um novo, torná-lo que eu deve torná-lo um componente e colá-los aqui. E eu vou pressionar e seta para baixo. Certo, temos um botão. Então, na verdade, temos nossos, todos, nossos controles. E agora vou selecionar todos esses componentes e enquadrar essa seleção. Vou tornar visível a nossa vontade e disposição exterior. Agora, este é um organizado entre corretamente. Vou enviar isto, digamos a um T e vou adicionar um pouco de estofamento a talvez 100. Vamos fazer menos, talvez para 60. Está bem. Acho que está tudo bem. E se quisermos novamente definir o terreno de bug para todo esse bloco para alguma imagem, neste caso, teremos que vender essas opções de imagem. E então eu vou ter que escolher uma imagem, por exemplo, vamos usar esta. E há algumas opções aqui. Podemos colocar isto 100 ou até 100 por cento. Então, vai ficar assim. Está bem. Há uma coisa que eu não gosto aqui agora é que todas essas formas, essa atenção aba desses elementos e o texto não é legível tão bem. Então, o que podemos fazer? Eu fiz isso aqui e o exemplo, podemos adicionar borrão a esses elementos. Então eu tenho que selecionar todos os quadros dentro dele, seu quadro 96. Eu seleciono todos esses controles. E agora adiciono um efeito no rés-do-chão. E eu defini para, digamos, 25 e apenas adicionei uma perda. Então agora parece um copo e todos os textos são legíveis. O Prader? Bem, mais uma coisa. Quando criamos nossos componentes para textos, sabemos que os usaremos para bolhas de texto no futuro. Então é por isso que vamos criar as tags bolhas. Eu quero criá-los agora nós já fizemos isso várias vezes, três deles. Bem, os idosos neste texto, não é que nós queríamos e ir embora. E agora vamos imaginar que acabamos de criar essas bolhas de nossos componentes. Então, neste caso, vou enquadrar esta seleção e fazer outro painel de controle para eles usando totalmente fora usando e usando preenchimento. Digamos que usaremos algum gradiente. Vamos cobrir esses plug-ins mais tarde. Agora, vamos deixar assim. Então este é um painel de controle separado onde temos algumas empresas que usam e outros componentes como componentes aninhados. Porque quando vamos criar Varnas tarde, é melhor ter todos esses textos bíblicos em um só lugar. É fácil de navegar. E, por exemplo, se entendermos que não temos frame, um componente, uma bolha de texto para alguns, para alguns de nossos banners, podemos criá-lo aqui mesmo. E sabemos que isso vai acontecer aqui, por exemplo, queremos, não sei, combinar esses elementos com uma maneira diferente. Por exemplo, queremos combinar botão e descrição e torná-los separados. Eu tenho que separar esta bolha de texto no início. Agora eu quero selecionar sobre e descrição. Eu emoldurei esta seleção e eu crio layout externo para eles e eu torná-lo horizontal. Por exemplo, eu quero esses textos barbel, Eu vou nomeá-lo não é bumble. Horizontal para eu não sei. E fazer empresa de TI. Então, neste caso, eu tenho outra Bíblia tanques e eu sei onde ela está e sei onde copiá-lo e tudo está bem. Claro, se eu usar este mármore de uma bicamada, mudou, é ruim em eu vou adicionar mais preenchimento para os lados. Mesmo agora não parece tão bom. Mas, por exemplo, eu quero que um texto aqui seja assim. E agora, como você vê, parece OK e você pode usar essa bolha em seu bônus. Então, vamos revisar toda a seção. Se queremos criar banners, temos que saber quais componentes usaremos para isso. Para eles. Vamos usar botões Quem vai usar textos, bolhas e imagens de fundo. Imagens com pessoas, com objetos, com nossos bens ou algo assim. E combinamos todos esses objetos em componentes, então é uma boa prática colocar todos esses componentes em controles, em algum painel de controle. E como fizemos com esses menos do que e depois disso, vamos usar os componentes criar e nosso viés neste caso. E no final, temos todos esses componentes em um só lugar. Podemos mudar algo aqui e podemos criar um monte de banners lá e tudo está claro. Então esta é uma boa prática para você. Espero que você goste e você vai usá-lo. 38. Introdução 8.1 no Google Banners: E finalmente foi movido para o viés do Google. E nesta seção vamos aprender como criá-los, como criar anúncios de exibição do Google, como criar anúncios de exibição responsivos do Google quer fazer Firenze, como dois deles. Aprenderemos como evitar 20% do texto em sua limitação de banners. Como criar verticais, bananas murmuradas. Como realizar testes A B em sua rede sem fio diferente. Então vamos ver como criar banners do Google na prática. 39. 8.2 anúncios de exibição no Google AKA Banners: Saldo do Google, conhecido como anúncios de exibição do Google. Vamos ver como criar um monte de equilíbrio usando nosso conhecimento. Então, no início, vamos criar um painel de controle para usar todos esses componentes em nossos banners. Will já fez isso antes. Então queremos uma repetição, vamos apenas usar este painel de controle que eu criei antes. E vamos usar todos esses componentes nesses bônus. Então vamos começar a criar um A-menos e baixa vaca em ONGs. Temos 23 formatos diferentes aqui e vamos criar todos eles. Então, para fazer, estes farão muitos retângulos de todo o tamanho necessário. Podemos criar a Magnolia ou um após o outro usando Frame Tool. Comece e termine com 200 por 200. E mais do que de um para outro. Mas para torná-lo mais simples, criei quadros predefinidos e a página da biblioteca, e vou copiá-los e colar em nossa área de trabalho aqui. Então eu k Agora temos todos esses 23 formatos, em seguida, nomeados de acordo com seus tamanhos. Então podemos criar o nosso menos. Certo, e primeiro vamos adicionar o fundo. Irá conferir um componente e copiar este componente para a nossa linguagem. Agora temos todos os banners campo com o nosso fundo. E vamos acrescentar outra coisa. Vamos começar com. Vamos começar com mais tempo. Isso é mais longo para responsivo como quando estes um mais longo ou nossos anúncios de exibição regulares para nossos parceiros. E isso é colar. Então, agora terminamos com o mais longo e criaremos pré-visualização do mundo real esses logotipos para ver se eles parecem bem em nosso 100% para escalar com a visualização de pixels. Então, digamos 100%. E eu virei rosa uma prévia. E vamos olhar para todos os nossos formatos deste trabalho aqui. Vamos começar com o menor. Na verdade, há logger não flui bem, mas talvez seja sob o significado legal. Então, provavelmente este é o menor tamanho que podemos usar sem perder qualidade, será 24 altura pixel. Então provavelmente temos que remover esses logotipos desses dois corredores porque se eu colar essas variantes, leva muito espaço. Nós não temos lugar para nossas tags Word, Baumol ou imagem. Então eu removo este mais longo desses banners e vamos olhar para outros formatos. Este também é muito pequeno, mas terei espaço suficiente e estes banners. E provavelmente temos espaço suficiente e esses menores. Então eu vou apenas fazer essas linguagens longas. E eu vou pensar quando bom com todas essas lhamas, talvez esses dois pequenos também, então eu os substituo por estarmos sozinhos nós. Certo, apague. Ok, agora temos todos os logotipos e seus lugares e podemos adicionar nossas bolhas de texto. Eu terminei madeireiros primeiro porque eu quero saber onde meu logotipo está antes de eu colar bolha de texto ali. Será mais rápido. Oh, isso sim, parece bom em 100%, o texto é pequeno. Não é tão humor talvez em pixels Slido. Então vamos tentar fazer a fonte ou menos negrito definido para wrangler e ver o que acontece em 100%. Ainda não é muito ágil o suficiente, então vamos adicionar alguma confiança de qualidade. A minha ambulância tornou-a preta. Ok. É mais conhecido, mas ainda não é confiável o suficiente. Certo, neste caso podemos reduzir um pouco. Então vamos deixar esta maneira com em tags LI, bumble sem imagem. E porque a mãe mais pequena não é legível. Ok, aqui está. E usarei símbolos diferentes para outro Banos. Mármore vertical. Para proprietários de barras verticais, existem três deles. Este, este. Este. Vamos adicionar nossos murmúrios horizontais à nossa horizontal. Formatos. Vou cavar estes primeiro e usá-los em três formatos. Na verdade, está em quatro deles. Oh, ok. E agora vamos e o verbal mais horizontal disse o resto dos formatos ajuda. Vou copiar estes, obrigado, murmúrio horizontal e colá-lo nas fórmulas. E como você vê, esses bumbles são grandes demais para esses formatos móveis. Então eu vou deixar apenas texto sem Martin ou K. Eu vou viver na manchete e um botão, e eu vou fazer a descrição invisível. Neste caso. Tenho espaço para esta Bíblia. Em outro caso, o proprietário uma variável e realmente decidiu remover este logger, bem como porque será melhor sem ele. E podemos centralizar nossa bolha de agradecimento e parece bem. Então, abaixe as etiquetas, Bíblias, e vamos para a nossa jovem garota. E então teremos que encontrar o nome do item oito pessoas componente e colá-lo em todos os formatos, exceto alguns deles que decidimos viver sem essa pessoa. Certo. E agora acabamos com a base 10 pessoa para a nossa loucura. E, na verdade, estamos prontos e podemos baixar todos esses banners e enviá-los para anúncios do Google. E vamos rever tudo. Mais uma vez. Eu disse 100% escala e olha, se tudo parece bem. Ok, os madeireiros pequena área azul, mesmo agora, mas eu acho que está tudo bem. E podemos colocar esses banners em anúncios do Google. E provavelmente pessoas, entenderemos o que queremos. Talvez eu faça esses biomarcadores e estar por perto porque o texto é muito pequeno. Normalmente eu tentei deixar mais espaço entre as bordas e o mármore, mas o texto é realmente pequeno, então vamos ocupar todo o espaço que temos. Mas não ficaremos legíveis menos, certo? Então parece que tudo é legível. E agora mais uma coisa é estabelecer restrições para o futuro. E porque criamos um modelo e não queremos gastar tanto tempo toda vez que queremos criar esses banners e criamos esse modelo, então mudamos algo e obtemos uma nova versão desses banners. Então, para que funcione, teremos que definir restrições para todas as nossas tags, bolhas e para toda a nossa imagem. E os nossos componentes. Na verdade, os componentes da imagem não são tão importantes. E porque se você basear tudo corretamente aqui no componente, e se seus cursos não excederem nada, tudo ficará bem, exceto etiquetas, Bíblias e definitivamente mudará sua posição se não usarmos nossas restrições. Então lente e vá aqui e defina nossas restrições. Será mais tempo Center. Isto não vai ser o topo do centro. Isso vai levar o topo do centro também. Este é o máximo e viaja por aí. E então nós vamos, nós seremos tão K, Estes serão altos. E estes serão pum, pum, pum, centro esquerdo. Estes serão o centro esquerdo também. Estes serão à esquerda no centro também. Na verdade, podemos fazer 25 e ser assim é. Estes serão no topo do centro. Está no centro? Sim. Centro de drogas. Centro superior, centro superior. Então, todos os formatos verticais têm alinhamento no centro superior porque queremos que este bumbles inveje este centro verticalmente. Se adicionarmos Sansão e esses banners, e geralmente usamos centro-esquerdo ou centavo direito. Então aqui é a esquerda, o centro, aqui é de um homem centro esquerdo, centro direito. Estes serão à esquerda no centro. Então eu estou apenas olhando para um que elementos eu não quero sobrepor com o meu texto Baumol. Por exemplo, nessas imagens, eu não quero que a garota seja sobreposta com a bolha de texto. É por isso que eu disse, restrição certa. Isto significa que se eu mudar algum texto, este espaço entre a borda do quadro e a borda da Bíblia permanecerá o mesmo. E neste caso, se eu adicionar algum texto, MyText bumble vai para a esquerda e ele quer sobrepor a menina. Então é por isso que eu uso essas restrições e esses casos e há nota tão grande diferença, mas vamos dizer que vem direto da esquerda e porque é mais perto da cerveja do que das meninas, então não queremos que ela mexa com cerveja. K destes não vão desviar-se. Enviado à esquerda. Isto é deixado enviado. Isso será feito, diga a grande diferença, vamos definir, tudo bem, centro. E vai provavelmente do que menina. Se estamos sobrepondo garota, não vai parecer tão bom. Mas se sobrepusermos com um logotipo, o logotipo será completamente ilegível. Então mudei de ideia e coloquei para o centro esquerdo. Ok. Envio-os para a esquerda, o mesmo terror também. E estes dois à esquerda também. Ok, e meus pequenos formatos, eles também terão um lado esquerdo. Ok. Estes disseram tipo de estranho para deixar Papai Noel e estes terão porque Jains centro, centro. Oh, ok. Então agora estabelecemos todas as restrições para os nossos textos, e esses mineiros, Luke Perene K, para carregá-los. Há mais uma coisa que podemos fazer. Podemos adicionar um pouco de água a estes banners. E, na verdade, há algum vaguear por aqui, mas podemos configurá-lo para 20 pixels e torná-lo. Ok. Vou torná-lo roxo. É isso? Sim, é a mesma coisa. Então criamos um Warner's. Vamos torná-lo um pouco transparente. Certo, e defina para três a quatro pixels. Assim, o corpo é claramente visível em todos os formatos. E podemos usar esses marinheiros. Está tudo bem aqui? Não tão ruim. Eu acho que é. Ok. E vamos exportar todos esses quadros e pressionar o botão X. E digamos que os reproduz para esta pasta e pressione Salvar. Mas Figma me disse que eu tenho Varnas com esses nomes já nessa pasta. Então vamos fingir que esta é a minha segunda versão dos nossos arquivos. Tudo vamos realmente torná-lo a segunda versão, Vamos mudar alguma coisa. Aqui. Por exemplo, eu quero mudar minha manchete. Quero escrever instrumento musical BI Premium. Bem, essa é a visão deles dos queimadores. Como eu disse, quando eu criei esses decks, bolha um mudou um texto para ser vertical. E é por isso que o texto não mudou nessas bolas de gude. Então eu tenho que mudá-lo manualmente. Eu vou para as minhas etiquetas e bumbles e eu estou procurando por este aqui. E eu vou mudar o maléolo texto, então vamos escrever BI, instrumentos musicais Premium de k. agora vamos revisá-los bônus mais uma vez. Certo, então acho que estamos bem. A única coisa é que, como vejo, nossa fronteira sobrepõe o madeireiro. Então eu quero que um madeireiro tenha um pouco mais de espaçamento à esquerda. Então eu vou criá-lo e ir para o meu componente logotipo. E eu vou fazer o filme um pouco menor. E eu vou colocá-lo mais para a direita. Certo, acho que vai ficar tudo bem. E agora vamos obter o vetor R1 por outros. E agora vejo que minhas bordas não se sobrepõem ao logotipo. Então eu sou bom com esses banners. E vamos exportá-los. E esta é a segunda versão dos meus menores. Então eu vou adicionar este sufixo ops V2 e exportar. Eu exporto esse saldo para a mesma pasta que era antes para este exemplo. Mas geralmente eu crio pastas separadas, uma pasta para a versão 1, uma pasta para a versão 2 e assim por diante. Mas este exemplo é salvar todos esses arquivos, escreva-os. E como eu disse antes, se eu criar versões diferentes dos meus banners, eu crio arquivos Figma separados. Neste caso, terei arquivos diferentes dos meus banners na minha biblioteca. E posso sempre voltar e ver o que criei antes. E posso reutilizá-lo, mudar ou duplicar. E agora eu crio uma duplicata da minha pilha. É bem grande. É por isso que leva algum tempo para duplicá-lo e você tem que esperar por um tempo. Ok. Então diz Copia e se fosse um arquivo com meu bônus, eu chamaria de v2. Diria que corredores para o Google para algum projeto, versão dois. Portanto, depende de você como nomear seus arquivos. Então isso é comer com o nosso bônus do Google. Nós criamos todos eles. E na próxima lição, veremos como usar algumas dicas em alguns dos formatos. E então veremos a resposta dos anúncios de exibição para o Google. 40. Dicas de 8.3 banners verticais: Deep para bônus vertical. Nós já fizemos uma bolhas de textos especiais para eles com cada palavra de uma nova linha. Então essas bolhas lentas, olhem para verticais quatro meses porque podemos torná-las maiores. Há outras profundezas. Por exemplo, se você tiver muito espaço livre em suas barras verticais, você pode duplicar item ou pessoa e torná-lo maior e semitransparente. Neste caso, parecerá tipo de reflexão do seu item e às vezes parece bom. Deixe-me mostrar isso a vocês. Na verdade, isso é feito neste exemplo. Então parece assim, como um tipo de reflexão. E para fazer isso você só tem que duplicar sua camada de item pessoal, pegar o que está por trás, torná-lo assim ou mesmo veia. E há uma pessoa. Ok? Vamos colocá-lo assim e fazê-lo, digamos 25 ou 35, algo assim. Então estes adicionam alguma dinâmica a estes banners e eles não parecem que agora há muito espaço livre e nós não sabíamos como preenchê-lo. E vamos ver como funciona com outro. Por exemplo, o telefone principal. Para um fone de ouvido, provavelmente queremos que ele seja menos transparente assim. Ok, então funciona bem, mas com o fone de ouvido e há muito espaço no centro, provavelmente queremos movê-los um pouco, algo assim. Na verdade, eu posso fazer o mesmo com alguns formatos horizontais ou, mas geralmente eles estão mais ocupados com o conteúdo. E esses espaços de períodos aparecem no equilíbrio vertical. Certo, vamos colocar nossa garota de volta para os queimadores. Ok. Há um nonce e vá, vamos ver. Esta é outra imagem. E como eu disse antes, você pode apostar, excluir essas imagens não utilizadas de seus componentes. Se você tiver apenas um arquivo para um único conjunto de banners para uma única versão e sempre substituí-los. Porque quando você adiciona imagens invisíveis, torna-as invisíveis. Eles ainda são processados pela Figma. Isso atrasa seu arquivo. E no nosso caso, deixei-os cair para te mostrar como isto funciona. Ok, então, e há mais uma dica para bônus radical. Às vezes, os botões sobre eles olhar muito pequeno, como sobre estes ganhou o caso. Você só pode mover o botão do exemplo de bolha de texto, colocá-lo separadamente. E eu vou centrá-lo. E eu vou fazer como estes pequenos menores assim. E eu faço o botão visível nisso. Então parece bom, mas o botão está sendo quando seu relógio você esteve em uma escala de 100 por cento. Então você pode fazer o mesmo com alguns desses bônus. Então, estas são algumas dicas para banners verticais para anúncios do Google. 41. Dicas para 8.4 banners móvel: Profunda de cima. E aqui estão algumas dicas sobre o equilíbrio também. Eu chamo bananas móveis de três formatos, 320 por 100, 320 por 50, e 300 por 500. O último é colocado em aplicativos móveis geralmente. Então aqui estão estes quatro meses. E o que podemos fazer com eles? Uma opção é criar menos texto sobre eles já fez isso. Então mudamos a descrição das bolhas de texto. E agora esses banners são legíveis o suficiente. Mas há outra dica que eu ainda não mostrei. E o Google permite que você aplauda imagens de tamanho duplo para esses 34 meses porque elas ficarão melhores em telas de alta resolução de smartphones modernos. Então você pode realmente criar banos de tamanho duplo. Ele, eles serão desde a família 40 por 200. Outro será 440 por 100, ou 600 por 100. Ok, então você pode usar esses três formatos, mas há uma nota importante. Não pode aplaudir o major do Denny. Três, essas imagens através do Google Ads Editor. Você provavelmente sabe que vamos adicionar editor é um software que você instalar em sua área de trabalho para um desfile, vamos adicionar alguns de forma mais eficiente. Então, você conta, carrega esses tamanhos duplos de majors através dessas ferramentas, você precisa ir para a sua interface web e abrir seus anúncios, o aplicativo, e carregar suas imagens ali mesmo. Então, neste caso, eles encontrarão e você terá suas imagens de uma resolução muito melhor para smartphones modernos. Então estes são profundos para o seu bônus móvel. 42. Testes 8.5 A/B: A grande coisa sobre o uso de componentes em Figma é que você pode combiná-los de qualquer maneira que você quiser para que você possa criar tantos banners como quiser. Existem duas variantes principais para bônus de trança para testes AB. O primeiro é chamar P seu arquivo inicial, mudar algo e criar um novo equilíbrio virtual ou criar tudo e, e obter um muito novo vínculos variante. A outra maneira é criar um modelo onde você pode testar alguns elementos de suas bananas. Desde o início. Vamos cobrir esses dois métodos e vamos olhar para eles. O primeiro é muito simples. Então, quando você cria suas bananas, basta chamar PEA ou duplicar seu arquivo. Você abre um novo, nomeá-lo com a nova versão e muda seu bônus para o que quiser. No caso de você ter. Você arquivou. Esperanças. E eu vou criar, por exemplo, de V3. Eu coloquei a versão no início do arquivo para que fique melhor visível aqui. Ok, então eu criei este arquivo e agora entendo que as alterações que eu vou fazer o arquivo da lista, eu sempre posso encontrá-los nele. Isso é muito útil porque se você reutilizar um único arquivo, será difícil restaurar algumas versões que você fez há algum tempo. Então, minha sugestão é quando você cria um conjunto diferente de wireless, sempre crie um novo arquivo para eles. E você terá um monte de arquivos em sua conta Figma. Mas está tudo bem. A vantagem deste método é que você sempre pode encontrar o seu arquivo e ver o que foi a mudança deles algo se você precisar. E se você mudar uma única multa de novo e de novo, você quer fazer isso. Está bem? E a outra maneira de realizar um teste B é criar como conjunto de bônus com diferentes elementos agora em um modelo. Então vamos ver como fazer isso. Vou abrir o modelo para anúncios do Google e você também tem uma cópia. E como você pode aqui, há algum painel potencial e há três versões de textos. Então, este modelo é responsável por um, B, C, testes de diferentes textos como em sua biografia. Então, basta ir aqui no painel de controle e ele diz para entrar no promontório A e tipo de LNB, entrar nas manchetes, ver. E você pode escrever suas manchetes aqui e as descrições de trabalho aqui. Mas a quota de pico será a mesma para todos os volumes. Então, se você quiser mudar algo, eu substituo uma garota nascida. Xing vai para todos os botões e então eu tenho todos esses formatos. Não quero que façam testes AB com eles. A vantagem deste método é que ele já está predefinido para um mau gosto. E alguns celeiros de vitela continentais, alguns finos ou como um texto. Porque é uma boa maneira de testar algo nas garrafas abandonadas, mas não nas diferentes garrafas. Especialmente se você executar suas campanhas por um longo tempo. Minha sugestão é grande e muito diferentes banners no início, eles podem ser completamente diferentes para entender a qual deles vai funcionar melhor para o seu público. Mas quando você encontrá-los, depois disso, é melhor criar alguns elementos do seu bônus para obter melhores resultados. Porque se você mudar tudo o que quiser, será capaz de saber o que exatamente trouxe os resultados. Ok, então essas são duas variantes, duas maneiras de realizar seus testes AB. Você pode combiná-los se quiser. Você pode criar seu próprio modelo, por exemplo, com diferentes majors de fundo, para diferentes variantes e assim por diante. Então você pode brincar com isso de qualquer maneira. Você tem acesso ao nosso arquivo sobre Figma da academia. Você tem acesso a este arquivo e conta e vê como ele funciona. Na verdade, vamos olhar mais de perto para este separado menos de K, criar um grande bônus e vamos passar para a próxima lição. 43. 8.6 banners responsivos no Google: Anúncios de exibição responsivos. Chegamos a um dos principais formatos de publicidade on-line agora é anúncios de exibição responsivos pelo Google como o oposto ao nosso vínculo original de anúncios de exibição. E o Google criou um formato que pode ser usado de forma mais automática. E eles combinam diferentes tamanhos de imagens e textos para alimentar os melhores lugares em seu inventário. E o Google combina diferentes variantes de imagens, textos para alimentar os slots no inventário. E pode parecer melhor do que apenas esses pacotes porque ele pode se adaptar ao conteúdo lateral, ao conteúdo da colocação onde vamos colocar, coloca seus Varnas. Então, para isso, eles criaram anúncios de exibição responsivos. E o que você tem para criar? Você pode carregar imagens com essas proporções e dois logotipos com essas proporções. E você escreve suas manchetes e descrições. E o Google combinará tudo isso para obter os melhores resultados. Há uma regra que você não pode colocar mais de 20% dos textos nessas imagens. Assim, os textos, os textos devem cobrir menos de 20% dessas imagens, incluindo o logotipo nesses majors. Quero dizer que você pode ter o máximo de texto que quiser nesses logotipos. Estes são arquivos, um arquivo de logotipo separado que você enviará para o Google Ads como arquivos separados. Mas quando você vai para essas imagens e você coloca seu logotipo nesses restos, esses logotipos contam no total 20% limite para toda a imagem. Então teremos esses dois formatos. Começo, por exemplo, com seiscentos e seiscentos e nove, 55 por 500. Ou você pode dobrá-lo e criar, por exemplo, cento, dez e vinte byway em 1020 e 1, 0, 0, 0, 0, 0, 0, 90, dez por 100. E isso vai ser arquivos maiores, mas eu vou criar essas versões menores e eles vão andar seis por 600. E usarei todos os componentes que usamos antes em nossos anúncios de exibição. Assim como a maioria dos antecedentes sobre isso e colá-lo no meu parceiro. Bem, importa que dois pés? Ok. Ferramenta de escala. E eu vou copiar todos os elementos como eu fiz antes. Então eu vou apenas copiar colar esses componentes a partir daqui porque eu já escalei eles e nós não temos que gastar tempo olhando para como eu escala todos esses elementos. Então eu só copio colá-los. Estes são o mesmo elemento que eu tinha antes. Agora, há mais uma coisa que você deve saber e barges provocações se anúncios de exibição é que o Google não permite que você use botões sobre esses bônus, às vezes passar moderação e mal, mas geralmente eles não fazem. Então é por isso que eu fiz botões invisíveis. E estas etiquetas, Bíblias. Portanto, esses botões devem quebra-cabeça moderação facilmente. E se eu deixar botões aqui, provavelmente o Google rejeitará essas imagens. Então, na verdade, aqui temos nossos arquivos e podemos usá-los em nossos anúncios do Google. Há mais duas coisas importantes. Uma é como premiar 20% da ferramenta de texto e outra é como evitar cortar sua imagem. E o Google diz que não pode surgir até 5% do seu bônus de cada lado. Então, para fazer o, para controlar isso, eu criei tais retângulos que onde 50 por cento de cada lado. E você entende, se você colocar algumas informações importantes nessas áreas e elas podem ser cortadas. E para criá-los, você pode criar retângulos. Então, se eu tiver esses vínculos, 955 por 500, e você tem que criar um retângulo, retângulo vertical que é 50% dessa largura. Na verdade, não sei qual é a largura, então usarei esses campos para calculá-lo. Então eu apenas baseado 955 dividido por 20, então será 5%. E Figma calcula isso para mim. E coloquei 500 aqui porque sei que a altura do meu Varna é 500. Agora mudo o preenchimento de sólido para imagem. E estou feliz com estas cadeiras. Eu só mudo para azulejo. Talvez vamos definir para 75 por cento e torná-lo 35 por cento da capacidade. Agora, eu copio o lugar também e coloquei acima do vínculo neste e neste aqui. Agora tudo pode obter esses retângulos e uni-los. Então eu tenho estes União e tenho este quadro onde eu posso verificar se meus pés Banos 5% cortá-los. Então, na verdade, quando eu criei esse arquivo, eu entendi que meu gráfico inferior foi cortado. Então esse ícone estava em algum lugar aqui e eu o movi para a direita. Então agora é novamente e o madeireiro é cortado por estes 50 por cento. Vou copiar estes sindicatos da estaca zero e colá-lo ou dizer. Está bem, foi colado daqui. Bem, tudo bem. Bem, coloque em cima. Então agora eu vejo qual área seria tateada pelo Google. 44. 8.7 Os 20% da regra de texto: O Google tem uma regra que você criou apenas para sua tela responsiva. Os anúncios não devem conter mais de 20% do texto. Portanto, isso significa que, se você tiver uma imagem para seus anúncios de exibição responsivos, você precisa se certificar de que não mais de 20% de cada área será colorida com o texto. Portanto, se você tiver uma imagem para anúncios de exibição responsivos, certifique-se de que o texto não cobre mais de 20% de sua área de um quadrado. E vamos ver como verificar isso na Figma. E eu tenho outra tarefa. Eu quero verificar. Se eu seguir 20% do texto. Ok, eu vou colar os Boehner e eu vou usar o seguinte caminho. Eu cobrirei cada um com ganância. Então eu vou classificar concordado com isso. E isso será cinco por cinco células. Então eu tenho que calcular quantas células cobriram o texto. E se eu quiser estar abaixo de 20%, os textos não devem ser mais do que cinco células. Então, cinco células são cerca de 20% desse quadrado de gargalo. Então eu vou criar a grade no início. Vou criar duas formas retangulares. E enquanto isso for 5, 600 por 600, eu sei que eu deveria ter retângulos todos os 120 por 121 quinto dessas dimensões. Aquele que eu uno essas formas. Então agora eu tenho essa imagem. Agora vou exportá-la como uma imagem. Ok, eu vou colocar para esses mais velhos, na verdade, o que é melhor nomear seu arquivo antes de especialista em. Será que vamos apenas g, seiscentos, seiscentos por 600%. Xadrez ou jaula. E o expoente desses arquivos, assim ele vai, tem algum nome compreensível e agora vou criar outro quadro, 600 por 600. Ok, eu vou preenchê-lo ou um momento, e eu coloquei todos esses bona neste quadro em K. Eu sinto agora, na verdade, antes de preencher, eu tenho que criar outro quadro como fizemos em algumas lições anteriores. Estou bem, e mais um quadro, seiscentos e seiscentos e vou preenchê-lo com a minha transformação. Usamos e-mail e envio. E eu sei que isso deveria ser um quinto da violência. Então eu vou começar com conduíte para escala porque eu já criei como um 5 por cento do meu Barnett inicial. E eu coloquei isso no quadro e torná-lo semitransparente. Isto. Ok, então agora eu posso contar quantas células contêm textos, 123456789. Então isso é demais. Eu entendo que essa imagem contém mais de 20 por cento do texto. Então é por isso que eu tenho que escalar esses. Vou escalar blogueiro. E para tornar a criança só inteira, menor. Bem, na verdade eu não posso fazer isso neste momento, então eu tenho que fazer isso nas minhas incógnitas. Está bem? E eu tenho que escalar esses textos também, provavelmente para o da ciência que é agora, é 12345. É, eu acho que ainda é mais do que eu preciso, mas não tanto. Talvez eu faça este um pouco menor e menor também, porque eu vou ter um nome da loja como um campo separado em resposta. Exibir anúncios e Google há este campo especial para definir um nome de empresa lá. Então eu acho que eu estou bem com estes final rotulados. Se eu contar as células, provavelmente será uma, talvez duas ou três. Provavelmente será acima de cinco células cheias preenchidas com o texto. Certo, e podemos fazer o mesmo com esta imagem. Então, primeiro, vou criar minhas células. Eles serão 55 divididos por cinco. E eu sei que são 120. Não, não, não é um 120. É que deve ser um infundado porque as alturas de, porque é 10, é 500 pixels. Então eu vou fazer o mesmo que eu fiz antes. Vou criar uma ganância para essas bandas horizontais também. Não, você não se importa com essa imagem. Vamos renomeá-lo para Tn por 500. Nós escolheremos. Sim, obrigado. Está bem. E agora eu criar um romance o quadro e basta enquadrar sua ferramenta de seleção será rápido. E eu crio um aceno que eu sei que vou fazê-lo mais uma vez e seleção. Então, isso será na página principal com o mesmo tamanho. Você vai ficar acima do meu. E eu, elite. Por quê? Apenas fez e-mail deles produzir estes mosaico, ele foi enviado e para torná-lo um percentual visível. Então vamos contar as células. 1, 2, 3, 4, 5, 6, provavelmente mais de cinco em geral, se é difícil contar essas células, você pode fazer v é 50 por cento e agora há dez por 10100, então o texto não deve ser mais do que 20 células. Então, vocês são colegas. É 1, 4 ou 7 laboratório para adolescentes, 17, 20, 21, 22, 23, 24, provavelmente cerca de 24. Então ainda é mais do que queremos. Então eu vou agora reduzir o tamanho da bola de celeiro LD em jogo com estes não será em que permanecem o braço de idéias que são mais longos e Leto também. Então provavelmente alimentarei nossa regra de 20% se eu recontar as células. Ok, Então esta lição, nós aprendemos como criar um majors para anúncios responsivos do Google e como verificar se algo importante será cortado ou pode ser cortado pelo Google. E estes 50 por cento em cada lado. E aprendemos a ler, a entender se nosso texto segue a regra de 20% de texto, todas as chamadas. Então esse lugar e vamos para outra lição. 45. Revisão de arquivos do Google Ads: Como um bônus deste curso, e dar-lhe acesso a dois arquivos, a dois modelos que ajudam você a criar banners do Google e bônus do Facebook em uma escala. Então eu vendo estes modelos por 79, 99 cada. Decidi adicioná-los a este curso porque de qualquer maneira, eu ensino-vos a criar tão fina, então eu apenas lhes dou como exemplos e eles são muito bons e você pode usá-los agora mesmo. Assim, você pode criar um monte de banners para o seu Google Ads, para seus anúncios do Facebook, mesmo sem todo o discurso, porque esses modelos já fazem isso. Mas é claro, estamos aqui para aprender e tivemos que entender como isso funciona. E você pode fazer algumas alterações lá e você pode usar e reutilizar esses arquivos. Então vamos ver o que tem lá dentro. Espero que você também goste desses arquivos e provavelmente você irá modificá-lo para suas necessidades. Vamos ao arquivo com banners do Google e ver o que acontece lá. Então eu tenho este arquivo abre Madonna do Google Ads, e há três páginas aqui. Há uma página com instruções sobre como usá-lo. E vamos dar uma olhada. Há algumas câmeras. Observe porque vendemos esses arquivos e assim algumas dicas sobre como usar todos eles, como usar Figma. Existem várias instruções, eu vou, vários tipos de recuperados, maioria deles em mais profundo. E há algumas dicas sobre como usar este arquivo para criar o bônus. Portanto, há algumas dicas e algumas explicações. O desejo é fechado por diferentes áreas dos arquivos. Então vamos para páginas reais com o nosso menos, há duas páginas restantes, chorões e anúncios responsivos. Então vamos para a página dos banners. Temos vários erros. Eu tenho configurações, nós temos bolhas, bolhas de texto para três versões de textos. E temos um quadro com todos os nossos queimadores onde podemos olhar para eles, verificar se está tudo bem e baixar se estamos bem com esses banners. Então vamos olhar mais de perto. Então temos três manchetes diferentes e três descrições diferentes. E teremos um item ou pessoa terá botão. Temos provas sociais aqui, registro e ligação. Assim, em geral, podemos criar três conjuntos de textos equilibrados com diferentes textos. Temos essas linhas que medem 500 pixels. Eles localizados aqui para mostrar qual largura de textos vai ficar bom em bônus. Enquanto esses textos têm opção de largura externa. Sem essas réguas, não sabemos qual largura será boa e se será muito grande, por exemplo, vamos fazer assim. Por isso, excede 500 pixels muito. Então, esses murmúrios para a primeira versão tornam-se muito grandes. E, como vemos, estes não são variáveis, bom não parece bom. Então vamos fuzilar e voltar. Você também pode usar isso em seus arquivos. Você só tem que medir e entender qual quando você é capaz de usar em seu livro de gude de modo que esses textos bolhas e muito grande. Então eles não excedem os banners ou algo assim. Você pode fazer isso. Você só pode fazer vários exemplos e, e entender o que fazer com eles. Por exemplo, aqui mesmo, se você notar que esses textos são um pouco maiores do que este. Então eu criei esses textos, depois criei algumas bolhas de texto, então reduzi-as um pouco para baixo e colei-as nos banners. Então eu entendi que este é o máximo. Com isso, eu posso usar um eu entendi isso. Eu não quero usar texto mais largo do que este. E eu disse para centenas, grande fonte para como um governante como um exemplo. Ok, então eu posso usar três textos diferentes, eu posso usar três descrições diferentes. E é isso. Há duas provas sociais aqui. Nós não fizemos isso em nossas lições anteriores, mas você pode fazer algo semelhante a isso para banners para torná-los mais bonitos, para converter melhor. Então isso parece da seguinte maneira. Estes rótulos e ir para o Banos e adicionar, basta adicionar alguma prova social para eles. Então você pode fazer qualquer componente que você gosta. Você pode adicionar provas sociais, você pode adicionar alguns comentários, alguns comentários, ou o que quiser. Então você pode usar esse arquivo para criar. Por exemplo, teste AB e banners com três versões de textos. Ou você pode criar algo semelhante. Você vai enviar itens diferentes ou pessoas são maneira que você disse diferentes origens. Então, obviamente, este arquivo usa o mesmo plano de fundo para todos os nossos pais, mas você é capaz de criar qualquer coisa que você quiser. Ok, agora terminamos com nossos anúncios de exibição, com nossos modelos. Vejamos os anúncios de exibição responsivos. O que temos aqui? Então, na verdade, temos estes. Já falei sobre isso antes. Nós testamos não apenas três tags, mas testamos três origens diferentes. Quando você usa um majors para anúncios de exibição responsivos, é muito importante que majors você usa porque estes não são apenas banners, mas são combinações diferentes de banners e textos. E há menos texto e, sobre esses banners, porque há uma limitação de 20% de textos sobre eles. É por isso que as imagens são mais importantes para bananas responsivas do que em banners comuns. Certo, o que mais temos aqui? Temos três textos, três manchetes e descrições. Um item ou pessoa tem um logotipo para marcar nossas imagens. Ter uma era com etiquetas, bolhas. Então teremos uma área especial para logotipos. Você pode adicionar um log quadrado, Tudo bem aqui, e um logotipo horizontal aqui. E depois disso, você obtém quatro versões diferentes de longus em cores diferentes. Claro, você pode mudar essas cores se precisar. Então, no final, você tem essa quantidade de imagens e logotipos diferentes e esses são logotipos transparentes. Eu prefiro usá-los porque eles se encaixam qualquer modelo que o Google usa dentro de seus anúncios responsivos. Temos essas análises que mostram como o Google pode cortar até 50% de cada lado de seus banners. E entendemos que tudo parece bem aqui e nossos logotipos não são cortados e nossas bolhas de texto não são capturadas por esses retângulos de 5%. Então, parece com essas mensagens. Um olhar, está bem? Então você pode usar esses modelos para seus banners. E você pode criar seus próprios modelos onde você pode testar qualquer coisa que quiser. Você pode colocar o que quiser. Por exemplo, você pode adicionar alguns componentes para verificar se os campos de texto regem 20%. Na verdade, quando eu criei este arquivo ou esta versão do arquivo, no início, não havia regra de 20% de texto no google. Esta regra era apenas no Facebook. É por isso que esta versão não contém verificação de 20 por cento de textos. Mas eu adicionei para as próximas versões. Mas você pode treinar a si mesmo e fazê-lo sozinho, sozinho. Então fizemos isso em nossas lições anteriores. Ok, então é isso. Como você vê quando você entende que quer continuar aqui, não parece tão complicado, mas quando você olha para eles pela primeira vez, parece uma bagunça. Parece muito complicado. Mas, na verdade, quando você faz isso sozinho ou quando você apenas entende como isso funciona, isso não é tão difícil e eu vou te mostrar como eu organizei as majors aqui. Então este é o componente de imagem inicial e você tem que colocar seu plano de fundo neste quadro. Em seguida, este quadro corta esta imagem para o tamanho de 1280 por 720. E então ele cria essas duas variantes desses fundo. E você realmente pode mudar alguma posição se você precisar, por exemplo, vamos mover este cifrão para o centro. E como você vê, todos esses banners são afetados e essas mudanças de fundo. Depois que eu fizer algumas mudanças aqui, se eu quiser, posso adicionar um pouco de inseto azul aqui ou o que for. Eu quero fazer esses banners olhar melhor para mim para ajustar meus objetivos e todos os textos e ir a partir desses textos bolhas para que você possa ver que tudo funciona. Está bem? Eu fiz estes banner com uma menina de propósito para mostrar-lhe que você pode até mesmo usar vários personagens em seus pacotes, especialmente para estes, Eu criei duas versões de cada desses banners com uma pessoa ou item e sem eles. Assim, você pode usar qualquer versão desses arquivos que desejar. Então eu acho que terminamos com nosso arquivo de modelo. Você é livre para usá-lo. Você pode ajustá-lo para suas necessidades. Então vá e experimente. 46. 9.1 Facebook e banners do Instagram Entrem de Banners: E agora vamos aprender como criar equilíbrio para o Instagram e Facebook. Como você sabe, você pode colocar anúncios para Facebook e Instagram de um e o gerente e seus tamanhos comuns e práticas comuns para Instagram e Facebook. Então, nesta seção, vamos aprender como criar todos esses banners. Vamos aprender a classificar menos quatro histórias. Teremos algumas dicas para histórias. Vamos ver como lidar com 20 por cento de regra de texto que ainda é entrar e Facebook, apesar disso, ele diz que essas regras se foi em 2021. Ainda temos de pensar nesta regra. E, finalmente, vamos rever como usar um arquivo de bolus com uma placa de equipe balanceada do Facebook. Então vamos ver como criar bônus reutilizáveis na prática. 47. 9.2 Facebook e banners no Instagram: Vamos ver como criar biomassa para Facebook e Instagram. Onde o bônus página facebook. Como sabemos, criamos minha lista para Facebook e Instagram com os mesmos formatos, então vamos nomeá-los apenas banners do Facebook, e entendemos que você pode usá-los e Instagram também. Então, o que temos aqui? Temos um painel de controle, quase o mesmo que fizemos para o Google, nos comprou com algumas mudanças, algumas bolhas e, na verdade, vários formatos. Quero criar um novo painel de controle para o Facebook ou para esta lição, porque eu já o criei e fizemos várias vezes. Então eu vou apenas usar componentes deste painel de controle. Como você vê, há fundo com efeito abaixo. Está definido para 20. Certo, acho que estou bem com a 2ª. E temos uma manchete. Temos descrição, temos uma pessoa em um logotipo, temos histórias, flechas. Este é um elemento, quatro andares. Este elemento motiva as pessoas a deslizar para cima a história para que você obtenha mais resultados de sua publicidade. Teremos uma lição separada sobre como criar diferentes tipos dessas setas. E adicionamos alguma prova social a este vírus. Então essas imagens, e nós temos dois tanques, as bolhas, como você vê, não há sobrecarga de botão porque o Facebook não permite que suas imagens tenham botões neles. Se você criar imagens com botões em e aplaudi-las no Facebook, isso pode desaprovar seus anúncios ou até mesmo restringir sua conta. Então é melhor não fazer isso. Porque o Facebook tem seus próprios botões em torno de suas imagens quando o Facebook mostra anúncios e temos alguma prova social e temos vários formatos aqui. Como você vê, há muitos deles, mas há duas opções principais para meus invariantes para banners do Facebook. Este é um formato de loja como este e um feed de notícias. Você pode usar diferentes majors em seu feed de notícias, mas o mais comum é este, SQL um. Mas se você quiser, você pode usar essas imagens. Por exemplo. Mais horizontal ou vertical, mas não tão simétrico como histórias. E vamos nos concentrar no formato principal, no quadrado. Se você usar formatos psi, você definitivamente entenderá como criá-los após essas lições. Então, o que temos aqui? Na verdade, temos que acertar quatro meses. Por que é assim é porque Facebook Coloca seus anúncios em diferentes posicionamentos. Alguns deles são notícias, alguns deles são histórias. E a coluna direita no Facebook na versão desktop site do Facebook quando as pessoas usá-lo a partir dos navegadores de desktop. Então vamos ver qual é a diferença vai para o Facebook e site de negócios. E é assim que uma imagem olha para o feed de notícias do Facebook e mostrou para celular. Mas como você vê, a imagem é muito grande e será claramente visível mesmo se você colocar lá alguns pequenos elementos. Mas vamos escolher a coluna direita do Facebook. E aqui está. Portanto, esta é uma imagem muito menor. Então, se você colocar aqui pequenos elementos de textos ou algo assim, eles não serão legíveis tão bem. Então, o que vamos fazer? Criamos outra imagem com um texto maior. Então, como você vê, esta imagem não tem descrição no título e não tem um logotipo. Então vamos criar esses menos a partir de nossos componentes. Eu crio um quadro de 180 pixels. Quadrado um. Encha por enquanto. Ok, eu vou copiar colar meu fundo colado aqui. Ok? Vamos adicionar alguma janela mais longa aqui. Copie nosso logotipo horizontal para este canto, certifique-se de que ele está colado, ok, porque eu adicionarei mais a esta imagem mais tarde. E não foi aqui, mas farei na nossa lição. Ok. Vou adicionar bolha de texto. Este. Torná-lo menor. Provavelmente vou mais longo, mais pequeno também. Farei isso mais tarde. Ok. Eu vou. E eu adiciono alguma prova social, prova social componente horizontal. Eu colá-lo. E acho que estou bem com isso. Antes de criar um componente a partir desse banner, eu o renomearei. Então o tom seja Facebook. Dezentos e oitenta, dois mil e dezoito. Talvez seja isso. E eu duplico este. E antes de torná-lo competente porque eu vou usar o mesmo para a coluna direita. Refiro-me a este componente. Agora quero dizer que esses componentes e o dobrado, eu refiz, renomeá-lo para a coluna direita K, fazer componente de TI. Como eu disse, estes textos queriam as colunas visíveis e certas. Então eu vou esconder a descrição e fazer essas manchetes maiores. Ok, então acho que estou bem com isso. E vamos criar uma história e criar um quadro. Tamanho. Sinta isso. Vá do meu próprio passado. Eu posso colocar assim ou eu posso centrar. Ele, vai usar este balão de texto. E o outro. Ainda não tenho a certeza do tamanho, por isso vou fazê-lo assim por enquanto. Melhor pessoa aqui. Vamos centralizar estes e vamos torná-los maiores. Ok, talvez até como estes. Ok. E eu queria adicionar a estrela 18. Prova social horizontal e coloque-o aqui. Talvez eu os tenha feito da mesma largura. Há uma coisa que eu não gosto na classificação de estrelas é, você vê isso é mais preto e isso é mais cinza, uma cor de fonte. Então eu vou tornar a fonte desses dois componentes mais leve. Primeiro, eu vou bem, pode fazer assim, aterrorizando este texto e usar seletor de cores para ok. Podemos verificar se é da mesma cor. Apenas sete e quarenta e sete. Quarenta e sete. Vamos verificar seus quarenta e seis quarenta e seis, quarenta e seis, quase. Então nós podemos fazer este texto deste calibre, mas na verdade eu faria este estilo de estrela borda a mesma cor, bem como, então eu posso usar a cor de seleção. Eu apliquei o estilo aqui porque copiei isso de outro arquivo, mas estou assumindo que tudo bem aqui. E eu vou separar neste estilo e classificar a cor. Tinha quarenta e sete. Quarenta e sete, quarenta e sete. Então agora eles parecem iguais. Quando você copia alguns elementos de outros arquivos. Os designers profissionais costumam usar o Styles, então você não tem apenas cores aqui, você tem estilos. Então este era um pouco de estilo e foi aplicado a esses elementos. Mas eu não quero que os estilos estejam mais aqui, então eu não toquei neles e só usei o que eu quero. Quero detenção deste estilo também. Então eu fiz essas provas sociais para olhar neste mesmo estilo e as mesmas cores que eu usei no meu texto é bom. E mais uma vez, eu não criei esse armazenamento e do zero, eu o usei de outro arquivo que foi criado por algum design. Neste design eu apliquei estilos a estas estrelas até todos os seus objetos. E é por isso que eu não vi apenas cores, eu vi estilos por aqui, mas agora eles parecem iguais. Mas acho que um pouco disso não está centrado. Este ou este. Ok? E agora estou fazendo o mesmo. Ok, agora, eu estou feliz com essas estrelas na minha maneira de história. O que sobrou? E usarei essas estrelas que motivam as pessoas a roubar nossa história e copiá-la daqui. Você pode fazer indicadores diferentes se quiser, não apenas essas setas, você pode criar o que quiser. Então vamos rever mais uma vez, o que fizemos aqui? Então criamos três variantes de banners, 14 histórias, uma para newsfeed e 14 coluna direita no site do Facebook. Nós não copiamos esses formatos. Você pode fazer isso sozinho, se quiser. Em alguns casos, esses formatos ficam melhores se você tiver algumas imagens especiais que melhor se alimentam para os lados. Mas geralmente eu uso esse formato quadrado. É mais universal. E como você provavelmente sabe desde o ano passado, Facebook permite que você escolha qual imagem colocar em cada formato, em cada posicionamento ou Facebook. Então você pode enviar este para todos os formatos. Em seguida, você pode aplicar essas imagens duas histórias e, em seguida, o seu aplicado esta imagem para a sua coluna direita. Então, neste caso, você terá uma única adição, uma única cópia de anúncio que cobre todos os posicionamentos e todos eles ficarão bem. E se um lugar seus anúncios, por exemplo, há dois anos, você sabe que havia apenas um tamanho de imagens no anúncio, em uma cópia de anúncio, você tinha que criar anúncios diferentes para diferentes posicionamentos e você tinha que criar conjuntos de anúncios separados, por exemplo, um conjunto de anúncios para, ou mesmo uma campanha para história, outra campanha para o Feed de Notícias. Então, quando você tinha que colocar imagens correspondentes em diferentes conjuntos de anúncios de campanhas, então você teve que desativar alguns posicionamentos. Então você não queria que uma imagem para o feed de notícias da coluna direita aparecesse nas histórias porque ela não vai ficar bem. Mas agora você tem o controle de todos esses elementos e você pode criar um único anúncio e aplaudir todas essas três imagens nesses anúncios. Então eu acho que isso é muito mais útil do que era antes. Na verdade, é isso com a criação de nossas imagens básicas a partir de banners do Facebook. Na próxima lição, abordaremos mais alguns tópicos sobre isso. 48. 9.3 histórias Pré-visualização: Vamos ver como criar pelo menos uma prévia de Dick para histórias. Então aqui estamos nós. E este é um quadro que vamos usar aqui. Na verdade, queremos coberto como criá-lo em detalhes. Se você vê que há um monte de elementos diferentes e ouvimos seus nomes como tags. Há alguns elementos de flechas, de algum círculo de pontos em tudo. E há alguns componentes que eu usei aqui que você pode mudar. Então, se você quiser, você pode colocar seu logotipo aqui e seu nome de usuário do Instagram. Então esta é uma prévia para o Instagram. Mas parece quase o mesmo no Facebook com as pequenas diferenças. Então, como você vê, há um componente aqui. Então, como você vê, há um componente aqui e você pode mudar seu nome para o que quiser, e ele irá para a visualização. Em vez disso. Nome, ok? E se você quiser, você pode mudar um logotipo aqui. Você só tem que vincular o componente mais longo e substituir esta imagem por outra coisa. Por exemplo, adicionei outra imagem e a tornarei visível. Então, a partir deste ponto, estes são o Kader, a minha pré-visualização mais rápida. Então eu acho que isso é bem simples. Agora, vamos ver como usá-lo. Você só tem que criar uma cópia de sua loja banner costura ir aqui e nós esquecemos de nomeá-lo e torná-lo componente IN nome em, a partir daí. E o nome em B. Certo, assim. E eu faço componente. Vou duplicá-lo e movê-lo para cá. Então eu tenho que colocar esses interface de usuário do Instagram acima deste banner para entender como ele vai olhar na vida real. Então, para isso, eu vou criar um quadro que irá conter ambos estes Bonnie e duplicar e estes Instagram usando isso. Então eu apenas emoldurei esta seleção. Então agora eu tenho um quadro e eu posso duplicar esta coisa e colá-lo neste quadro. Então agora você vê que eu tenho duas camadas aqui. Eu só tenho que fazer o tamanho do calor, ok? Assim. Então. Agora você vê que este som mais longo perfeito não parece bom aqui. E eu não acho que haja um bom lugar para esses Logan, essa bandeira. Provavelmente, se criarmos uma versão quadrada, podemos colocá-la em algum lugar aqui ou podemos colocá-la em segundo plano, por exemplo, algo assim, mas não aqui. Na verdade. Vamos colocá-lo e o chão do pássaro e ver como ele vai ficar. Eu estou bem. Eu vou para My Stories queimador e eu apago estes mais tempo daqui. Agora vamos fazer uma cópia disso por mais tempo. Preciso destas imagens. Eu quero. Duplicar o componente do mais tempo eu vou usar. Por aqui. Mova para fora e deixe apenas o símbolo. Então eu vou clicar nesta imagem como estes e tornar o gerenciamento de TI sendo posso colocá-lo no meu K colocando estes? Eu faço isso não demorou. Então este é o meu mais longo e provavelmente eu quero viver visível. Ok, eu vou mover, esta imagem, mostra uma escrita, algo assim. Vou adicionar murmúrio aqui. E vamos definir para 30. Tudo bem, estou bem com isso. Então, como você vê, nós adicionamos estes componente de um mais longo. E isso parece no mesmo estilo com um mais longo mas não temos que colocá-lo direito no Maryland porque eu não acho que ele vai se mudar para cá. E vamos ver na pré-visualização, eu acho que está tudo bem. Então agora você entende como usar esta revisão de história e você vai saber como o desequilíbrio vai olhar antes dele. Pamela está na interface do Facebook Ads. 49. 9.4 20% da regra de texto (2021): Há uma regra e Facebook, há permite que você coloque apenas 20 por cento dos textos em sua imagem. Isso significa que apenas 20% da área da imagem de seu quadrado deve conter texto. Na verdade, em 2020, o facebook disse que esta regra não é aplicável. As pessoas no mercado dizem que esta regra não desapareceu completamente. Houve alguns experimentos que mostram que ainda se você usar um monte de texto em um livro de favores criativos vai diminuir seu alcance. Então eu acho que é melhor seguir esta regra, especialmente em suas histórias e em unidades Pés formatos. Às vezes é difícil evitar esta regra nas imagens da coluna direita quando você quer colocar alguns textos lá e você quer que ele ainda fique visível porque as imagens na coluna direita são muito pequenas. Mas para histórias e feeds de notícias, sugiro que você siga esta regra como era antes. E temos algumas dicas e técnicas para calcular qual quantidade de textos. E temos um deles que você viu na lição de banners do Google e outro está bem aqui. Então vamos ver como calcular isso. Vamos ver se nossos cursos de graduação seguem essa regra de 20 por cento dos textos no Facebook. Certo, então temos várias ferramentas para isso. Vamos começar do início. Temos alguns banners e queremos calcular se eles estão bem com 20% dos textos Joule. Então o primeiro método é criar essas ganância e contar quantas células contêm o texto. Então, se eu tiver um logotipo quadrado e eu tiver grades de cinco por cinco, então é 25 quadrados no total. Então, 20 por cento é 1 quinto deles. Então, se eu tiver etiquetas em cinco ou menos carreiras, estou bem com a regra. E você tem o texto é mais do que em cinco células. Então, neste caso, então temos que diminuir a quantidade do texto. Não é exatamente assim que o Facebook opera. Eles usam aprendizado de máquina para estes, mas vários anos e ir facebook tinha a mesma ferramenta para entender se você feeds de imagem, esta regra eo início, Vamos duplicar nosso banner. E agora vamos acabar com esta grelha. Como fazer isso? Eu tenho um quadrado inferior, uma dessas dimensões. Então eu quero criar um pequeno quadrado que é um quinto desses comprimentos. Então, se isto é 1000080 milhas quadradas deve ser a nossa criação de um retângulo. Não sei, mas posso calcular aqui. Eu só coloquei 1080 divididos por cinco e ele me diz, é 216. Está bem? Então eu coloquei assim. Agora, eu duplico esta imagem. Certamente isso ainda não é inglês, mas vamos criar um. Eu escolho os dois e os uno. Agora este é um único objeto. Agora eu exporto isso como uma imagem. Eu posso usar o formato Andrew, mas na verdade não é tão importante porque de qualquer maneira, vamos usá-lo como uma imagem semitransparente. Mas, por enquanto, vou exportar estes. E, na verdade, é melhor nomeá-lo com alguma maneira compreensível. Por exemplo, eu usei aqui, será xadrez 1081000080, e eu exportar esta imagem antes de usá-lo. Como você provavelmente entende, temos que criar um quadro acima do nosso componente e até mais um quadro. Agora temos esse quadro dentro de um quadro dentro de um quadro, mas precisamos de outro comportamento. Vamos colocar assim. Então agora esses quadros estão no mesmo lugar. Envelope colocar estes acima do nosso componente banner. Então, estas serão as nossas cadeiras. Concordou. Apenas leia. Agora eu faço o preenchimento e visível e preenchê-lo com a minha imagem que acabei de carregar. Ok, então agora eu tenho que definir outra opção. Será azulejo e será um 100 por cento. Então agora você vê que eu tenho uma grade de cinco por cinco. Agora eu torná-lo semi-transparente e eu conto, eu posso contar quantas células e fazendo metade sob o texto. Então, se eu contar aqui, provavelmente podemos contar juntos uma célula para 2.534. Então eu acho que tem havido um segue a regra. E eu posso até fazer com que os tanques sejam um. Então eu posso ir aqui e escalar essas coisas, a Bíblia para torná-la maior. E acho que estamos bem com a linha. Vamos ver outra maneira, ou quadrado menos eu criar uma duplicata desses loops. Certo, e se eu tiver um botão quadrado, tenho uma solução mais fácil. Eu só tenho que acrescentar. Esses quadros, seleção aleatória. Seleção aleatória novamente, 30 quadros. Agora eu encho. E agora eu uso a imagem padrão ou preenchimento. Na verdade, esta é a imagem do xadrez, então isso é bom para mim, mas como você vê, não se encaixa no meu tamanho. Então eu tenho que escolher a opção Tile. E agora eu preciso entender qual escala, escala definir. Deixarei esta fórmula para você. Se o seu site for, por exemplo, 1, 0 , 0, 0, 0, 0 e 80, você terá que multiplicá-lo por 1,25 e será sua escala. Então eu só sobre isso e como você vê, eu tenho dimensão cinco por cinco. Vou torná-lo semitransparente. E nós temos, a menos que. E agora posso contar quantas células estão sob o texto também. Então vou deixar esta fórmula para você. Mas essas caminhadas nas imagens do Foursquare, porque se você tiver essa imagem retangular, você terá que criar esse tipo de célula. Então vamos fazer isso. Vou duplicar na de quadros de arquivo seleçãode quadros de arquivo. Seleção de quadros. Agora estou todos estes e estes em cima dele. E o que temos? Na verdade, temos que criar a mesma coisa que fizemos aqui no primeiro exemplo. E agora vamos criar um retângulo com lados com é 1000 e dividi-lo por cinco. E a altura é de 1920 dividida por cinco. Então, aqui está. Agora eu vou fazer os dois objeto único e x pub -los. Então agora vamos usá-lo no campo em todos esses nomes. E usar opção com 100 por cento. Agora vamos torná-lo semitransparente. Podemos nomeá-lo de ganância. Então agora podemos contar quantas células contêm o texto. 123, talvez quatro, talvez cinco, desculpe, eu acho que está tudo bem. Esta maneira é boa. E temos outra variante de criar algum objeto que nos ajuda a entender se o nosso bônus. Siga a regra. Isto é para criar um único retângulo e para ver se o texto é colocado neste retângulo. Então vamos olhar para o exemplo. Temos um banner em 1080 por 100 mil 350 pixels. É como estes. E você vai ter que calcular quais lados deste quadro nós precisamos para rastrear esta regra? Então eu tenho que fazer algumas contas aqui. Sabemos que a relação da ligação é 1080 por 1, 0, 0, 0, 3, 100, 51,25. Se nomearmos um site de empréstimo. Então B é o mais curto. Então a é igual a b multiplicado por 1,25. E da outra parte, sabemos que o quadrado desse retângulo, multiplicado por B não deve ser 1 quinto do quadrado da nossa banana total. Então, são estes. E temos um sistema de equações. Quando o resolvemos, obtemos que a é igual a 600 4 e b é igual a 400, 83 aproximadamente. E quando temos um retângulo, e se verificarmos seu quadrado, é quase o mesmo com 1 quinto de toda a banana. Então nós podemos criar esses quadros e nós podemos, vamos criá-lo. Crie um novo quadro. É para centenas, 38 menos 604. Agora eu faço como derrame, digamos 20 e 21, ok, 20 está bem. E eu vou fazê-lo no centro da minha moldura. Está bem? Agora eu quero, na verdade eu posso deixar estes pretos, mas eu quero torná-lo colorido assim. Torná-lo colorido. Vou usar o preenchimento angular, e vou usar outras cores. Por isso, tenho de acrescentar mais pontos. E estes gradientes. Algumas linhas finas. E este espectro. Então n torna-se colorido, algo assim. Ok, então agora eu tenho um quadro para pelo menos ver provavelmente este texto. E esse vínculo é bom porque quase todo esse texto se alimenta do banner e há um alelo sobrando, mas há muito espaço aqui. Então provavelmente esta banda está bem. E o que mais temos? E temos formatos diferentes e não sabemos quais formatos e quais tamanhos de texto temos antecipadamente? Sabemos que teríamos depois de criarmos o bônus porque as bolhas de livros didáticos podem ter forma diferente. Então vamos ver este exemplo. Por exemplo, temos esse tipo muito horizontal de bolhas de tags. E entendemos que esse quadro não nos ajuda a calculá-lo muito. Então, neste caso, teremos que criar outro quadro que será mais horizontal, mas ainda levará 1 quinto de seu quadrado. Quando você cria esses quadros. Para vários bônus, você entende que você tem que calcular o tamanho do quadro para cada tamanho de banner. E não é tão fácil como você vê, temos que resolver este sistema de equações. E eu não acho que você queira fazer isso o tempo todo. Então, para isso, eu criei uma planilha do Google que calcula isso para você. Vamos ver como funciona. Agora você tem este arquivo e quando você quiser usá-lo, você tem que fazer uma cópia porque você terá v no eixo. Então eu faço uma cópia deste arquivo. Coloquei na minha unidade. E a cópia é criada. Agora eu posso usá-lo. Então, o que vejo aqui? Vejo algumas colunas e algumas linhas, as colunas, algumas configurações para os retângulos do software comprador e as linhas são para cada tamanho de violência. Criei vários formatos para banners do Facebook e do Google. E você pode vincular lados calculados de retângulos já. E você pode obter sua largura retangular, e altura aqui. Então, se você tem um banner desses tamanhos, você terá um retângulo desses lados para obter um retângulo que cobre 20% desses quadrados. Vamos ao arquivo e ver como funciona. Por exemplo, vamos usar uma história. É 483 por 859. Então eu vou chamar PMI estória banner aqui. E eu vou adicionar um quadro, quadro, esta seleção. Então eu copio esta moldura para aqui. E eu queria caber no meu tamanho. É o meu 859. Está bem. Então esta é a moldura. O que é que você vê a forma deste quadro não segue o texto e não é realmente tão fácil de entender se este texto é a regra. Especialmente para isso, Eu criei algumas colunas mais maneira que você pode definir uma proporção de seu final retângulo, obter novas proporções. Por exemplo. Eu quero que essa proporção seja menos vertical, então eu vou configurá-la para 1. Aqui, 1.3. Mostra-o sem “ ok”. Isto está tudo bem. Então eu tenho 730 por 565. Ok. Esperanças. Ok, e isso alimenta meu texto muito melhor. E agora eu entendo que todo esse texto vai dentro do quadro. E eu entendo que segue a regra de 20% dos textos sobre o bônus. Então você pode facilmente usar este arquivo. Você pode definir qualquer proporção de lados do seu retângulo aqui e você vai ter seus lados são retângulos. Estes formatos de Vanna. Acho que isto é muito fácil. Deixei muito mais filas aqui para que possa brincar com ele e usar este arquivo. Está bem? Então, em geral, sabemos que o Facebook tem uma regra de 20% dos textos. Na verdade, o Facebook diz que cancela. Mas, como por agora, mesmo muitos dos documentos do Facebook dizem que esta regra ainda se aplica. E como dizem as pessoas do mercado, esta é a regra não foi completamente. Então é por isso que eu quero verificar se nossos cursos de graduação seguem esta regra. E é melhor fazê-lo antes de enviarmos essas imagens para o Facebook. Então este é tão demorado e temos duas opções aqui para fazê-lo. Em. O primeiro é fazer estes e ganância e entender quantas células contêm o texto, temos duas maneiras de fazê-lo, mas eu prefiro este porque é universal. E quando criamos pequenos retângulos para usá-lo na forma do nosso quadrado BATNA menos teremos outro para usar a opção de preenchimento padrão. E para usar esses coeficientes para entender nós escalamos para definir o título desta imagem. E temos outra opção para criar um único quadro e entender visualmente se nosso texto segue a regra. Então eu acho que você será bom com cada uma dessas variantes. E você deve entender que você não precisa criar todos esses quadros de cada vez. Porque, por exemplo, se você tiver esses formatos para histórias ou feed de notícias ou coluna da direita no Facebook, você geralmente usará essas formas, esses tamanhos de banners repetidamente. E isso significa que você pode criar um componente que usará essas imagens, que usaremos essas grades e você não precisará criá-lo repetidamente. Você só tem que criá-lo uma vez e, em seguida, reutilizá-lo em seus arquivos quando você precisar dele. E se você criar esse tipo de quadro, provavelmente você só tem que ajustar a proporção do quadro e você tem essas planilha do Google para fazê-lo. Então eu acho que estamos bem com essa regra e vamos mudar para outro menos do que sobre anúncios do Facebook. 50. 9.5 histórias girando de marcadores: Agora vamos ver como criar marcadores de histórias que permitem motivar as pessoas a deslizar para cima seus anúncios de história. Então vamos aqui e ver nossos três exemplos. Nós temos esses que usamos antes em nosso equilíbrio. Então vamos ver como criar tão fina. Na verdade, isso é bem simples. Há apenas três leões unidos ou tamanhos diferentes ou eu apenas criei um desses. Ok, vamos o kit principal online. E todos estes. Ok, e nós vamos fazer isso por aí também. Eu seleciono este ponto e uso a opção de junção. Então estes parecem semelhantes, talvez seja nós, então vamos torná-lo mais espesso do que uma cópia colá-lo. Torná-lo menor. Copiado colado. E torná-lo menor. Talvez até como estes. Então esta é uma forma um pouco diferente. Agora, eu vou torná-lo branco. Acrescentarei um pouco de transparência. Vou adicionar um pouco de sombra. E agora eles são muito parecidos. E alguma sombra interior. E eu vou colocar em um pedaço de dois brancos. Certo, agora isso parece parecido com o que tínhamos antes. Se eu quiser, eu posso unir essas formas e eu tenho essas flechas. Está bem? Agora vamos nos mover e ver como criar outros motivadores, por exemplo, tais estações terrestres. Ok, e vamos ver como eles olham para o Barnum. Vamos ver como criá-lo. Como podem ver, estes são pedaços de círculos. Então eu preciso criar uma elipse. Eu vou dizer no total, digamos 100. Provavelmente, não é o suficiente. Eu só vou escalá-lo globalmente para estes. Agora temos que criar esses arcos a partir desses círculos. Então eu tenho que encontrar isso. Sim, aqui nós colocamos isso para estes e eu vou enviá-los finos. Ok. Agora eu copio colado e eu escala para baixo. Vou torná-lo um pouco mais grosso. Ok, agora eu copio colá-lo e torná-lo menor e torná-lo mais espesso. Alguns destes casos eu provavelmente quero fazer este menor para, para estar mais perto do interior, em seguida, para outro provavelmente para torná-lo menor novamente. E fazendo estes finos, eles fazem essas coisinhas ou duas. É muito grosso e agora está melhor. Então, novamente, eu posso torná-lo branco, semitransparente. Eu posso unir esses derrame. Quero movê-lo, torná-lo branco, e torná-lo semitransparente. E eu vou adicionar um pouco de sombra e apenas deixá-lo por padrão. Então agora essas coisas parecem semelhantes, mesmo estes que eu estou sendo e eu posso criar um componente com este simples deslizar para cima texto. Para estes, eu só vou usar texto porque eu estou puxando isso. Eu uso uma fonte ou sal de rocha como você vê. Você pode usá-lo também. E eu vou criar essas flechas. Eu posso ir aqui e escolher uma flecha e torná-la mais espessa. Está bem? Agora vou para o modo de edição e defino para curvas. Estes. Todos pernegaram isso e é mais simples. Ok, eu só tenho que criar quadro. Todas essas coisas. Na nossa seleção. Vou mudar sua cor para roxo. Vou adicionar um pouco de sombra. E vou mudar a coluna esta sombra demasiado larga e definir a sua transparência para 25 para a obesidade para 75. Está bem? Então agora parece assim. Se você quiser, você pode alterar uma forma dessas seta para alguns outro que você deseja amostra para se parecer com este. Está bem? E como você entende, você pode criar componente a partir deste quadro e usá-lo em suas histórias. Então, como você entende, você pode criar tantos desses motivadores quanto você quiser. E geralmente eles ficam bem em suas histórias e motivam as pessoas a deslizar, deslizar para cima seus banners. Então usá-los, criar o seu próprio e alcançado grandes sitars. 51. 9.6 anúncios para Carousel no Facebook: Vamos ver como criar anúncios de carrossel do Facebook. Na verdade, isso é muito fácil. Só temos que criar vários banners diferentes. Altere seus elementos à direita em cada cópia. Por exemplo, eu tenho estes e estes, estes são apenas três componentes separados. Eles não pertencem ao julgamento deles. E eu tenho alguns produtos são apenas inserir uma imagem do produto. Eu adiciono algum texto aqui e eu posso ser invadido por isso. Quando eu criá-lo no início, eu apenas faço o comprimento destes. Eu seleciono esses Barner que eu criei. Copiei colado Exemplo 2 aqui, e eu desanexar esses componentes. E eu faço disso um componente e ganho. Então vamos pensar que este é o nosso quarto arquivo. E agora eu só tenho que mudar todos os textos e imagens que eu quero. Então, como você entende, o modelo geral permanece o mesmo, mas parece muito semelhante a este. Mas se você precisa mudar algum texto para outro produto, para outra oferta, você pode simplesmente fazê-lo e este banner. Então, em geral, se você precisa criar anúncios de carrossel, sugiro que você não crie modelos muito complicados que permitam criar todos os arquivos juntos. Angela recomenda que você crie componentes para coisas como fundo, logotipo, por exemplo, estes fundo bolha. E se você precisa mudar textos e imagens, basta fazê-lo em cada cópia. Portanto, crie quantas cópias quiser, mas não crie algum componente único que será aplicado a outros. Eu acho que isso é muito complicado para anúncios de carrossel porque quando você criá-los, geralmente você tem produtos diferentes. Existem diferentes textos de Sansão e a partir deste ponto, você não quer criar componentes para tudo. Então você só precisa criar componentes para seu plano de fundo, para seu logotipo, para esses fundos, e é isso. E tudo o que é mudado de uma borda para outra. Você acabou de dizer muitos deles. Mas isso não significa que não te poupe tempo. Ele economiza muito tempo comparando para criar e carrossel anúncios no Photoshop ou no Canva ou qualquer outra coisa. Porque de qualquer maneira, se você quiser mudar de fundo, um logotipo, algo que você pode usar componentes. E mesmo se você quiser alterar texto ou imagens do seu produto, isso é muito mais fácil de fazer no Figma, em seguida, no Photoshop ou na tela. E finalmente, você tem todos esses banners juntos e você vê todos eles e você pode imaginar como eles vão olhar para os anúncios de carrossel. Vamos ver com os anúncios do carrossel, vá e crie-os. 52. Revisão de arquivos para Facebook: Vamos para o modelo de arquivo para nossos anúncios no Facebook. Vou abri-la na minha biblioteca. Então aqui está a biomassa inteligente para anúncios do Facebook. E este arquivo é semelhante ao Pai que costumávamos procurar bananas do Google. Isto é um disfarce. Estas são algumas coisas como usar banner, como usar exatamente esse tamanho para banners. Algo é o mesmo que para o Google, algo é diferente. Então vamos para a nossa página com um bônus. Então, o que temos aqui? Temos um painel de controle que usa manchetes, alguma descrição, algumas setas de itens pessoais para as histórias. Estes longus e Instagram nome de usuário para visualização de histórias. E nós temos bolhas de texto. Então definimos nossos antecedentes. Isso se parece com as configurações que tínhamos para resposta de anúncios de exibição do Google. Nós definimos imagem de fundo aqui. Então dissemos borrão, se precisarmos dele, então ajustamos esta imagem, dois tamanhos diferentes de nossos Banos. E então usamos essas imagens para fundos, para nossos banners. Temos uma prévia da história aqui, e temos algumas coisas para evitar 20% das limitações de textos. Existem alguns retângulos que são grades. E eu coloquei esses programas de ganância de xadrez, semitransparente grade para mostrar as áreas onde os parceiros poderiam não ser visíveis ou poderiam ser sobrepostos ou algo assim, porque esta é apenas uma prévia para histórias do Instagram, mas Facebook e Instagram e duas mudanças de fase ou melhor, muitas vezes, e é melhor entender que esses lados, essas partes dos banners, não são seguros para colocar informações importantes lá. E podemos baixar Varnas daqui. E temos outra página onde temos um, B, C testando e temos imagens diferentes, textos diferentes. Então, o anterior, temos quatro banners diferentes. Então aqui temos quatro por três por três , são 36 faixas diferentes. E podemos usar todos eles se quisermos, ou podemos simplesmente escolher quais tamanhos queremos obter para nossa publicidade e usá-la. Ok, então provavelmente isso é tudo com o arquivo e você pode usá-lo. Você pode mudar qualquer coisa aqui. Você pode usar seus componentes para criar seus próprios modelos para sua própria publicidade. Então vá e experimente. Tenho certeza que você terá uma grande publicidade. 53. Introdução com 10.1: Enquanto você é mercado como você provavelmente lidar não só com publicidade, mas com algumas mídias sociais. Então, nesta seção, vamos ver como criar suas fotos de perfil, como classificar seus majors de capa para diferentes redes sociais, para diferentes plataformas, como usá-lo rapidamente. E vamos ver como projetar suas postagens para o Instagram, para o Pinterest ou qualquer outra coisa em Figma. E como poupar tempo quando você faz isso uma e outra vez. Então vamos ver como andar com criativos de mídia social, como trabalhar com gráficos de mídia social aqui em Figma. 54. 10.2de capas, imagens de perfil: Agora vamos ver como criar páginas encolhidas, páginas de perfil para seus perfis sociais, ok, para isso, vamos criar vários componentes. Esta é uma imagem principal e esta é quadrada, um logotipo para suas fotos de perfil. Em primeiro lugar, como criar esta cerveja? Isto é muito simples. Nós temos este logotipo, tivemos este logo antes e apenas recriá-lo, comer. Mas se você ver, eu criei todas essas pré-visualizações e muitos dos logotipos estão ao redor e eles são cortados como em torno de logotipos. Então, quando peguei esse logotipo do Google ou Facebook, não me lembro. Sim, a partir deste passo, como você parece, estes som perfeito é muito perto das fronteiras deste madeireiro. E se eu quiser cortá-lo para o círculo, não demorou muito. Bom. Então estes eu fiz estes mais longos, menores. Deixa-me mostrar-te estas outra vez. Posso ir ao Google Banos e aguentar isso por mais tempo. Copie e cole aqui. Agora vamos ver como ele é visto nas minhas fotos de perfil como você vê que ele é cortado, então eu não gosto disso. Um amor tão especial por estes. Eu fiz o mais longo, menor. Então eu vou me esconder. Há dois mais longos e eu fiz este, eu colar este agora mesmo, então eu torná-lo invisível novamente. E eu tenho que fazer o logotipo menor para caber nossas chamadas em fotos de perfil. Certo, e eu tenho essa imagem de capa. E como você entende e usa essas imagens de carbono em tudo, minhas capas para diferentes redes sociais e para alguns posts para redes sociais. E acabei de inserir estes dois, todos os quatro meses que temos. Você pode encontrar algumas descrições, algumas imagens que mostram como ele se parece na rede social. Então você pode entender como isso funciona. Isto é para o Facebook, para Instagram, Twitter, LinkedIn e Pinterest. Eu não postei ouvir histórias, algo assim porque nós temos uma lição separada para eles na verdade, quando você cria histórias, geralmente você quer criá-las únicas. E esta página é mais para atualizar suas páginas de redes sociais. Você tem um novo logotipo, você só tem um novo de algo que você quer colocar sua imagem de capa e você pode fazê-lo aqui mesmo. Então, se você já viu essas imagens no LinkedIn são muito amplas. Então, neste caso, eu não vejo as letras, eu não vejo o título. E provavelmente se você usar o LinkedIn, você tem que criar uma imagem separada para ele muito longo. Vamos fazer isso. Então eu vou criar uma capa separada, uma imagem muito ampla que gostei, como para o LinkedIn. Na verdade, eu não tenho que fazer toda a imagem porque eles só têm que colocar as coisas dentro de uma composição diferente. Então eu separo esta instância. Estou fazendo essas ferramentas mais longas, menores e menores. E eu vou colá-lo no meu LinkedIn e fazer o mesmo com todas as imagens brancas. Então é assim que podemos criar um monte de imagens de perfil diferentes e imagens de capa para todas as redes sociais. E se você mudar apenas esses dois ou três componentes, você pode baixar todos os principais para suas redes sociais, para suas contas a partir deste arquivo. Para torná-lo ainda mais prático, ajuste. Eu faria essas coisas componentes e fazer um lugar especial para suas cópias onde eu posso baixar todas elas. Então eu faço cada uma de suas redes sociais cobre um componente. Então eu crio uma duplicata e coloco em algum lugar aqui. E quando eu preciso deles, eu apenas seleciono todos eles e eu posso facilmente exportá-los se eu fizer isso a partir daqui. Como você entende, eu seleciono diferentes sendo um frames, mas eu quero selecionar apenas quadros de imagem. É por isso que eu faço cada um deles componente e eu coloco, é duplicado em um lugar separado como este. Então, depois de terminar esta caminhada, você terá todas as suas imagens para suas redes sociais prontas e você pode facilmente alterá-las se você precisar em questão de minutos. 55. 10.3 posts de redes sociais: Vamos ver como criar postagens para mídias sociais. Então aqui temos um arquivo e vamos ter algumas coisas aqui. Temos uma biblioteca com as imagens que usaremos para exemplos de postos avançados. E temos vários madeireiros para diferentes cantos das postagens nas imagens. E, na verdade, temos uma hora. Então vamos criar posts para Instagram e Pinterest para um exemplo, M&E abordagem de fazer posts para mídias sociais em Figma é criar algum modelo básico e, em seguida, reutilizá-lo uma e outra vez. Adicione algumas novas informações únicas. Por exemplo, algumas majors, alguns títulos. Como aqui temos o mesmo modelo para o produto que queremos mostrar. E quando precisamos promover algum novo produto, basta adicionar sua imagem, adicionar alguns textos, e nosso post está pronto. Então, como você vê, há vários posts diferentes que parecem iguais, mas eu uso técnicas diferentes quando eu as criei. Então vamos olhar lá dentro. Como você vê, este banner consiste na emissão de fundo, estes blob amarelo de alguns textos, imagem e lager. Então, quando eu criar um novo post e basta copiar colar o anterior e alterar o produto, alterar o título e este texto. Se eu precisar. Qual é a diferença entre todos esses posts? Como você vê, o amarelo é o fundo mais distante de tudo. E este banner, o primeiro fundo é o azul, então amarelo está em cima dele. E o mesmo aqui. O amarelo está atrás, aqui o azul está atrás. E que outra diferença? A diferença é que quando eu usei, quando eu criei esses arquivos, eu usei mascaramento de fundo. Então eu uso máscara para o fundo. E se eu mover este fundo aqui, deixe-me encontrá-lo em vai assim. Então, e quando eu uso estes, eu uso este blob para estar no topo do fundo. E como você símbolo, o chão está em seu tamanho total. Por que eles fizeram isso? E qual é a diferença? Essa diferença vem se você quiser colocar alguns objetos como este produto atrás ou na frente de sua bolha amarela. Enquanto essa imagem, minha bolha amarela é apenas máscara. Então, na verdade, não há nenhuma bolha por aqui. Eu só tenho um fundo amarelo de todo o banner e eu uso alguma imagem dele. Isso significa que eu não posso trazer minha imagem dos fones de ouvido atrás do fundo amarelo porque amarelo é a mais bela do chão aqui. E quando ângulo aqui, vejo que o fundo é azul. Então blob vetorial amarelo está na frente do azul. E isso significa que eu posso, eu posso colocar meus fones de ouvido para trás. Se eu quiser. Posso movê-lo para cá. E como você vê o jogo na frente da nossa bolha. Então vamos ver como criar esse equilíbrio. Vamos começar com o mais simples. A partir deste, eu copio colá-lo. Certifique-se de que eu vou fazê-lo a partir do zero. Então eu crio um novo quadro. Vou copiar a minha bolha daqui. Então eu tenho essa bolha amarela. Coloque-o aqui. E você vê que há um efeito de sombra interior. Quando acerto, parece que está na frente do fundo e que a luz cai nele. Se eu torná-lo preto e cinza, e o efeito será o oposto como aqui. Ok, então eu vou deixar branco. Ok, eu coloquei aqui. Vou copiar minha imagem de fundo aqui, assim. Eu copio o meu mais longo, ok? E quero copiar esta manchete aqui. Meu blog vetorial não está lá dentro. Então eu coloquei dentro da minha moldura. Agora é para casa e eu vou copiar o texto. E agora nossa guitarra de mina de cobre. Então é assim que eu crio este post, e isso é muito simples. Se eu precisar mudá-lo, eu apenas copiar, colar a banana inteira e substituir o produto, substitui textos se eu precisar. Agora vamos ver como criar. Não eram quando usaram uma máscara. Então eu tenho uma moldura. Agora eu preciso criar uma máscara para esse plano de fundo. Para isso, eu preciso ter algum objeto que seja dessa forma. Para fazer isso, vou criar um retângulo de forma. E combinarei com o envelope. Daqui. Preciso movê-lo da ferramenta de moldura. Ok, aqui. Então agora eu tenho duas formas e eu quero fazer uma forma que eu quero fazer isso. Vou honrá-los como gostei da maioria deles. E agora preciso cortar essa área do nosso retângulo. Então vou subtrair a seleção. E agora eu tenho essa forma para que eu possa copiar meu fundo. Então agora eu tenho uma imagem que eu quero mascarar e eu tenho uma forma que eu vou usar para mascarar minha imagem. Então eu vou juntá-los e agora eu tenho que lê-lo. Vou colocar minha forma atrás da imagem. E quando eu selecionar esses dois objetos, usarei essa opção de máscara. Então agora minha imagem é cortada com essa máscara. Agora eu posso adicioná-lo ao meu banner até que eu apliquei efeito de máscara. Este grupo de máscaras apareceu e eu vou usá-lo assim. Eu quero. Então agora eu posso definir a cor de fundo de todo o quadro para amarelo. E agora isso parece quase o mesmo. Afinal, a nossa vontade adicionar efeito de sombra e eu vou configurá-lo para branco ao longo do mesmo e eu vou adicionar mais capacidade. Então parece bem e o amarelo provavelmente tem que torná-lo uma semana principal 2020. Algo como isto. E agora eu só tenho que adicionar meus objetos aqui. Vou adicionar esses fones de ouvido. E o membro 0. Neste caso, não posso colocar meu objeto. Eu posso colocar minha imagem atrás da bolha amarela porque eles LL golpe é na verdade um fundo. Então eu só posso colocar meus fones de ouvido atrás da rodada Bloomberg porque na verdade não é subterrâneo, é um objeto acima do meu fundo amarelo. Então é assim que funciona. E depois disso, adicionarei essas tags. Vou adicionar logger e eu tenho este modelo. Então, como você vê, há várias maneiras de fazer as mesmas coisas em Figma. E se você sabe o que você quer obter, você pode usar qualquer um deles. E vamos olhar para esses posts. Tipo diferente. Fiz duas postagens semelhantes com produtos diferentes. Mas se você olhar de perto, você entenderá o dia em um pouco diferente. Então vamos começar com este. Ele contém um logotipo. Ele contém vários retângulos com traços diferentes. Então isso é na verdade um retângulo. Então deixe-me criar o mesmo post aqui. Vou adicionar o quadro, e vou adicionar alguns retângulos. É. Um nove a cinco por 774, ok, e eu faço duas de oito curvas em torno dele assim. Então eu adiciono um traço largo ou exemplo como este. E é assim que faço a minha bandeira. Vou fazer amarelo palha. Ok, e agora eu fiz o sentimento invisível. Então isso olha para um semelhante. Eu vou adicionar o chão, preencher toda a imagem e eu vou fazer destruir para estar fora da bandeira. Agora eu duplico estes e eu vou torná-lo mais amplo. Eu vou torná-lo branco, e eu movê-lo para trás do anterior. Então agora vamos olhar semelhantes, talvez traços onde permanecem. Então eu vou usar a frase e eu vou me mover. Defina assim. E, na verdade, é quase isso. Vou torná-los um pouco menores. Vou adicionar algum texto, copie colá-lo. Posso usar um logotipo. Posso copiar e colar daqui, ou posso fazê-lo daqui. Onde eu tenho meus componentes por mais tempo. E vamos colá-lo na minha imagem. E eu só tenho que adicionar este texto. E eu tenho uma imagem. Há diferentes dimensões aqui como você vê em tempo útil vai acima dos traços e meu sintetizador vai atrás deles. Então, como eles fizeram isso? Eu tinha duas imagens. Vamos levá-los. Então, quando coloco guitarra na minha faixa, obviamente eu apenas auditoria assim. Então isso é bem fácil. Mas quando um sintetizou que eles estão diminuindo assim, e eu queria ser cortado por essas drogas. Então eu posso colocá-lo assim atrás dos traços. E agora olha para dentro da fronteira. Eu provavelmente tenho que fazer este logotipo menor. Isto é OK. Então agora temos duas placas diferentes para nossos posts e podemos trocar produtos por aqui. Podemos alterar textos, seus nomes e ter novos e novos posts se você quiser pausar diferentes produtos em nossa conta do Instagram. E temos postagens do Pinterest aqui. Então, como você vê, este é um modelo muito semelhante ao meu Instagram. Na verdade, eu criei esses modelos a partir das postagens do Instagram. Usei tudo assim. Estamos em outra forma. E eu tinha um ser um passado aqui. E vamos olhar para esses posts para mídias sociais. E vamos fingir que queremos postar imagens diferentes com citações de alguns músicos. Então, o que temos? Vou criar um novo quadro Pinterest. Vou usar a mesma bolha que usei antes. Eu copiei colado. Devo copiar colar em todo o conhecimento? Bolha? Vou adicionar um pouco de cor temporariamente. E eu quero colocar um majors como pano de fundo. Então eu só tenho que copiar minha imagem dentro do quadro, diminuindo. Tudo bem, é, ele se encaixa no tamanho. Então eu não tenho que cortar mais nada. Agora, eu apenas colocar meu envelope em cima dele, torná-lo branco novamente, e adicionar alguns textos e adicionar alguns mais. Então, como você vê, isso é bem simples. Tudo o que você precisa é criar esse blob. E deixe-me mostrar-lhe como criar este blob terá lição separada para plugins, mas eu vou mostrar-lhe este plug-in agora. Procreate e blobs de blobs como este. Ok. Então, na verdade, eu fiz um post e se eu quiser mudar, algo, poderia mudar o texto e a imagem. Eu tenho que copiar, colar tudo e substituir as coisas que eu preciso. E como eu prometi, vamos olhar para o plugin do blog. Eu quero criar essas bolhas de forma aleatória, e eu tenho um plug-in para elas. Clique com o botão direito do mouse em algum espaço livre, clique em plugins, e estou procurando por blobs plugin. Então eu tenho duas configurações aqui. Vamos nos transformar em culpa. Terei blogado assim. Na verdade, isso é muito parecido com o que eu preciso. Posso redimensioná-lo assim, e provavelmente vai ficar tudo bem. Em seguida, veja como criar formas diferentes. Se eu adicionar, disse isso dez a dez para ser assim. Se eu definir de nove a dez, ele vai mentir isso. Então você pode brincar com essas configurações e criar lóbulos diferentes. Você define 100 integral, dizer que os valores devem ser de um a dez. Ok, então é assim que criar esses blobs de forma aleatória usando o plug-in Blob. Deixe-me mostrar-lhe como criar tal post com estes efeitos. Vou criar um novo quadro. Monitorado. Por 1500. Vou copiar algo daqui. Vou adicionar a imagem de fundo. Vou adicionar estes moldura. Então este é apenas um retângulo e dois textos em k. e o retângulo é preenchido com preto e 50% de opacidade K. Eu vou copiar colar mais tempo. E agora eu quero adicionar esses filtros. Como você vê, há alguma cor e toda a imagem é desta cor e preto e branco. Então, na verdade, eu tenho que fazer minha imagem preto e branco primeiro e depois terminar esses filtros. Então, como fazer isso? Vou fazer uma nova moldura. Então, seleção de quadros. E vai a minha chuva lá fora e depois não, assim. Então eu tenho um novo quadro logo acima da minha imagem de fundo e eu vou copiar colá-lo. No início. Quero fazer o meu fundo preto e branco. Para fazer isso, vou sentir minha imagem com preto, e vou clicar neste ícone de soltar. Isso permite que você selecione um modo de mesclagem. Há modos diferentes por aqui. Não vamos cobrir todos eles. Você pode brincar com eles para fazer imagem em preto e branco. Use saturação. Como você vê, eu coloquei qualquer cor preta e branca em todos ser o mesmo. Vai torná-lo preto e branco. E agora eu quero, vou chamá-lo de preto e branco. Teremos termo. E agora eu quero adicionar um pouco de cor. Então vou adicionar um pouco de amarelo. Eu vou assim. Em seguida, vá para o Modo de mesclagem e defina-o para sobreposição. E agora parece muito parecido com o que eu tinha antes. Talvez algo assim. E agora, se você quiser criar outra pausa para copiar e colá-la, substitua sua imagem de fundo por algo que você deseja. Vou tomar estes com baseem k, e vou colocá-lo atrás dos filtros. com base em k, Filtrar e eu posso mudar de cor se eu quiser. Ok, então que seja assim. Então, como você vê, todo o fundo mudou sua coluna, mas o nosso mais longo ainda roxo porque ele está acima da camada de filtro. Então, na verdade, é assim que criaríamos posts para mídias sociais em Figma. Como você vê, eu não usei muitos modelos aqui porque normalmente você não tem que multiplicar tudo em todas as suas redes sociais. E mesmo se você fizer isso, isso é muito difícil automatizar essa caminhada nessa escala que você acabou de colocar uma imagem e ter um monte de postagens diferentes. Na verdade, posso fazer isso como fizemos com os banners do Google comprados da minha experiência. Normalmente, eu não gosto disso. Tenho alguns modelos para todas as redes sociais e mudo tudo para uma rede social. É assim que lidamos com posts para mídias sociais em Figma. Claro, se você quiser, você pode criar algum modelo como fizemos para o saldo do Google, onde você muda um lugar e em vai para todos os seus formatos. Mas eu prefiro criar posts para mídias sociais de forma independente porque geralmente eu quero criar algo um pouco diferente para diferentes redes sociais. Mas ainda assim, esses modelos para cada rede social me ajudaram muito. Eu acho que você tem uma idéia de como lidar com posts para mídias sociais em Figma. E como você vê, há uma quantidade infinita de diferentes variantes que você pode usar para suas postagens. Então você pode ir e tentar. E novamente, eu acho que isso economiza muito tempo comparando com Photoshop ou com alguns outros editores como Canva crédito ou algo assim. Porque você tem tudo em um só lugar. Você pode ver todos os seus posts anteriores de todas as suas imagens anteriores e você pode alterá-los facilmente. Então Figma economiza muito tempo quando você cria postagem para suas mídias sociais. 56. Plugins 11.1: Vamos ver como usar plugins em Figma. Plugins pode economizar muito tempo aqui porque eles podem fazer algum trabalho automaticamente e economizar muito tempo. Então eu tenho vários plug-ins que eu uso muitas vezes e vou mostrar como usá-los para você. Em primeiro lugar, Vamos ver onde encontrar plugins. E teremos nossa página da comunidade. E há plugins aqui. E se eu quiser encontrar alguma sinalização, eu posso navegar nesta lista ou eu posso procurar por algo aqui, por exemplo, eu quero encontrar fornecendo seus quatro ícones como você vê, há muitos deles. Quando você tem estas etiquetas pretas, isso significa que você já instalou este plug-in. Desculpe, acho que isso é bastante óbvio. Vamos voltar aqui e ver esses plug-ins que temos. O primeiro, remova o meu chão. Ele remove fundos de imagens diferentes, de pessoas, de objetos e assim por diante. Como podem ver, mostrei alguns exemplos de como funciona. E não funciona perfeitamente todas as vezes, mas em muitos casos funciona bem. Então olhe para esta imagem e o que temos aqui? Como você sabe, se você tentar fazer isso no Photoshop, será uma semana de trabalho para fazer tudo isso, porque se você olhar para isso aqui, você vê que isso é transparente. Então deixe-me definir um pouco de cor aqui. Então você entende, sim, como você vê, este é um trabalho muito bom. E como usá-lo. Vou copiar colar esta imagem. Eu tenho que clicar com o botão direito do mouse nele e plugins e eu vou encontrar o meu removido e terra. Ou é um terreno de movimento? E eu tenho que executá-lo. Eu cliquei em Executar, ele funciona por um tempo e agora eu tenho uma malha sem fundo. Se você notou, há configurações definir API k. Isso significa que você tem que ir para o site deles e se registrar lá e obter sua chave API. Vamos ver como funciona. Então vamos para onde seu site removido ponto Vg e criar nossa conta. Pressione em nosso continuum, Google Notícias, por exemplo. Estes conta irritado com os termos e inscrição. Ok, e eu tenho que ir para ferramentas e API. E a integração da API. Há um botão Obter chave API. E agora eu tenho. Então, quando eu voltar para Figma e eu, deixe-me re instalar este plugin. Vá para Plugins, terra aberta, e eu instalei. Ok, agora eu volto aqui e eu não posso mais usar este plug-in porque não há controle remoto e terra aqui. Então eu vou voltar lá e instalá-lo. E ganhar K agora mostra que ele está instalado. Agora eu clique com o botão direito do mouse em meus ligandos de imagem e há um campo de movimento. Eu quero executá-lo. Mas isso não me permite sem chave API, então eu tenho que configurá-lo à frente. Um MPI veio aqui, talvez funcione, eu guardo e corro. Agora, como você vê, ele está correndo e provavelmente eu vou obter meus resultados. Ok, bom. Então, como você vê, você tem que criar uma conta, você tem que reduzir isso, Remover BG. E depois disso, você pode obter uma chave de API. E depois de inseri-lo aqui, seu plug-in funciona. Há uma limitação de quantas imagens você pode processar por mês? Não me lembro exatamente. Provavelmente são 15 ou sim, são 50. Você pode usar 50. Chamam-lhe pré-visualizações. Assim, podemos remover o solo de 50 imagens diferentes aqui. E vejamos o resultado. Parece que está bem. E aqui nós comunicamos a mensagem com este fundo de cor semelhante e seu cabelo. E neste caso, não funciona perfeitamente. Mas é muito difícil fazê-lo a partir desta imagem. E o que temos aqui? Na verdade, funciona, ok, mas como você vê, esses dois erros ainda estão com o terreno aberto. Aqui. Funcionou quase bem, mas como vê, removeu estas peças destas prateleiras. E todas as imagens parecem bem, e aqui temos esse artefato também. Então, como você vê na maioria dos casos, esta bandeira e anda muito bem e economiza muito tempo. Pode fazer a maior parte destes Walkman apenas num dia ou em dois dias. Ok, vamos passar para outro plug-in que eu uso. É um pequeno compressor de imagem. Como você entende, ele irá comprimir suas imagens. Incompleto baseou isso. E quero exportar esta imagem. E vamos olhar para o seu tamanho. Diz que é quase dois megabytes, então é praticamente, Vamos usar cegueira em comparação de imagem minúscula por um tempo. E eu quero comprimir minha imagem. Você pode definir a qualidade e vamos pressionar a compressa. Vai andar por um tempo. E agora tenho o meu ficheiro. E como você vê, ele economizou 70% do tamanho do arquivo. Então caminhar espalhando seria. Existe um plug-in semelhante no compressor. Ele funciona pouco diferente e projetado especialmente para anúncios do Google. E é isso para este vírus. E exportá-los. Quando exporto, vejo que duas dessas barras têm mais de 150 kilobytes. E, como você se lembra, Google permite que você carregue imagens apenas até 150 kilobytes com bônus regular. Então, o que tenho que fazer? Vou vender essas imagens, clique com o botão direito do mouse plugins e encontrar o meu no plugin compressor. Então, como você vê, ele compacta arquivos em 150 kilobytes. Na verdade pode alterar essas configurações, mas geralmente eu deixo assim. Às vezes, este plugin não anda muito bem. Se você tiver arquivos muito grandes, ele pode compactar não para 150 kilobytes. Neste caso, você tem que fazê-lo manualmente em algumas outras ferramentas, mas vamos comprimir aqui e ver o que temos. Então, como você vê, eu guardo um monte de tamanho de arquivo. E agora todos esses quatro banners estão bem para o Google. Agora eu posso baixá-los para fazer um arquivo e eu posso baixar todos esses formulários equilíbrio. Certo, vamos para onde McGrath dança. Eu usá-lo com bastante frequência porque ele cria ingredientes bonitos para meus quadros. E esta moldura. E em vez de usar essa opção de campo e tentar criar um gradiente de cores diferentes, eu posso usar esse plug-in. Posso clicar com o botão direito do mouse em plug-ins quando gradientes e satélites e com mais raiva do que eu quero. Alguns deles são muito bonitos. Então, como você vê, o que eu posso conseguir. Muito simples, mas muito eficaz. Ok, nós já criamos blobs com nosso plugin nas lições anteriores, então queremos cobertura. Aqui. Há outro gerador quente, Ruden indisciplinado. Na verdade, vamos executar este plug-in. Há muitas configurações nele. Então você pode jogar em torno de dois quadros. Esta vergonha, e o cenário principal é este cubo arco-íris de euforia. Isso significa que você terá diferentes tipos de formas. Então cubo é para esses tipos de forma. Arco-íris é para esses tipos de forma. E euforia é para esses tipos de formas. Vamos usá-lo. Você pode definir algumas cores e ele irá gerar algumas formas. Então, como você vê que ele está colocando isso, você pode alterar essa configuração. Consentiu. Então, podemos brincar com todas as configurações e criar um monte de fundos diferentes e assim por diante. Então, como você vê, há muitas dessas dicas aqui. E este é um plug-in muito interessante se você precisa criar alguns banners para algumas regiões e você pode criar mapas web aqui. E clique com o botão direito nessa área e clique em mapas vetoriais. Digamos que quero adicionar contornos selecionados pelo Brasil e quero obter essa camada. Ele vai criar uma camada de uma forma no Brasil colocando isso vai levar algum tempo. Ok, nós não vamos esperar por isso e entender que vai criar um Brasil de mármore aqui. Como instalar qualquer um desses plugins? Você tem? Encontre-o pelo seu nome, ou você só pode copiar, colar este link, colá-lo no seu navegador. Você vai entrar em conta Figma e você pode instalar este plugin, como você vê que já está instalado. Você pode simplesmente ir para a comunidade e procurar plugins. Por aqui. Há um monte, um monte de plugins e Figma, para que você possa verificá-los. Mostrei alguns deles que uso quase todos os dias. Eles são bem interessantes. E como você vê, eu tenho um monte de plug-ins aqui também. Alguns deles são para criar animação, para criar vídeos. Alguns deles para criar alguns objetos 3D. Alguns deles vão apenas baixar alguns ícones aqui em apenas bandeiras. Por exemplo, uso bandeiras, tendências e injustos, e seleciono o sinalizador que eles querem. Posso usar um retângulo ou quadrado. Um exemplo que quero acrescentar. A criação foi adicionada em algum lugar. Eu não vejo isso. Eu não tenho certeza. Sim, é por aqui. Então esta é a bandeira. E como você vê, é feito em uma forma vetorial. Isso significa que posso escalá-lo. Vire sendo tamanho e a qualidade ainda é ótimo dia. Então isso é tudo o que eu queria dizer sobre plugins. Você pode procurar por plugins diferentes em sua própria comunidade mais ampla. Encontre alguns artigos, use plug-ins diferentes. Eles vão automatizar e economizar muito tempo. 57. Board 12.1: Aprendi a criar um monte de banners em Figma, e aprendemos como criar um monte de equilíbrio para cada mesa e em Figma. Agora, vamos ver como gerenciar tudo isso porque você pode ter uma pergunta. O que eu tenho a ver com todo esse homem na década? Porque é muito difícil de gerenciar do que quando você tem centenas de variantes diferentes de seu saldo. Então nós temos uma ferramenta para isso, isso e meninas e comprou. Na verdade, eu faço isso em Trello e você tem este modelo também. Se eu tiver um link para este álbum, você poderá copiá-lo para suas pastas de avaliação se não usá-lo. Isto é muito simples. Basta criar uma conta e você pode usar a TI. Gerencie seus criativos. O que está aqui? Este é Kanban ou placa Scrum, onde temos colunas diferentes e temos cartões diferentes. E quando começamos nosso teste, quando começamos alguma hipótese, adicionamos a uma dessas colunas. E, em seguida, enquanto ele ganha alguns dados enquanto ele é lançado e assim por diante, em um vai para o direito de sucesso ou falhar. Então este é um modo para testar hipóteses. O que é hipótese? Hipótese é, por exemplo, afirmação. Se adicionarmos uma menina bonita aos nossos banners e montar que temos descontos em nossos produtos. Ganharemos uma sitar melhor em nossas campanhas publicitárias. Então você cria seu equilíbrio com essa garota com algum desconto e você testa. E enquanto você é Testamento, você move este carrinho da esquerda para a direita nestas colunas. Então vamos olhar e essas colunas mais perto. Épico. Esta é uma coluna para algo que você não quer testar agora para algumas coisas que você quer fazer no futuro e você não sabe quando. Por exemplo, você pode adicionar algum cartão que você queria testar, mas algo mudou e você não é capaz de testá-lo agora. Então você pode colocar esse corte em ideias épicas de colunas. Esta é a coluna de ideias, todos os membros de sua equipe, ou você compra brilhante algumas idéias aqui de uma forma muito abstrata. Por exemplo, honestamente com o texto, instrumentos musicais premium convertem melhor, algo assim. Ou banners com a garota do rock ganharão um CTR alto. Então é assim. Isto ainda não é uma hipótese. Isto é apenas uma Índia. Então você a partir da hipótese desta idéia. Então, se eu tivesse um bônus idéia com o texto premium instrumentos musicais converter melhor, ele vai se transformar em esses criativos com o texto. Premium, instrumentos musicais aumentarão a taxa de conversão cr de 5,5% para 7% porque eles vão cortar aqueles que procuram barato. Então vamos fingir que temos uma loja de instrumentos musicais exclusivos de caros. E pensamos que se escrevermos premium em nosso equilíbrio. As pessoas que querem comprar instrumentos musicais baratos não baterão e não chegaremos ao nosso site e teremos uma melhor conversão. E eu tenho alguns campos aqui, descrição ou minha órtese que a métrica, sua taxa de conversão, valor métrico histórico é de 5,5%. Isso significa que, nas minhas campanhas anteriores, a taxa de conversão era de 5,5. E agora estou à espera do meu teste AB para o meu experimento. E então eu vou escrever, o que eles entraram nesses campos? E depois destes são vai entender se isso funciona ou não. Então, no começo, eu apenas formo uma hipótese. Todos os membros da equipe moveram a hipótese de que eu acreditava ser melhor para esta coluna de prioridade. Isto é para o caso quando você tem um monte de idéias, um monte de hipóteses, e você entende, você não tem tempo para testá-las neste sprint nesta semana. Normalmente eu ando semanalmente para sprints semanais. Isso significa que eu testo hipóteses uma semana ou duas semanas. Se estes são hipóteses de marketing, geralmente é suficiente de fraco para testá-los, inverter esta hipótese são mais complicados e precisam de mais dados. Você pode executá-los em uma base de duas semanas, mas eu prefiro que você comece com uma semana. Então isso significa que no início da semana e vemos na coluna de hipóteses, e vemos, por exemplo, Bowtie deles. E entendemos que é demais e queremos testar talvez Tim, e estes podem ser 15. Então coloque a melhor hipótese em prioridade. Cada pessoa, cada membro da equipe decide qual de sua hipótese é melhor testar no sprint e adicioná-los à prioridade. Então você tem uma reunião, provavelmente está online e você vota. Qual destes cartões são melhores para testar esta semana? Neste sprint, você os classifica. Então, quanto maior é a multidão, mais prioridade ela recebe. Mais alguns gatos podem ir para o próximo sprint. E provavelmente quando você discutir sua hipótese durante sua reunião, você irá adicionar algumas hipóteses dessas colunas em seu sprint atual. Sólidos dizem que você escolheu 10 hipóteses, mas então você entende que você não tem recursos suficientes para testar todas elas, geralmente apenas ao redor delas por aqui. E as pessoas que criarão violência, que criarão suas campanhas publicitárias, as escolherão dessa coluna e aumentarão a produção. Então, quando um cartão está nesta coluna de produção, isso significa que alguém está fazendo coisas para fazer acontecer para executar esses testes, para testar esta hipótese. Depois de tudo é feito e a campanha é lançada, cartão vai para coluna de coleta de dados e ele fica aqui até que os dados são coletados. Os dados não são coletados por algum motivo. Por exemplo, você interrompe a campanha para sempre. Você só tem que mover este cartão provavelmente para épico para falhar ou apenas para excluí-lo, se você entender que você nunca vai usá-lo novamente. Mas costumo colocá-los em épicos e testá-los no futuro. E finalmente, quando você obtém seus dados coletados e você coloca seu gato ou para o sucesso ou para a coluna falhou. Então, no nosso exemplo, temos Hipótese 1 é criativos com o texto instrumentos musicais premium vai aumentar a taxa de conversão de 5,05 para 7% porque eles vão cortar aqueles que procuram resultados baratos. Como você vê, há alguns campos adicionais aqui e você vê que há para o Google, para o Reino Unido, e para produtos de guitarra. Ok? E este carrinho é para o Facebook. E essas são taxas de conversão ligeiramente diferentes porque, como você vê neste exemplo, Facebook se converte melhor e sua taxa de conversão inicial foi de 6,3, então queremos que seja de 8%. Finalmente, temos resultados depois de cada carrinho movido de uma coluna para outra, onde ver que temos taxa de conversão 8.4% no Google. Assim, vemos que é maior do que 7% que queríamos. E isso significa que temos uma hipótese bem sucedida. E o outro tem taxa de conversão 6,5. Isso é mais de 6,3 que tínhamos antes, mas não é 8%. Isso significa que marcamos essa hipótese como falhada. Mesmo que obtenhamos 7,9%, ainda o colocamos na falha e na coluna. Então você tem que entender que o sucesso e o fracasso dependem de quais metas você estabeleceu. Então, se você tivesse uma taxa de conversão de 5,5% e você definir uma meta para 50%, provavelmente todas as suas hipóteses falharão porque não é um cenário realista. E se você colocar 7%, provavelmente está tudo bem. Então você entende que é razoável e você provavelmente pode obter esses resultados. Mas se você definir sua meta para 8% e você não fez, novamente, isso não significa que esta hipótese é, mas isso não significa que seus banners, seus criativos, e ruim, você provavelmente pode usá-los, mas provavelmente você quer mudá-los e letal para obter resultados ainda melhores. E você pode andar com eles, deixá-los em campanhas, ou você pode até escalá-las. Mas isso significa que quando você previu sua taxa de conversão, você não fez isso tão bem. Ou você fez isso bem, mas os humanos não são bons o suficiente. E quando você começa seus sprints uma e outra vez, você tem novas e novas hipóteses. Você vai prever melhor. E você vai executar hipóteses que realmente significam alguma coisa. Então se você diz que eu quero ganhar conversão e 50 por cento depois que você vai, depois que você chegar em 5.5. Isto não faz sentido. Então estes, É por isso que você vai colocar tal cartão em falha. E então na próxima primavera você entende que você não será capaz de obter cij taxa de conversão e provavelmente seu objetivo, seu objetivo será menor, mais razoável. Então é assim que as coisas andam. E depois que você testar sua hipótese várias vezes, você terá todos os resultados aqui. Quando você tiver muitos deles, você pode criar algum entalhe de seus cartões e movê-los para outras colunas. E nós temos a última coluna, é revisão e coluna retrospectiva. Vou renomeá-lo para rever centenas em relação ao que isso significa e como usá-lo. Se temos um sprint semanal, isso significa que no final de cada sprint, agora temos uma reunião e anotar qual resultado temos? O que planejamos e o que conseguimos? Então nosso plano era testar cinco hipóteses, e na verdade, testamos apenas duas delas. Um deles é bem sucedido, um deles bem sucedido. Então nossa taxa de sucesso é de 50% e temos que anotar insights de nosso sprint. O que aprendemos, o que usamos no futuro? Bem entendido que o uso de instrumentos premium no menos oferece resultados diferentes, dependendo da plataforma de publicidade precisa de mais testes. Por isso funciona bem para o Google, mas não tão bem para o Facebook. E isso significa que provavelmente temos que criar mais algumas hipóteses para andar por aí e entender instrumentos musicais de alta qualidade. Será que ele faz uma mudança real na publicidade ou não? Então, depois disso, você terá mais e mais hipóteses. Você obterá mais e mais resultados, e você será capaz de entender o que funciona e o que não funciona. E, por exemplo, você tem um novo membro da equipe e você pode apenas mostrar-lhe este BAD. Mostre-lhe todas as hipóteses bem-sucedidas e fracassadas. E você entende seu marketing e sua situação muito, muito melhor do que se você entendesse. Diga-lhe isso por Watts. Então esta é uma ótima ferramenta para testar hipóteses, para testar um monte de Varnas diferentes, deterministas, muitos criadores diferentes, e assim por diante. Esta é uma placa de crescimento e é projetada não só para testar. Criativos. Estes são os passos do funil de conversão, que seus leads, que são clientes passam quando interagem com sua empresa. Quando falamos de criativos, de bananas, estamos no primeiro ou talvez no segundo passo. Então, o primeiro é para conscientização e métricas para esses passos são alcance, quantas pessoas você alcança com sua publicidade? Essas são métricas para aplicativos, serviços e assim por diante. Então, se você vender algo on-line, se você tem, por exemplo, loja online, você tem essas métricas para o seu funil. E as métricas de aquisição ou a etapa da nossa taxa de conversão, custo por lead, custo por ação, custo por taxa de rejeição de venda. Normalmente, quando você testa seus criativos, eles não afetam tanto sua taxa de conversão. Mas eles afetam a CTR. Em grande escala. Isso significa que a maioria das hipóteses de seus banners terão declarações. Esses criativos aumentarão a CTR de 16% para 17% e assim por diante. Às vezes, quando você cria novas páginas em seus criativos, filtre alguns de seu público ou alguns de público desnecessário. Nesse caso, esses criativos influenciam taxa de conversão e você pode marcar os passos com a etapa de aquisição, mas a maioria de vocês está comprando afetará apenas CTR. E isso significa que este é o passo de conscientização. Há outros passos, mas eles não são sobre criativos. Eles são sobre o uso do site pesquisador sobre a qualidade do produto, sobre quantas pessoas voltam para seus servidores se este é um serviço, quanto dinheiro você ganha de cada pessoa e como seus usuários, como seus clientes recomendam seus serviços para outras pessoas. Então, queremos cobrir todos esses quatro passos. Vamos nos concentrar nesses dois. E como eu disse, quando você testa seus criativos, geralmente uma cítara de teste. Então você compara um com outro maneiras no mesmo sistema de publicidade com o mesmo público, com a mesma página de destino. Se você, por exemplo, testar em páginas de destino diferentes, você adicionou textos diferentes, você tinha imagens diferentes em suas páginas de destino e você quer testar qual delas converte melhor. Neste caso, você pode escrever para baixo e Índia, em seguida, para formar a hipótese, emprestando página com um texto um vai aumentar a taxa de conversão de 5% para 6%, porque ele vai mostrar nossas vantagens de uma maneira melhor do que era antes. E você testa essa hipótese com alguma ferramenta de teste AB como o Google Optimize Optimizely ou algo assim. Esta é uma descrição muito breve e breve do quadro de crescimento e dos processos que estavam por trás dele. Mas é o suficiente para você testar seu bônus, para testar seus criativos. E mais uma coisa sobre teste e banners para o Google. Como você sabe, há muitos formatos lá, especialmente se você tocar em anúncios de exibição regulares. E, e idealmente, você pode executar uma hipótese independente para cada um dos tamanhos. Porque, como você sabe, às vezes acontece e acontece muitas vezes que banners de um tamanho convertem melhor em um texto e banners de outro tamanho converter pior. Então, neste caso, você provavelmente quer criar uma hipótese independente para o tamanho Bono idade, mas isso será muito demorado e isso não será tão fácil de gerenciar quando você tem um monte de criativo. Então o que eu sugiro é fazê-lo talvez uma, duas vezes para entender quais idéias entram se formatos e o que evitar. Por exemplo, você vai entender que no bônus murmúrios com pequenos formatos, você não tem que colocar um monte de textos porque não é realmente bem, na verdade, isso é óbvio, mas talvez tenhamos conclusão depois disso. Se você quiser medir todo o seu bônus de forma independente para anúncios do Google, provavelmente você precisa criar um arquivo do Google Spreadsheet ou Excel. Então, seria algum tipo de mesa, porque será muito difícil gerenciá-lo neste trailer. Quero. Então, como você entende, se você tem 20 equilíbrio, você terá 22 hipóteses separadas. E se você tiver ideias diferentes, por exemplo , três ou quatro, serão 100 cartas aqui. Será muito demorado. Mas depois de coletar todos os seus dados com todos os seus formatos, você entenderá a informação geral, a hipótese sobre instrumento musical premium, bem sucedido ou não. E você colocou esses resultados nesses comprados. Então, espero que você use essas palavras para impulsionar seus resultados de marketing. E então vamos seguir em frente. 58. Cartão de Hypothesis 12.2: Vamos olhar dentro do Deus deles. Embora hipóteses mais estreitamente como vimos antes, temos estas manchete. Na verdade, diz o que fazer com o teste. E esta é a declaração de nossa hipótese e como usar a seção. Nós realizamos muito como escrever uma boa hipótese, e vamos cobri-la em uma lição separada. Agora estamos aqui. Então descrição. Você pode escrever algo aqui se você acha que seus companheiros de equipe vão entender melhor o que você vai testar. Se o título for óbvio, você pode ignorar esta descrição. Métrica principal, sua taxa de conversão ou CTR. Normalmente, a métrica adicional pode ser cítara. Por exemplo, você executa, por exemplo, você executa diferentes variantes de seus anúncios. E você entende que você quer cortar seu público também, cortar biocriativos desnecessários do público como aqui. Então escrevemos instrumentos musicais e entendemos que as pessoas que querem comprar instrumentos baratos querem ir ao nosso site. Mas isso significa que provavelmente perderemos nosso cetera. Não é crucial porque se ganharmos taxa de conversão, se pararmos de perder dinheiro com pessoas que não querem comprar na nossa loja. Isso significa que estamos bem em perder CTR. Mas se o perdermos muito dramaticamente, provavelmente teremos que encontrar algum compromisso. Isso só significa que temos que ficar de olho na CTR também. Mas nossa principal métrica para esses experimentos, para esta hipótese ainda é taxa de conversão como valor mágico Oracle. Isto é o que temos antes. Exemplo de captura de tela de dados históricos. Este mostra o que as estatísticas fazem, já tínhamos antes? Por que é importante porque vamos calcular significância estatística e devemos entender que esses valores são precisos. E quando temos essas capturas de tela, isso torna tudo mais visual. Depois de recebermos nossos dados, colocamos os valores aqui e faremos outra captura de tela e colocamos aqui. Afinal, calculamos significância estatística porque às vezes obtemos resultados muito próximos e não entendemos se eles valem alguma coisa ou não. Então, neste caso, usaremos uma calculadora de significância estatística e veremos se nossos resultados são significativos. Bem cobre o significado estatístico em uma lição separada. E depois da hipótese, É autor deve escrever conclusão, o que temos y ou não, eo que fazer a seguir. Então, por exemplo. Como aqui, esses criativos aumentam ligeiramente a conversão, mas não da maneira que esperávamos o que fazer a seguir. Vou deixá-los andando e procurar outros criativos para aumentar a taxa de conversão, por exemplo. Com esta idéia, isso significa testar diferentes criativos com instrumento musical premium para ver se essas declarações funciona em nenhum. E há mais uma coisa, campos personalizados. Quando você se registra e quando você usa trilha e não há campos personalizados em seu carrinho. Então este é um poder de atraso no trailer. Está situado aqui campos personalizados. Então eu tenho campos personalizados como este. E eu vou adicionar um novo campo, por exemplo, eu vou configurá-lo para baixo e será, digamos marca. E temos alguma variação. Por exemplo, genérico significa que nenhuma marca será Gibson, ser um, rei, j será yamaka e assim por diante. Então, depois que estes podem usar marca, um exemplo, isso é genérico e publicidade. Eu não tenho nenhuma marca. E se eu definir esta caixa de seleção, isso significa que este campo um aparecerá e o carrinho aqui, então ele será em marca genérica. Se eu vender isso, ele desaparece. Então é assim que esse power-up caminha. Se você quiser ativá-lo, basta acessar Adicionar Power Apps. Você pode adicionar um poder livre com cada conta de avaliação e você tem que encontrar campos personalizados. E se você quiser, você pode simplesmente adicioná-lo à sua conta. Rela permite que você adicione alguns comentários a cada modo para que você esteja livre para adicionar quaisquer comentários. Você pode mencionar seus companheiros de equipe aqui e assim por diante. E se você quiser adicionar uma imagem ao seu cartão, você tem que anexá-la. Então você tem apego. Computar. Vamos adicionar outra coisa. Por exemplo, eu gostaria de terminar esta imagem. Agora temos duas imagens aqui e, como você vê, tornou-se uma capa do seu cartão. Mas eu quero fazer a capa da imagem anterior. Então eu vou aqui e clique em Fazer capa. Então agora eu tenho duas imagens diferentes no meu cartão, mas eu posso selar a capa. Aprendemos como usar um cartão de hipótese em nosso crescimento, tanto no trailer. Então eu sugiro ir e experimentá-lo sozinho. 59. Fórmula 12.3 de Hypothesis: Vamos olhar mais perto da nossa afirmação de hipóteses. Aqui na coluna de hipóteses, há algum modelo. O que você tem que escrever em sua hipótese, como você deve formá-las. Portanto, há dois exemplos aqui. Mudar algo em algo vai aumentar a meta de conversão de 1 para outro porque e eu terminei esta parte onde você pode colocar o seu resultado e, neste caso, você vai ver o resultado a partir daqui. Não precisa clicar e entrar. Você vê que o resultado é 8,4 para estes cortes. Então vamos voltar lá e ver. Então, o que isso significa? Isso significa que você tem que escrever o que você vai mudar e como você vai mudar, como isso vai afetar sua métrica? E você tem que selecionar uma métrica para testar esta hipótese? E uma parte muito importante é porque isso significa que você não apenas executar hipóteses para executar hipóteses. Você está nele. Para entender algo, aprender algo, e você tem alguns sentimentos, você tem alguns pensamentos sobre como essas mudanças influenciarão seus resultados. Se você não colocar isso porque parte, você só vai testar botões verdes contra botões vermelhos e assim por diante. Mas quando você usa, porque você pode explicar, por que você formou essa hipótese? Por que você escreveu isso? E todos entenderão o pensamento principal que está dentro dessa hipótese. Portanto, isto é muito importante. Vejamos nossos exemplos, criativos com instrumentos musicais premium de texto. Então, o que vamos mudar? O texto? Aumentará a taxa de conversão. É uma métrica principal para o nosso experimento de 5,5 a 7%. Não escreva coisas como. Então. Vamos reformular e ver o bom e o mau exemplo. Por exemplo, os criativos com os instrumentos musicais premium de texto ganharão taxa de conversão 7%. Na verdade, esta fórmula é boa, este texto é bom, mas você não entende o que você tinha antes de seus experimentos? Então você está certo, ele vai ganhar 7% e você não entendeu, é igual ou não? Qual o nível de taxa de conversão que você tinha antes? Então, é melhor anotar seus resultados anteriores neste caso, você entende. De modo que 7% é realmente um bom objetivo. E se esses banners alcançaram esse objetivo, é bom. Mas se, por exemplo, sua conversão anterior foi 1.5, provavelmente sua hipótese é muito otimista e você provavelmente tem que definir algum registro baixo. Então isso é muito importante e sem porque parte, Vamos ver, ele vai parecer o mesmo. Mas agora não há explicação. Por que testamos essa hipótese? Certo, e vamos voltar à nossa corrente e ver outra fórmula. Criativos com algo vai concordar aumentar a meta de conversão de realmente. Nossos exemplos são feitos com essas fórmulas, então não escrevemos mudança em um para outro aumentará. Acabamos de escrever que os criativos com a Samsung aumentarão a nossa taxa de conversão. Vamos fazer algumas hipóteses com esta fórmula. Por exemplo, mudar pessoa, fórum e cara ou menina nos criativos com o instrumento musical textos aumentará a taxa de conversão de 6,5 para 7% porque nosso DNS principal é masculino e Garota. Então esta é uma boa. Então esta é uma boa forma. Então esta é uma boa formulação de hipóteses. Vamos voltar e ver o que as células têm aqui. Sim, temos algumas métricas, métricas primárias para nossas maneiras. Ctr e CR vem taxa de cliques e taxa de conversão. E preenche que teremos que definir, já os vimos em nossa lição de cartão e revisão. Então vamos olhar para ele mais uma vez. Quando você forma sua hipótese, quando você monta elas, você tem que pensar por que essa hipótese deve ser verdadeira. Há alguma ideia por trás disso? Se não houver, isso é destinado apenas a testes e provavelmente você terá alguns resultados. Provavelmente não. Normalmente seus resultados não são tão bons para tal hipótese porque é apenas alóc, e geralmente eles não fazem tanta diferença. Mas quando você os forma de uma forma, quando você explica por que essa hipótese deve funcionar. E quando você define metas realistas. Nesse caso, sua hipótese pode ser verdadeira. Na verdade, eles também podem ser falsos, mas pelo menos você testa algo razoável, você testa algo que faz sentido. Então, quando você escreve sua própria hipótese, volte a esta lição, olhe para essas duas fórmulas e use-as porque se você formar sua hipótese dessa forma, elas permitirão que você obtenha resultados. Você quer testar a hipótese só porque você quer testar algo, você vai testar a hipótese para obter resultados. Então é isso com essa lição curta, mas muito importante. Tente escrever sua própria hipótese, teste-as, e você obterá ótimos resultados. 60. Introdução ao AAARRR: Agora vamos ver como um funil anda. Isso vai além do teste criativo, mas vamos olhar para ele de qualquer maneira. Então este é o AA final, aquisição de conscientização, ativação, retenção, referência de receita. Ele mostra como seus clientes passam pelo seu site, através de seus serviços, e como eles trazem dinheiro para você? Como o cérebro que você valoriza? O primeiro passo é a consciência. Quantas pessoas alcançam? Quantas pessoas fazem publicidade SEO, aquisição? Quantas pessoas visitam seu site e quantas pessoas tomam algumas ações lá, por exemplo, deixam seus contextos. Ativação. Isso não se aplica a todas as empresas, mas, por exemplo, para aplicativos móveis, isso significa quantas pessoas começam o teste gratuito ou algo assim. Retenção. Quantas pessoas voltam ao seu fim de novo? Retenção. Quantas pessoas voltam e compram de novo, e quanto tempo ficam com o seu negócio? Então isso funciona com LTV, receita. Quantas pessoas te pagam? Quando eles começam a te pagar? E consulte todas quantas pessoas encaminham o seu negócio para a França ou para algumas cólicas. Vamos voltar para a nossa prancha. E como você vê, há alguns rótulos coloridos aqui. E como podem ver, marquei todas as minhas cartas com uma destas etiquetas. Então, esses laranja significa que esta é a etapa de aquisição e essas métricas é a taxa de conversão, custo por custo de lead, onde o custo de ação por taxa de rejeição de venda. Então, isso significa como as pessoas se convertem em seu site ou não convertem um em seu site. Consciência é alcance CTI e algo assim. Um público mensal, público médio diário e assim por diante. A ativação, como já disse, não se aplica a todas as empresas. Se você acabou de vender algo em seu site, provavelmente não tem a etapa de ativação. Portanto, pode ser conversão para uma avaliação de primeiro uso, retenção no primeiro dia. Isso significa que, se o seu serviço for projetado da maneira que as pessoas o usarão repetidamente. Retenção no primeiro dia significa quantas pessoas usam seus servidores no dia seguinte após a inscrição. Então, isso caminha perfeitamente com aplicativos móveis e assim por diante. Retenção é quanto tempo as pessoas ficam com você, quanto tempo as pessoas ficam e pagam você, quantas pessoas vão embora? Nps pontuação, isso significa como as pessoas estão satisfeitas com os serviços. Receita. Isto é receita e métrica LTV. E, na verdade, às vezes, as pessoas usam LTV aqui porque mostra quanto tempo as pessoas pagam e encaminhamento. Estas são algumas métricas de referência. Quantas pessoas convidam seus amigos, quantos convites eles fazem, e assim por diante. Então, estes são seis passos que descrevem este funil e é melhor usá-los em seu próprio crescimento. Mas, neste caso, você testará hipóteses não só sobre compra de um teste e teste criativo B2 e um teste de publicidade, mas você vai mais fundo e testar todos os aspectos do seu negócio. Então esta é uma técnica muito poderosa. E se você tiver, digamos que um aplicativo móvel ou algum como um serviço, provavelmente, você encontrará outra variante deste funil onde a retenção vai para o topo. Chama-se Rawr, algo assim. Isso significa que, se o seu negócio for projetado, as pessoas devem voltar para você várias vezes. E neste caso, você ganha dinheiro. Então você tem que colocar suas métricas de retenção primeiro lugar e você tem que testá-las em primeiro lugar. Mas se falamos de testes criativos, é claro, estes são passos, conscientização e um pouco menos, aquisição. Esta é apenas uma introdução a um funil ARR. Se você quiser aprender um mais profundo, você pode Google, há muitos vídeos, muitos cursos sobre este tema, provavelmente vou criar algum coro sobre isso mais tarde, mas acho que isso é mais do que suficiente para o nosso teste criativo. E, na verdade, se você não usar outros passos e agora os níveis do funil, você simplesmente não precisa aplicar esses rótulos. Você pode simplesmente escrever sua hipótese sobre sua taxa de cliques, sobre sua taxa de conversão, se ela se aplicar. Então é isso com este funil tentou usá-lo e eu tenho certeza que você terá um resultado maior. 61. 12.5 significância estatístico: Agora vamos falar sobre significância estatística. Quando você realiza testes de sua hipótese, isso é muito importante para obter resultados significativos. O que é resultado significativo? Este é um resultado quando você pode dizer com algum nível de confiança que seu resultado é realmente verdadeiro. Isso envolve algumas estatísticas. Mas você não tem que fazer nada disso. Você pode simplesmente usar a calculadora de significância estatística de rádio. Estou te dando dois links para diferentes calculadoras estatísticas. Um está em Santa Monica.com e outro em prego patella.com. Eu prefiro o primeiro porque aqui no nilpotent.com, não vemos decimais em nossa taxa de conversão. E aqui os vemos. Então, geralmente é por isso que eu prefiro essas calculadoras, como usá-lo. Você executa seu teste em seu tem alguns resultados e você entende que você compara, por exemplo, sua campanha com alguma campanha anterior que você cerca antes. Oh, você sabe, ambos os resultados, você sabe, quantidade de impressões e quantidade de conversões de colegas. Digamos que testemos CTR. E isso significa que colocaremos nossas impressões aqui em campos de visitantes e colocamos nossos colegas aqui em conversões porque nosso CTR, é como uma conversão para colegas de impressões. Então digamos que temos essa quantidade de opressão. Alguns colegas, 100 impressões, operações de um clique para cliques, como duas vezes maior. Mas, como você entende, isso não é dados suficientes para dizer que estes B variados é melhor do que variante porque isso não é apenas dados suficientes. E se colocarmos 1000 e 10 e 20? Vamos recalcular. Nossos resultados ainda não são significativos. Vamos adicionar alguns zeros. Neste caso, nosso resultado é significativo. Por quê? Porque agora temos muito mais dados do que tínhamos antes. E agora a diferença de duas vezes em nossa taxa de conversão. E queremos dizer que este é Sutra, é estatisticamente significativo. Ao testar sua hipótese, certifique-se de que seus resultados são estatisticamente significativos. Basta ir aqui, colocar seus dados nesses campos e ver o resultado. Há muitas configurações e alguns valores aqui. Você pode não ir fundo e entender o que isso significa e apenas usá-lo como ouvidos. Você tem que usar uma hipótese dupla. Nível de confiança 95 por cento está bom. Então este é o padrão da indústria para teste de hipóteses e você pode definir 99%, mas para isso você, às vezes você tem que obter mais dados do que 95%. Então este é o nível de confiança. Isto é o quão confiante você estará no resultado do seu experimento. Geralmente 95% está bem. E há dois, esses valores, poder e valor p. Você não tem que entendê-los também. Eles mostram a probabilidade de você cometer um erro quando você diz que a falsa hipótese é verdadeira, e quando você diz que a hipótese verdadeira é falsa. Então, na verdade, estes são detalhes matemáticos. Você não precisa entendê-los, você não precisa aprendê-los, e você só precisa olhar para o resultado principal. Então, novamente, se eu disse que isso é, nosso resultado é insignificante. Então, o sitar é 2 vezes sendo sobre o resultado não é significativo. Temos que coletar mais dados para dizer se a hipótese B é melhor do que a hipótese a. Então é assim que se usa significância estatística. Se você quiser, você pode ler alguns artigos aqui que explicam como tudo isso funciona. Mas sugiro que use a calculadora e não precisa entrar nesses detalhes. 62. 12.6 Growth Boom final: Vamos rever tudo o que aprendemos sobre nossos testes de hipóteses. Isso não é apenas marketing, isso como parte de um corte e processo de crescimento. Ele irá ajudá-lo a alcançar resultados muito melhores quando você apenas faz algo em marketing e realmente não rastrear seus resultados. Portanto, esta mitologia deste framework é projetada para entender seus resultados e para gerar melhores resultados. Pensar nas razões, pensar nas consequências. E entender como eles se conectam e entender o que você tem que fazer e como você tem que fazer para alcançar seu resultado, para melhorar suas métricas. Não apenas para testar algo, para testar algo, mas para obter melhores resultados. Então, mais uma vez, o que temos aqui? Temos na Trello Board. Se você nunca usou Trello, vou deixar um pequeno vídeo que explica como usá-lo realmente é muito direto para a frente. Você terá um link para este quadro e você terá que copiá-lo para si mesmo e então você pode usá-lo. Portanto, essas placas consistem em colunas diferentes que contêm algumas cartas. Quando você tem algumas idéias e você lê-las para baixo em colunas de idéias. Todos os membros do seu DMM podem fazer isso, mesmo que você caminhe, faça o mesmo. Talvez você não precise colocar um autor em cada contagem. Se você andar junto. Se você trabalha com seus companheiros de equipe, certifique-se de que cada carta, cada hipótese tem seu autor. Então, há membros aqui e você pode adicionar a si mesmo. Assim, todo este processo é projetado para lhe dar resultados. E devemos resultados. Quando falamos sobre horas e gráficos, sobre nossos banners, sobre nossas campanhas publicitárias, podemos influenciar na taxa de cliques e na taxa de conversão. Provavelmente, essas são duas métricas principais que você pode esperar que sejam alteradas quando você altera seus banners, quando você altera seus criativos de anúncios. Nesse caso, você forma sua hipótese de uma forma que aumentará sua taxa de conversão ou aumentará sua taxa de cliques. Sugiro que você sempre escreva uma hipótese positiva de que elas aumentarão sua conversão. Não escreva uma hipótese que diminua a sua taxa de conversão. Porque às vezes as pessoas querem escrever, É de uma forma negativa e não é uma boa maneira de fazê-lo melhor, ficar em uma direção positiva. Neste caso, você testará as coisas certas. Portanto, pense sempre em como aumentar a sua taxa de conversão. Pense sempre em como aumentar sua taxa de cliques. Mas é claro, você tem que entender que você não precisa aumentar sua taxa de cliques se isso acontecer, derrube sua taxa de conversão. Isso acontece quando você escreve algo muito atraente em seus banners que pegar o público errado ou que simplesmente não é verdade. Então, se você escrever que nós doamos instrumentos musicais gratuitos, muitas pessoas vão clicar nesses banners, mas se você realmente não fizer isso, então não haverá nenhum ponto no IIT. Em outros casos, faça sua hipótese da maneira que aumentará sua taxa de conversão, que aumentará sua taxa de cliques. Ok? Então você tem que ter uma razão, você tem que ter algumas areias por trás de sua hipótese. Então eu sugiro que você não apenas teste banners diferentes, mas tentou colocar algo depois disso. Porque o quê? Porque neste caso, você criará hipóteses muito mais razoáveis e provavelmente obterá resultados muito melhores com algum tempo. Você e todos os membros da sua equipe vão anotar a hipótese que você tem que priorizá-los. E então você escolhe a melhor hipótese. A melhor hipótese significa que aquelas hipóteses em que você acredita. Então, se sua equipe acredita que essas três hipóteses aumentarão nossas métricas básicas, então teste-as primeiro e saia ou outra para o próximo Príncipe em apenas por algum futuro. Depois de priorizá-los, pegue a melhor hipótese em produção e, na verdade, inicie-os. Eles ficarão aqui enquanto os dados são coletados. E, finalmente, você terá hipóteses bem-sucedidas ou fracassadas e colocá-los aqui quando você tem um dados estatisticamente significativos. Mais uma vez, certifique-se de que seus resultados são significativos. E há uma coisa importante na revisão e retrospectiva é a taxa de sucesso. Não pense que estes como um KPI para atingir 100%. Porque se você tentar alcançar uma taxa de sucesso de 100 por cento, isso significa que você vai testar hipóteses muito fracas, mesmo não muito fraco, mas aqueles que são muito, muito provável de ser verdade. Então, desta forma, você quer risco e você quer obter bons resultados. Na minha opinião, uma boa taxa de sucesso é de 30 a 40 por cento. Normalmente é ainda menos. Se você tem uma taxa de sucesso inferior a 5%, provavelmente sua hipótese é muito rigorosa. Se a sua taxa de sucesso é de 90 por cento, isso significa que você, sua hipótese é muito leve. Então o bom KPI para essas métricas é de cerca de 20, 50%, talvez 20, 40%, 50 é bastante alto. Então, se você está nessas taxas e está perfeitamente bem com o destino sua hipótese. E há mais uma fina quando você testar hipótese garante que você teste pelo menos cinco, mas em 10 hipóteses por semana ou por sprint. Porque se você testar uma hipótese e sua taxa de sucesso é, digamos, 15%. Isso significa que você vai testar cerca de 52 hipóteses. Você multiplica por 15 por cento. E será sobre quantas sete hipóteses de sucesso por ano. E este não é um grande resultado. Mas se você testar, digamos, 10 hipóteses por semana. E sua taxa de sucesso é talvez, eu não sei, 25 por cento. Isso significa que você entende melhor o seu negócio e ao longo tempo você vai criar uma hipótese melhor com mais taxa de sucesso que ainda terá um senso. Vamos colocar em 25, talvez até 20 por cento, está tudo bem. Então, neste caso, quantos você terá cerca de 100 hipóteses de sucesso por ano. Este é um resultado muito bom. Jeff Bezos, CEO e fundador da Amazon, disse que todo o sucesso é sobre teste de hipóteses maciças. E então ele disse isso há muitos anos. Então, provavelmente este é um bom quadro para você obter resultados muito melhores do que você fez antes. Sugiro que você tente essa mitologia, tente esse quadro, trabalhe com ele por um tempo. E provavelmente você terá resultados muito melhores do que antes. 63. 13.1 de Epilogue: E meu amigo, estou feliz em conhecê-lo no final do curso. Espero que o curso foi bom negócio para você e que agora você tem algumas habilidades para fazer o trabalho mais rápido. Se você achar este curso útil. Classificação de cinco estrelas é apreciá-lo na sessão de revisão, desde que tudo o que está abaixo de 40 seja considerado como um mau resultado na Udemy. Então, se você tiver alguma dúvida, sugestão, ou você só quiser conversar, sinta-se livre para me dar uma linha e boa sorte. Atenciosamente, Nikki, eles salvaram.