17 ideias de banners para despertar sua criatividade.
Navegue por nossa galeria de modelos de banner para se inspirar e desenvolver seu próprio design com a ajuda do Adobe Express.
1. Escolha uma imagem para ilustrar seus objetivos de negócios.
Ao invés de palavras, imagens. Em vez de usar palavras para atrair seu público, mostre a todos um exemplo do que sua marca ou empresa tem a oferecer — dê a eles um gostinho da experiência. Ao escolher sua imagem, certifique-se de incluir os detalhes que fundamentais para o seu leitor saber como fechar negócios com você. É possível adicionar um botão de “Clique Aqui” como uma chamada para ação (call-to-action) para gerar conversões, ou apresentar suas informações de contato ou redes sociais para que os consumidores saibam mais sobre a sua empresa.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
2. Conte uma história através de imagens.
Como diz o velho ditado, uma imagem vale mais que mil palavras. Economize espaço em seu design e transmita uma mensagem poderosa com uma foto impactante. Faça o upload da sua própria foto ou explore nosso banco de imagens. Se sua imagem possuir detalhes importantes, evite utilizar muito texto, e deixe a imagem falar por você. Use uma foto full-screen (tela cheia) para proporcionar uma experiência visual envolvente.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
3. Brinque com filtros e efeitos para fotos.
Existem inúmeras maneiras de manipular, personalizar e aprimorar suas fotos. Você pode usar programas gratuitos, sejam eles aplicativos ou online, ferramentas profissionais, softwares ou algo similar. É possível aprimorar uma imagem deixando-a mais clara, nítida ou com mais foco. Você também pode brincar fazendo alterações mais artísticas, como adicionar filtros, distorções ou efeitos de glitch, como o visto neste exemplo. Os efeitos fotográficos transformam fotos comuns em algo extraordinário. Como levar o seu conteúdo para um nível superior e fazer o melhor banner possível?
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
4. Trabalhe sobreposições de maneira criativa.
Nem sempre é fácil dispor um texto sobre uma fotografia. No entanto, quando trabalhamos com sobreposições, existem alguns truques e recursos para garantir a compreensão da mensagem. Uma ideia interessante para banners é enfatizar o texto, posicionando-o sobre formas geométricas de cor opaca e aplicando um filtro semitransparente à foto. Outra opção é utilizar o desfoque, dando um ar de mistério e profundidade ao seu banner.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
5. Promova o equilíbrio com camadas.
Ao criar seu banner, pense de maneira inovadora e tente algo não convencional. Encontre uma foto impressionante e relevante e sobreponha algumas formas sobre ela.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
6. Utilize uma montagem de fotos para fornecer informações extras.
Outra maneira de exibir imagens no design de banner é através de uma colagem de fotos. Dê ao seu público uma visão diferenciada usando conteúdo fotográfico extra em sua colagem.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
7. Mantenha a simplicidade.
Um design como este a seguir usa a simplicidade para enfatizar uma mensagem. Nesse caso, não há nada que cause distrações, e com isso podemos nos sentir presentes naquele momento. Para obter essa simplicidade, use o mínimo de texto em seu banner, ou até mesmo apenas o seu logotipo. Insira um fundo colorido, uma foto simples ou gradiente, como por exemplo o céu recortado, para obter esse efeito visual incrível.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
8. Aborde novas alternativas de imagens.
Você pode ir além das fotos ao criar seu banner, e usar gráficos, ilustrações, renderizações ou outras formas de arte para apresentar sua mensagem. Se você é um artista, mostre seu trabalho. Ou encontre obras de arte que combinem com sua marca ou mensagem. Nossa biblioteca de imagens oferece diversas alternativas além de fotografias para você incluir no seu projeto. Combine suas imagens a outros elementos, como texto e ícones e obtenha um design harmônico.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
9. Agregue sua marca ao banner com o seu logo, slogan ou lema.
Fazendo um banner para uma organização ou negócio? Divulgue sua marca através de um design arrojado. Insira seu logotipo, cores e imagens da sua marca, slogan ou lema.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
10. Apresente-se ao público com um retrato.
Você representa sua marca ou empresa? Por que não aparecer em seu banner? Coloque seu retrato no banner, para que o público possa conhecer e reconhecer você no futuro. Use uma fotografia em tela inteira, como nesse exemplo, ou várias imagens em uma colagem, ou ainda em uma moldura menor dentro do layout. Certifique-se de escolher uma foto recente que combine com o tema e ocasião. Também confira se a imagem passa a mesma mensagem que os demais materiais utilizados ou o próprio conteúdo do seu banner — dessa maneira você evita ruídos na comunicação.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
11. Chame atenção com cores marcantes.
A psicologia das cores recomenda o uso de tons quentes para apresentar novidades, conduzir o cliente a uma ação ou promover um evento imperdível. De todas as nuances, o vermelho é a cor que mais simboliza o poder, o senso de urgência e a atenção imediata para determinado tema. Portanto, ao criar um banner promocional, tenha em mente como as cores podem ser utilizadas a seu favor para resultar em respostas positivas dos leitores.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
12. Explore as cores contrastantes.
Determinadas tonalidades já chamam a atenção normalmente. Porém, quando dispostas em oposição a outras cores, elas têm seu efeito aumentado. São as chamadas cores contrastantes, ou seja, a combinação assertiva de duas nuances fortes, utilizadas em sintonia, para causar impacto. Esse é um recurso ousado e incrível para captar o interesse do espectador.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
13. Descubra a versatilidade dos ícones.
Um ícone é um elemento de design versátil e eficiente. Você pode utilizá-lo de várias maneiras: como imagem de fundo para banner, logotipo de seu negócio, ilustrações ou sinalizadores gráficos para destacar a mensagem principal. Descubra a enorme variedade de ícones grátis que o Adobe Express oferece, defina um novo padrão de estilo e ganhe tempo criando seu banner online.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
14. Experimente fontes arrojadas e impactantes.
A tipografia é outra ferramenta a ser considerada para destacar seu trabalho. As fontes devem ser escolhidas com cuidado, conforme o objetivo de sua mensagem. Se você estiver criando um painel informativo, dê preferência a uma fonte com serifa, sóbria e tradicional. Porém, se o propósito de seu conteúdo é captar a atenção, ou divulgar um evento ou novidade, aposte em letras diferentes, modernas e personalizadas.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
15. Crie uma mensagem dinâmica com efeitos de texto.
Uma campanha de vendas é uma das estratégias de marketing mais utilizadas por organizações e empreendedores para atrair novos clientes e fidelizar a base existente. Para garantir a efetividade da ação, você deve criar um banner promocional diferenciado, que mostre ofertas tentadoras, métodos de pagamento exclusivos e as vantagens da sua marca. Uma ideia dinâmica e original de banner é utilizar efeitos de texto, obtendo assim uma nova perspectiva visual daquilo que está sendo anunciado.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
16. Alie a tipografia ao design.
A ideia aqui é fazer com que o texto se transforme em uma parte integrante e efetiva do design. Às vezes, a comunicação subjetiva desperta a curiosidade e leva o espectador à ação através da identificação com uma mensagem criativa e inusitada. Essa combinação ousada de letras, cores e formas na criação de um banner de divulgação é um recurso inteligente para mexer com as emoções do leitor.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
17. Reforce a mensagem com o uso de repetições.
No design, a repetição cria um padrão para o leitor entender a mensagem, e a variação no padrão cria ênfase. Essas podem ser ferramentas poderosas para ajudar você a fazer seu banner. Aqui, temos repetição com os adjetivos e variação com o estilo. A palavra “brave” (forte em Português) está em destaque para combinar com o início da frase (eu sou). Brinque com a repetição em seu texto ou imagem, ou use ícones para criar um padrão. Explore todas as oportunidades oferecidas por essa ferramenta de design, conforme o objetivo e o local onde seu banner será utilizado.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
18. Busque a interação através de citações.
Um banner é uma ótima maneira artística de se compartilhar frases impactantes ou interessantes. Se você pretende transmitir uma mensagem poderosa, exiba sua citação usando um tipo de fonte marcante, combinada com uma imagem impressionante. Se você está procurando algo mais poético, escolha uma fonte mais sutil, diminua o seu tamanho, descentralize e adicione uma foto que combine com o sentimento que deseja transmitir. Caso você esteja usando seu banner como capa para uma rede social, verifique se a sua frase está centralizada, para que não seja cortada quando exibida em diferentes tipos de dispositivos. Se a ideia for imprimir seu banner, certifique-se de que a citação é grande o suficiente para ser lida de longe.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.