SlideShare uma empresa Scribd logo
1 de 22
Baixar para ler offline
10 dicas para criar um
          banner funcional
1. Escolha as cores certas




Utilize um fundo neutro, com cores lisas, ou um efeito discreto, como o dégradé.
Fundo vermelho com foco de luz ao centro (ou
“dégradé radial”).
2. Simplifique




Você tem apenas   segundos para conseguir a atenção do seu cliente
Banner não é carta e possui as mesmas regras de visibilidade de um outdoor:
seja sucinto, sempre.
3. Dê preferência para cor e fonte



A internet possui pequenos espaços publicitários que recebem arquivos “em baixa”, ou
“qualidade para web”.

Dê preferência para um texto curto sobre uma cor em destaque ao invés de uma imagem
que irá perder 95% de sua qualidade em um banner.

Ninguém espera o carregamento de anúncios, por isso eles devem ser mais leves do que
o site.
Sem utilizar fotos de celebridades para divulgar um site de entretenimento, o
Yahoo! preferiu usar uma imagem gráfica em diferentes tons de roxo. Já a GOL
       permanece atenta ao essencial: o preço. Todo o resto é desnecessário,
                    inclusive imagens representativas das cidades anunciadas.
NÃO
      utilize imagens que ocupem todo o espaço do banner: imagem
      não é fundo de tela centralizado ou lado a lado. Imagem é
      apenas um detalhe: espaço em branco é uma dádiva, você não
      precisa preenchê-lo.
4. Escolha imagens de uma mesma familia




Uma Paris ensolarada ao lado de uma Londres nublada vira uma poluição visual
                                 sem fim!
Se   você não abre mão de usar imagens de ilhas paradisíacas ou capitais
     europeias para anunciar sua agência de viagens, escolha imagens
     que possuam a mesma iluminação e efeito; enfim, fotos que
     pareçam terem sido tiradas no mesmo dia e pelo mesmo fotógrafo.
Ah, dica: não existe nada mais antiquado e que funcione menos do que transformar banner em
                 rolo de filme fotográfico e preencher cada espaço com uma imagem diferente.
5. Cuidado com o .gif

Use um banner animado que possua mais de uma imagem em rotação, mas não faça mais do
que quatro transições e lembre-se que nem tudo precisa desaparecer: apenas o letreiro deve
ficar em movimento.
6. Cuidado com as fontes



Qualquer texto com mais de três palavras não deve aparecer com grafia cursiva - alerta
“brega” nível cinco em uma escala de um a três.

Descubra se a leitura do seu texto fica mais agradável com o uso de fontes serifadas -
serifas são suportes que aparecem nas extremidades das letras.

Textos pequenos possuem destaque natural: negrito e itálico são usados apenas em
textos longos.

Lembre-se: você não deve usar mais do que 10 palavras para passar a sua mensagem.
Com serifa
Sem serifa
7. Troque o banner periodicamente




Nada de deixar o mesmo banner durante seis meses em um site; caso contrário ele
passa a fazer parte do layout e já não será mais notado.
8. Use as palavras certas



Quando usadas da forma correta, algumas palavras podem fazer milagres.

Foi comprovado que um discreto “clique aqui” e outros verbos no imperativo surtem
efeito rápido.

“Corra, está acabando”, “só hoje” e “últimas passagens” também podem ser
interessantes.
9. Faça banners harmônicos




Se você deseja exclusividade ao anunciar em um site ou pretende comprar todos os
espaços que ele oferece, procure fazer anúncios harmônicos.

Com dois, três ou mais tamanhos diferentes disponíveis, siga uma mesma linha de
criação e faça transações simultâneas para que o internauta não fique tonto.
~
                    10. Nao tente enganar o seu cliente




Criar um banner dizendo que o sujeito é a milésima pessoa a ver aquele anúncio e
por isso será recompensado ou simular uma janela de Windows (“você tem uma
mensagem não lida”) é a maneira mais fácil de se tornar o menos clicado.
Acesse e faça o seu proprio banner



                            http://www.mybannermaker.com/
               Monte seu banner em vários formatos previamente disponíveis



                                       http://pixlr.com/
                                  Editor online de imagens



http://www.blog.spoongraphics.co.uk/articles/50-illustrator-tutorials-every-designer-should-see
              50 tutoriais de Illustrator para criar efeitos profissionais (em inglês)
Agora é com você!




    Diviagem.
links para quem viaja

                             diviagem.com.br
           @diviagem | facebook.com/diviagem

Mais conteúdo relacionado

Mais procurados

As 5 Lições do Silicon Valley
As 5 Lições do Silicon ValleyAs 5 Lições do Silicon Valley
As 5 Lições do Silicon ValleyFabio Mestriner
 
Design para Redes Sociais - Webdesign 2020
Design para Redes Sociais - Webdesign 2020Design para Redes Sociais - Webdesign 2020
Design para Redes Sociais - Webdesign 2020Renato Melo
 
Guia de identidade visual: [In]Commun Séries
Guia de identidade visual: [In]Commun SériesGuia de identidade visual: [In]Commun Séries
Guia de identidade visual: [In]Commun SériesKevin Oliveira
 
Behave principal!![1]
Behave principal!![1]Behave principal!![1]
Behave principal!![1]Filipe Campos
 
Comunicação por Conteúdo na internet: a publicidade útil
Comunicação por Conteúdo na internet: a publicidade útilComunicação por Conteúdo na internet: a publicidade útil
Comunicação por Conteúdo na internet: a publicidade útilRoberto Cassano
 
Planejamento de Coleção
Planejamento de ColeçãoPlanejamento de Coleção
Planejamento de ColeçãoAna
 
Vitrinismo e visual_merchandising
Vitrinismo e visual_merchandisingVitrinismo e visual_merchandising
Vitrinismo e visual_merchandisingCarla Oliveira
 
Metodologia para produtos de moda
Metodologia para produtos de modaMetodologia para produtos de moda
Metodologia para produtos de modaMarcio Duarte
 

Mais procurados (13)

As 5 Lições do Silicon Valley
As 5 Lições do Silicon ValleyAs 5 Lições do Silicon Valley
As 5 Lições do Silicon Valley
 
Infográfico
InfográficoInfográfico
Infográfico
 
Design para Redes Sociais - Webdesign 2020
Design para Redes Sociais - Webdesign 2020Design para Redes Sociais - Webdesign 2020
Design para Redes Sociais - Webdesign 2020
 
Propaganda
PropagandaPropaganda
Propaganda
 
Guia de identidade visual: [In]Commun Séries
Guia de identidade visual: [In]Commun SériesGuia de identidade visual: [In]Commun Séries
Guia de identidade visual: [In]Commun Séries
 
Behave principal!![1]
Behave principal!![1]Behave principal!![1]
Behave principal!![1]
 
Comunicação por Conteúdo na internet: a publicidade útil
Comunicação por Conteúdo na internet: a publicidade útilComunicação por Conteúdo na internet: a publicidade útil
Comunicação por Conteúdo na internet: a publicidade útil
 
Planejamento de Coleção
Planejamento de ColeçãoPlanejamento de Coleção
Planejamento de Coleção
 
Vitrinismo e visual_merchandising
Vitrinismo e visual_merchandisingVitrinismo e visual_merchandising
Vitrinismo e visual_merchandising
 
Mídia externa
Mídia externaMídia externa
Mídia externa
 
Ginga - A primeira propaganda do meu negócio
Ginga - A primeira propaganda do meu negócioGinga - A primeira propaganda do meu negócio
Ginga - A primeira propaganda do meu negócio
 
Portfolio
PortfolioPortfolio
Portfolio
 
Metodologia para produtos de moda
Metodologia para produtos de modaMetodologia para produtos de moda
Metodologia para produtos de moda
 

Semelhante a 10 dicas para criar um banner funcional

Manual Para Site
Manual Para SiteManual Para Site
Manual Para SiteDomitri
 
Os 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteOs 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteAline Corso
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03Neca Boullosa
 
PUB5AN - Dicas de Usabilidade
PUB5AN - Dicas de UsabilidadePUB5AN - Dicas de Usabilidade
PUB5AN - Dicas de UsabilidadeNeca Boullosa
 
Jimdo em Teresina 2014
Jimdo em Teresina 2014Jimdo em Teresina 2014
Jimdo em Teresina 2014Nilson Junior
 
E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraRodrigo Maciel
 
Como criar apresentações em 10 passos simples
Como criar apresentações em 10 passos simplesComo criar apresentações em 10 passos simples
Como criar apresentações em 10 passos simplesMárcio Martins
 
Bonfim studio-7-dicas-imbativeis-logo
Bonfim studio-7-dicas-imbativeis-logoBonfim studio-7-dicas-imbativeis-logo
Bonfim studio-7-dicas-imbativeis-logoMarta Marinelli
 
Bonfim studio-7-dicas-imbativeis-logo
Bonfim studio-7-dicas-imbativeis-logoBonfim studio-7-dicas-imbativeis-logo
Bonfim studio-7-dicas-imbativeis-logoBonfim Studio
 
10 dicas para sua apresentação de negócios
10 dicas para sua apresentação de negócios10 dicas para sua apresentação de negócios
10 dicas para sua apresentação de negóciosAdalberto Diogo
 
Conversão e Lançamentos - Plataformas Digitais - 2020-02
Conversão e Lançamentos - Plataformas Digitais - 2020-02Conversão e Lançamentos - Plataformas Digitais - 2020-02
Conversão e Lançamentos - Plataformas Digitais - 2020-02Renato Melo
 
Blog de-sucesso
Blog de-sucessoBlog de-sucesso
Blog de-sucessohdhinode
 
As 10 Leis Imutáveis do Copywriting (Quebre-as a seu próprio risco)
As 10 Leis Imutáveis do Copywriting (Quebre-as a seu próprio risco)As 10 Leis Imutáveis do Copywriting (Quebre-as a seu próprio risco)
As 10 Leis Imutáveis do Copywriting (Quebre-as a seu próprio risco)Max Peters
 
Páginas de destino, como transformar tráfego em dinheiro.
Páginas de destino, como transformar tráfego em dinheiro. Páginas de destino, como transformar tráfego em dinheiro.
Páginas de destino, como transformar tráfego em dinheiro. VERTERE SERVIÇOS LINGUÍSTICOS
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Paulo César Silva
 
Resumo produção multimídia
Resumo produção multimídiaResumo produção multimídia
Resumo produção multimídiaAlessandro Dias
 

Semelhante a 10 dicas para criar um banner funcional (20)

Manual Para Site
Manual Para SiteManual Para Site
Manual Para Site
 
Os 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteOs 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arte
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
 
PUB5AN - Dicas de Usabilidade
PUB5AN - Dicas de UsabilidadePUB5AN - Dicas de Usabilidade
PUB5AN - Dicas de Usabilidade
 
Jimdo em Teresina 2014
Jimdo em Teresina 2014Jimdo em Teresina 2014
Jimdo em Teresina 2014
 
E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedora
 
Formatos Da Web
Formatos Da WebFormatos Da Web
Formatos Da Web
 
Como criar apresentações em 10 passos simples
Como criar apresentações em 10 passos simplesComo criar apresentações em 10 passos simples
Como criar apresentações em 10 passos simples
 
Bonfim studio-7-dicas-imbativeis-logo
Bonfim studio-7-dicas-imbativeis-logoBonfim studio-7-dicas-imbativeis-logo
Bonfim studio-7-dicas-imbativeis-logo
 
Bonfim studio-7-dicas-imbativeis-logo
Bonfim studio-7-dicas-imbativeis-logoBonfim studio-7-dicas-imbativeis-logo
Bonfim studio-7-dicas-imbativeis-logo
 
Como usar o Canva
Como usar o CanvaComo usar o Canva
Como usar o Canva
 
10 dicas para sua apresentação de negócios
10 dicas para sua apresentação de negócios10 dicas para sua apresentação de negócios
10 dicas para sua apresentação de negócios
 
Conversão e Lançamentos - Plataformas Digitais - 2020-02
Conversão e Lançamentos - Plataformas Digitais - 2020-02Conversão e Lançamentos - Plataformas Digitais - 2020-02
Conversão e Lançamentos - Plataformas Digitais - 2020-02
 
Blog de-sucesso
Blog de-sucessoBlog de-sucesso
Blog de-sucesso
 
As 10 Leis Imutáveis do Copywriting (Quebre-as a seu próprio risco)
As 10 Leis Imutáveis do Copywriting (Quebre-as a seu próprio risco)As 10 Leis Imutáveis do Copywriting (Quebre-as a seu próprio risco)
As 10 Leis Imutáveis do Copywriting (Quebre-as a seu próprio risco)
 
Páginas de destino, como transformar tráfego em dinheiro.
Páginas de destino, como transformar tráfego em dinheiro. Páginas de destino, como transformar tráfego em dinheiro.
Páginas de destino, como transformar tráfego em dinheiro.
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
 
659 html
659 html659 html
659 html
 
30 truques para_maximar_as_taxas_de_conversao (1)
30 truques para_maximar_as_taxas_de_conversao (1)30 truques para_maximar_as_taxas_de_conversao (1)
30 truques para_maximar_as_taxas_de_conversao (1)
 
Resumo produção multimídia
Resumo produção multimídiaResumo produção multimídia
Resumo produção multimídia
 

10 dicas para criar um banner funcional

  • 1. 10 dicas para criar um banner funcional
  • 2. 1. Escolha as cores certas Utilize um fundo neutro, com cores lisas, ou um efeito discreto, como o dégradé.
  • 3. Fundo vermelho com foco de luz ao centro (ou “dégradé radial”).
  • 4. 2. Simplifique Você tem apenas segundos para conseguir a atenção do seu cliente
  • 5. Banner não é carta e possui as mesmas regras de visibilidade de um outdoor: seja sucinto, sempre.
  • 6. 3. Dê preferência para cor e fonte A internet possui pequenos espaços publicitários que recebem arquivos “em baixa”, ou “qualidade para web”. Dê preferência para um texto curto sobre uma cor em destaque ao invés de uma imagem que irá perder 95% de sua qualidade em um banner. Ninguém espera o carregamento de anúncios, por isso eles devem ser mais leves do que o site.
  • 7. Sem utilizar fotos de celebridades para divulgar um site de entretenimento, o Yahoo! preferiu usar uma imagem gráfica em diferentes tons de roxo. Já a GOL permanece atenta ao essencial: o preço. Todo o resto é desnecessário, inclusive imagens representativas das cidades anunciadas.
  • 8. NÃO utilize imagens que ocupem todo o espaço do banner: imagem não é fundo de tela centralizado ou lado a lado. Imagem é apenas um detalhe: espaço em branco é uma dádiva, você não precisa preenchê-lo.
  • 9.
  • 10. 4. Escolha imagens de uma mesma familia Uma Paris ensolarada ao lado de uma Londres nublada vira uma poluição visual sem fim!
  • 11. Se você não abre mão de usar imagens de ilhas paradisíacas ou capitais europeias para anunciar sua agência de viagens, escolha imagens que possuam a mesma iluminação e efeito; enfim, fotos que pareçam terem sido tiradas no mesmo dia e pelo mesmo fotógrafo.
  • 12. Ah, dica: não existe nada mais antiquado e que funcione menos do que transformar banner em rolo de filme fotográfico e preencher cada espaço com uma imagem diferente.
  • 13. 5. Cuidado com o .gif Use um banner animado que possua mais de uma imagem em rotação, mas não faça mais do que quatro transições e lembre-se que nem tudo precisa desaparecer: apenas o letreiro deve ficar em movimento.
  • 14. 6. Cuidado com as fontes Qualquer texto com mais de três palavras não deve aparecer com grafia cursiva - alerta “brega” nível cinco em uma escala de um a três. Descubra se a leitura do seu texto fica mais agradável com o uso de fontes serifadas - serifas são suportes que aparecem nas extremidades das letras. Textos pequenos possuem destaque natural: negrito e itálico são usados apenas em textos longos. Lembre-se: você não deve usar mais do que 10 palavras para passar a sua mensagem.
  • 16. 7. Troque o banner periodicamente Nada de deixar o mesmo banner durante seis meses em um site; caso contrário ele passa a fazer parte do layout e já não será mais notado.
  • 17. 8. Use as palavras certas Quando usadas da forma correta, algumas palavras podem fazer milagres. Foi comprovado que um discreto “clique aqui” e outros verbos no imperativo surtem efeito rápido. “Corra, está acabando”, “só hoje” e “últimas passagens” também podem ser interessantes.
  • 18.
  • 19. 9. Faça banners harmônicos Se você deseja exclusividade ao anunciar em um site ou pretende comprar todos os espaços que ele oferece, procure fazer anúncios harmônicos. Com dois, três ou mais tamanhos diferentes disponíveis, siga uma mesma linha de criação e faça transações simultâneas para que o internauta não fique tonto.
  • 20. ~ 10. Nao tente enganar o seu cliente Criar um banner dizendo que o sujeito é a milésima pessoa a ver aquele anúncio e por isso será recompensado ou simular uma janela de Windows (“você tem uma mensagem não lida”) é a maneira mais fácil de se tornar o menos clicado.
  • 21. Acesse e faça o seu proprio banner http://www.mybannermaker.com/ Monte seu banner em vários formatos previamente disponíveis http://pixlr.com/ Editor online de imagens http://www.blog.spoongraphics.co.uk/articles/50-illustrator-tutorials-every-designer-should-see 50 tutoriais de Illustrator para criar efeitos profissionais (em inglês)
  • 22. Agora é com você! Diviagem. links para quem viaja diviagem.com.br @diviagem | facebook.com/diviagem