Como criar um design de banner?

Considerá-lo um bom banner
Ao projetar um banner, não se deve simplesmente colocar um texto ao acaso em um fundo gráfico e considerá-lo um bom banner.

Banner e outros designs de publicidade online estão se tornando cada vez mais comuns. Para que um banner se destaque, ele deve ser muito bem desenhado.

Os banners são uma forma popular de publicidade na Internet. Mesmo antes de o Google AdSense ser popular, os banners já eram predominantes em empresas de hospedagem gratuita na web. Os banners também geraram receita para editores online que venderam espaço para anunciantes. Os banners também são uma boa forma de divulgar eventos e causas. Por exemplo, você pode exibir banners para eventos futuros e causas de caridade em sua página inicial ou blog.

Ao projetar um banner, não se deve simplesmente colocar um texto ao acaso em um fundo gráfico e considerá-lo um bom banner. Existem algumas coisas que você deve observar ao fazer um design de banner.

Definir medidas de bloco de anúncios

Tamanho. O requisito mais comum na criação de um banner é o tamanho. Embora os tamanhos de banner fossem arbitrários no passado, os layouts de grade padronizados de hoje geralmente suportam banners de determinados tamanhos. O AdSense do Google definiu as medidas do bloco de anúncios como padrão.

Banners horizontais:

• Leaderboard: 728 x 90 pixels
• Banner: 468 x 60 pixels
• Meio banner: 234 x 60

Banners verticais:

• Arranha-céu: 120 x 600 pixels
• Arranha-céu largo: 160 x 600 pixels
• Banner vertical: 120 x 240 pixels

Você pode facilmente iniciar sua tela usando qualquer tamanho de banner em qualquer bom software de edição gráfica, como Adobe Photoshop.

• Banner: 468 x 60 pixels
• Banner: 468 x 60 pixels.

Fundo. O objetivo dos banners é atrair a atenção dos leitores ou espectadores. Para tanto, o background deve depender do público-alvo. Se você tem como alvo um público mais jovem, seria uma boa ideia usar cores de fundo que agradassem a essas pessoas, como cores brilhantes e similares. Você também pode usar um cenário ou uma imagem que represente a ideia que deseja realizar.

Esquema de cores. Porque você quer chamar a atenção, você não quer que o esquema de cores do banner seja desbotado e se misture muito com o design do site em que ele será apresentado. Para este propósito, é uma boa ideia experimentar diferentes versões, especialmente se o seu banner for colocado em sites diferentes. Isso garante que o banner não colida muito com os esquemas de cores dos sites em que será exibido, mas ainda assim será atraente. Considere, também, se deve colocar uma borda ou não. Se você for adicionar uma borda ao seu banner, considere o uso de cantos arredondados, especialmente se isso vai bem com o design dos sites de destino. Novos blogs e sites de mídia parecem gostar desse visual "Web 2.0".

Texto. Se o seu banner não tem nada que o identifique com o seu produto, serviço ou causa, então os leitores provavelmente não clicarão no banner. Certifique-se de que sua marca seja identificada de forma destacada e de que você inclua um texto de marketing com o objetivo de estimular os leitores a verificar o que você tem a oferecer.

Você pode querer usar camadas no design do seu banner, para que possa alternar entre os textos e manipular facilmente cada elemento ou camada quando necessário.

Quando você tiver finalizado o design do seu banner, certifique-se de salvá-lo em diferentes tamanhos e formatos. Isso dará aos usuários mais opções para adicionar seu banner ou botão a seus sites. Se você estiver executando o banner em seu próprio site, ter diferentes tamanhos e esquemas de cores permitirá que você altere as imagens do banner rapidamente, em vez de ajustar o layout inteiro do site sempre que uma alteração for necessária. Você pode aprender outras ótimas dicas de design fazendo aulas online de arte ou design.

Artigos relacionados
  1. Como criar uma assinatura digital manuscrita gratuitamente?
  2. Como criar um DVD usando o Google Picasa 3?
  3. Como criar uma apresentação de slides de imagens JPEG?
  4. Como criar uma página de revista de moda no Adobe Photoshop 7?
  5. Como criar um hiperlink no Photoshop?
  6. Como criar um rosto de avatar realístico?
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail