# Design de anúncios para Instagram: stories, feed e Reels [Canonical HTML page](https://gradiently.design/pt-pt/guide/instagram-ad-design) No Instagram, um anúncio fica entre as férias de um amigo e a rotina matinal de um criador. Os que funcionam parecem pertencer ali e são refeitos para cada posicionamento, em vez de espremidos. ## The short version - Os anúncios do Instagram aparecem no feed, nos stories e nos Reels, e cada posicionamento precisa da sua própria composição. - Usa imagens verticais de 1080×1350 para anúncios no feed e imagens verticais de 1080×1920 para anúncios em stories e Reels. - Nos stories, mantém texto e logótipos fora dos cerca de 250 píxeis de cima e de baixo; nos Reels, afasta também as palavras do terço inferior e do bordo direito. - Os anúncios que seguem o visual das publicações da própria marca tendem a parecer nativos e não intrusivos no feed. - Fazer várias variações de um design, com o visual fixo e a mensagem a mudar, dá ao sistema de entrega da Meta opções para comparar. O bom **design de anúncios para Instagram** parte do posicionamento. Os anúncios do feed são retratos de 1080×1350 que se sentam entre publicações; os anúncios de stories e Reels são molduras de ecrã inteiro de 1080×1920 com a interface do Instagram por cima, em baixo e, nos Reels, no lado direito. Faz uma versão para cada um, mantém as palavras na zona segura e faz o anúncio parecer as tuas próprias publicações, para que pareça parte do feed e não uma interrupção. ## Tamanhos de anúncios do Instagram por posicionamento | Posicionamento | Tamanho | Proporção | Mantém as palavras longe de | | --- | --- | --- | --- | | Feed | 1080×1350 px | 4:5 | Dos bordos; a barra de gostos e legenda fica por baixo da imagem | | Feed, quadrado | 1080×1080 px | 1:1 | Dos bordos | | Stories | 1080×1920 px | 9:16 | Dos 250 px de cima e de baixo | | Reels | 1080×1920 px | 9:16 | Da faixa de cima, do terço inferior e do bordo direito | O formato vertical ganha no feed porque ocupa mais altura. O guia do [tamanho de publicações do Instagram](https://gradiently.design/pt-pt/guide/instagram-post-size) explica porquê. - Feed 1080×1350: 1080 × 1350 - Quadrado 1080×1080: 1080 × 1080 - Stories e Reels 1080×1920: 1080 × 1920 O feed e as molduras verticais diferem o bastante para que uma única composição não sirva para ambos. ## Desenhar anúncios para o feed Os anúncios do feed vêem-se ao mesmo ritmo das publicações, por isso os melhores parecem primeiro uma ótima publicação e só depois um anúncio. Abre com a imagem que faria as pessoas parar: o produto, o resultado, uma linha de texto forte no teu próprio fundo. Mantém o logótipo pequeno. A Meta identifica o anúncio como patrocinado e mostra o teu nome por cima, por isso a marca já lá está. Os anúncios em carrossel seguem as mesmas regras página a página: um primeiro cartão que pára o deslize e cartões seguintes que levam cada um um só ponto. O [carrossel de Instagram](https://gradiently.design/pt-pt/guide/instagram-carousel-design) trata da sequência. ## Desenhar anúncios para stories Os anúncios de stories aparecem entre os stories de quem vê e ocupam o ecrã. São ultrapassados depressa com um toque, por isso a mensagem tem de chegar na primeira imagem. Usa o [tamanho dos stories do Instagram](https://gradiently.design/pt-pt/guide/instagram-story-size) e as suas zonas seguras: perfil e barra de progresso em cima, o apelo à ação em baixo. Põe o título na parte superior do meio e deixa o meio inferior limpo, perto de onde aparece o botão do anúncio. Um anúncio vertical de feed do Instagram com o texto Linho de verão, 4 cores, e Nova estação por cima Versão para o feed: primeiro uma publicação, com uma linha e um detalhe. O mesmo anúncio de linho numa moldura vertical, com as palavras na parte superior do meio A versão para stories e Reels, refeita para que as palavras fiquem no alto e longe da interface inferior. ## Desenhar anúncios para Reels e a sua zona segura Os anúncios de Reels partilham a moldura de 1080×1920, mas trazem a interface mais pesada do Instagram: nome da conta, legenda e botão ao longo da base, e ícones de gosto, comentário e partilha no lado direito. As palavras que são seguras num story podem ficar tapadas nos Reels. Mantém o texto mais acima e mais à esquerda, e deixa o terço inferior como fundo. As [zonas seguras das redes sociais](https://gradiently.design/pt-pt/guide/social-media-safe-zones) desenham-nas lado a lado. ### Anúncio de stories - Interface só em cima e em baixo - Ultrapassado com um toque, visto por um instante - A mensagem tem de chegar na primeira imagem - O meio inferior fica perto do botão ### Anúncio de Reels - Interface ao longo da base e da direita - Passa como vídeo, muitas vezes em ciclo - O movimento ganha atenção; as palavras ficam quietas - Mantém livres o terço inferior e o bordo direito Os Reels favorecem o movimento. Um design estático com um fundo que se move devagar, ou uma linha de texto que sobe, parece nativo entre vídeos sem precisar de uma rodagem. Mantém as palavras quietas o suficiente para se lerem; a [publicação animada de Instagram](https://gradiently.design/pt-pt/guide/animated-social-posts) mostra até onde ir. ## Anúncios com aspeto nativo no Instagram ### Parece um anúncio - Um logótipo grande a dominar a moldura - Várias ofertas e um bloco de condições - As cores e os tipos de letra de um modelo genérico - Texto colado aos bordos - Um visual diferente das tuas próprias publicações ### Parece nativo - O produto ou a ideia à frente - Uma mensagem, os detalhes na legenda - O teu próprio fundo, cores e tipos de letra - Margens generosas e zonas seguras respeitadas - Em continuidade com o que as pessoas já seguem ## Fazer variações sem perder o visual A entrega da Meta funciona melhor com alguns criativos entre os quais escolher, e a fadiga criativa instala-se quando o mesmo anúncio corre durante semanas. A solução é variar dentro de um visual fixo: a mesma família de fundos e o mesmo texto, com a mensagem, o produto ou a luz a mudar. Aqui ficam quatro variações de uma só receita. - Variação A: areia: `linear-gradient(160deg, #f5efe6 0%, #e7d8c3 45%, #c9b18f 100%)` - Variação B: salva: `linear-gradient(160deg, #f5efe6 0%, #d9e2d0 45%, #9fb08a 100%)` - Variação C: barro: `linear-gradient(160deg, #f5efe6 0%, #e8d3cf 45%, #c29489 100%)` - Variação D: céu: `linear-gradient(160deg, #f5efe6 0%, #d6dde6 45%, #8fa0b5 100%)` Um só fundo branco linho, quatro tonalidades suaves para quatro cores de produto. Cada anúncio é diferente; a marca é a mesma. 1. **Fixa o visual** Família de fundos, tipos de letra, posição do logótipo e margens. Isto não muda entre variações. 2. **Escolhe uma coisa para variar** Mensagem, produto, tonalidade ou imagem de abertura. Muda uma por variação para perceberes o que moveu os resultados. 3. **Faz o feed e o vertical em conjunto** Cada variação tem uma versão de 1080×1350 e outra de 1080×1920, compostas em separado. 4. **Carrega como um só conjunto** Agrupa as versões por posicionamento de cada variação para a Meta mostrar a forma certa em cada sítio. No Gradiently desenhas a versão do feed uma vez e, com o Pro, redimensionas para stories e Reels num só passo; o Mark renderiza-se de novo em cada forma e move a sua zona calma para trás das tuas palavras, por isso nada fica numa zona carregada. Duplica a página para cada variação e muda só a linha. O método para as testar está em [testar criativos de anúncios](https://gradiently.design/pt-pt/guide/ad-creative-testing), e o lado do Facebook da mesma campanha está em [design de anúncios para Facebook](https://gradiently.design/pt-pt/guide/facebook-ad-design). ## FAQ ### Que tamanho devem ter os anúncios do Instagram? Usa 1080×1350 para anúncios no feed e 1080×1920 para anúncios em stories e Reels. Um quadrado de 1080×1080 também funciona no feed. ### Qual é a zona segura dos anúncios de stories do Instagram? Mantém texto e logótipos fora dos cerca de 250 píxeis de cima e de baixo da moldura de 1080×1920, onde ficam a barra de perfil e o apelo à ação. ### Os anúncios de Reels são iguais aos de stories? Usam a mesma moldura de 1080×1920, mas os Reels têm mais interface na base e no lado direito, por isso as palavras têm de ficar mais acima e mais à esquerda. ### Como faço os anúncios do Instagram parecerem menos anúncios? Desenha-os como as tuas melhores publicações: o teu próprio fundo e tipos de letra, uma mensagem, um logótipo pequeno e margens generosas. ### Quantas variações de um anúncio do Instagram devo fazer? Poucas chegam para começar, três ou quatro, cada uma a mudar uma coisa enquanto o visual se mantém.