O documento fornece diretrizes para o design de imagens em anúncios no Facebook. O Facebook divide as imagens em 4 categorias de acordo com a quantidade de texto: OK (até 20%), Baixo (alcance limitado), Médio (alcance mais limitado) e Alto (poucas pessoas alcançadas). São fornecidas exceções à regra dos 20% de texto e instruções para criar grades com quadrados para alocar o texto permitido.

1. DESIGN DE IMAGENS
PARA ANÚNCIOS NO FACEBOOK
RENATO MELO - 2016

2. Fim dos 20%?
Facebook divide agora em 4
categorias o seu anúncio

3. Texto na
imagem: OK
Post com pouco
ou nenhum
texto.
Estilo preferido
pelo Facebook

4. Texto na
imagem:
Baixo
Alcance
limitado. Você
atinge menos
pessoas.

5. Texto na
imagem:
Médio
Alcance
limitado. Você
atinge poucas
pessoas.

6. Texto na
imagem:
Alto
Você atingirá
poucas ou
nenhuma
pessoa.

7. Exceções:
•Pôsteres de filme.
•Capa de livros.
•Capa de cds.
•Imagem de produtos.
•Pôsteres de eventos
(shows, concertos,
esportes…)
•Texto baseado em
caligrafia, quadrinhos, etc.
•Screenshot de aplicativos
e jogos.
•Texto legal.
•Infográficos.

8. Isso conta?
SIM
•Logos – Qualquer logo com
texto, independentemente de
tamanho e alinhamento.
•Marca d’água – Marcas d’água
são consideradas texto, mesmo
se forem obrigatórias e
constarem no branding da
marca.
•Números – Todos os números
contam como texto.

9. O Facebook permite apenas 20% de texto como OK,
por isso construa uma grade com linha guia, criando
25 quadrados. Assim, apenas 5 poderão conter texto.

10. O Facebook permite apenas 20% de texto como OK,
por isso construa uma grade com linha guia, criando
25 quadrados. Assim, apenas 5 poderão conter texto.

11. O Facebook permite apenas 20% de texto, por isso
construa uma grade com linha guia, criando 25
quadrados. Assim, apenas 5 poderão conter texto.

12. O Facebook permite apenas 20% de texto, por isso
construa uma grade com linha guia, criando 25
quadrados. Assim, apenas 5 poderão conter texto.

13. ANÚNCIOS

14. Anúncios para curtir página: 1200x444 px
Anúncios para visitas no site: 1200x630 px

15. #PRÁTICA

16. ARQUIVO NOVO COM
835X700px e 100dpi.

17. VAMOS CRIAR UMA GRADE
COM 25 QUADRADOS.
PASSO 1 – PRESSIONE CTRL+K
PASSO 2 – CLIQUE EM GUIDES
E GRIDS

18. DEPOIS, CONFIGURE
A GRADE COM 20%

19. RESULTADO!

20. renatomelo.com.br/esamc/
webdesign_ruffles1.jpg

21. renatomelo.com.br/esamc/
webdesign_ruffles.png

22. renatomelo.com.br/esamc/
webdesign_ruffles2.png

23. PRA FINALIZAR INSIRA O TEXTO
NA FONTE CENTURY GOTHIC!

24. CRIE UM ANÚNCIO PARA CLIQUES NO SITE E UM
ANÚNCIO PARA CURTIDAS NA PÁGINA COM O
TEMA: VERÃO E TIRAR ONDA!

25. USE O MESMO ROTEIRO E NÃO ESQUEÇA DO
LOGO DA RUFFLES QUE VOCÊ JÁ TEM!

26. BANCO DE IMAGENS
INMAGINE.COM
LOGIN E SENHA: ESAMCSANTOS

27. LINK DA AULA:
bit.ly/webdesignaula11

28. FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br