Livreto layout finalizado

LAYOUT E SUAS CARACTERÍSTICAS HDF2MAGAZINE

ED. 01 NOV/2013 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in cursus nisl. Nulla vestibulum nibh non velit varius auctor. Maecenas quis condimentum massa, in ullamcorper sem. Maecenas eu sodales diam. Ut dapibus ante id eros vestibulum gravida. Etiam porttitor elementum ante, eu viverra arcu volutpat et. Mauris sagittis nisl lacus, vel tincidunt odio vulputate ac. Curabitur eu ligula sagittis, adipiscing ipsum eu, congue leo. Maecenas enim metus, congue non mattis vel, pulvinar id justo. Sed imperdiet feugiat ornare. Quisque eleifend sem mauris, eu posuere felis cursus vitae. Donec ultricies purus nec massa gravida pharetra. Maecenas scelerisque accumsan dolor, et pulvinar risus commodo eu. Pellentesque viverra ante et leo congue, a aliquam tortor consequat.

Curabitur quis leo vestibulum, pulvinar ipsum vitae, pretium eros. Nam ante dolor, faucibus nec est a, vulputate dapibus nulla. Mauris at neque euismod dolor vulputate dictum. Fusce porttitor fringilla lectus, malesuada convallis lorem scelerisque nec. Suspendisse accumsan egestas velit, ut tempus arcu lacinia a. Pellentesque euismod tempus lacus non volutpat. Donec imperdiet rhoncus augue, sed accumsan massa ultricies in. Mauris condimentum eros quam, in tempor leo pellentesque id. Praesent a consectetur libero. Donec rutrum aliquet convallis. Morbi mattis auctor fermentum. Fusce iaculis adipiscing metus, tincidunt venenatis lacus consectetur vel. Suspendisse sed magna sit amet nulla rutrum rhoncus. Etiam tincidunt velit non lacus mollis sagittis. Quisque augue purus, ultrices sed velit ac, eleifend pharetra elit. Praesent volutpat diam faucibus dui hendrerit tempor. Nulla tempus semper porttitor. Maecenas laoreet suscipit sodales. Morbi dapibus, quam id lobortis vehicula, dui massa commodo nisl, a facilisis massa velit quis ipsum. Sed elit velit, volutpat bibendum tellus eget, mollis sagittis justo. Nullam non risus mattis orci auctor commodo

non a augue. Vivamus dui felis, fringilla non feugiat sed, pellentesque et massa. Vestibulum tincidunt gravida condimentum. Curabitur luctus iaculis est, in viverra turpis porttitor id. Suspendisse vitae leo vel quam lobortis porta at et diam.

Nullam dapibus, risus a luctus tempus, sem neque mattis diam, a tristique justo nulla et leo. Phasellus gravida neque sit amet gravida porttitor. Aliquam ut nisi ut dolor lobortis congue. Etiam aliquet turpis sit amet aliquam sodales. Integer consectetur orci vel lorem consectetur, at dapibus nunc malesuada. Mauris volutpat dignissim sem eu suscipit. Nullam consequat, quam id hendrerit ultrices, magna nisi malesuada quam, pharetra semper enim enim at est.

Quisque iaculis, sem ac dictum euismod, risus lorem mattis urna,

quis molestie neque purus nec lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Curae; Vestibulum porta cursus tellus in rutrum. Nullam scelerisque lectus non nunc elementum, nec varius mauris tempus. Mauris sit amet orci lobortis, porttitor turpis vitae, interdum augue. Sed augue justo, rutrum vitae elit sit amet, ullamcorper euismod felis. Morbi dapibus cursus tortor, nec gravida

metus blandit et. Proin pulvinar quam nec

sapien tempor vehicula. Pellentesque rhoncus tellus sit

amet egestas eleifend. Quisque convallis risus ac facilisis commodo. Suspendisse tempus et dui non malesuada. Maecenas eget leo sit amet urna scelerisque convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in cursus nisl. Nulla vestibulum nibh non velit varius auctor. Maecenas quis condimentum massa, in ullamcorper sem. Maecenas eu sodales diam. Ut dapibus ante id eros vestibulum gravida. Etiam porttitor elementum ante, eu viverra arcu volutpat et. Mauris sagittis nisl lacus, vel tincidunt odio vulputate ac. Curabitur eu ligula sagittis, adipiscing ipsum eu, congue leo. Maecenas enim metus, congue non mattis vel, pulvinar id justo. Sed imperdiet feugiat ornare. Quisque eleifend sem mauris, eu posuere felis cursus vitae. Donec ultricies purus nec massa gravida pharetra. Maecenas

scelerisque accumsan dolor, et pulvinar risuscommodo eu. Pellentesque viverra ante et leo congue, a aliquam tortor consequat.

Curabitur quis

vestibulum,

ipsum vitae, pretium eros. Nam ante

faucibus nec est a,

dapibus nulla. Mauris at

. Fusce

fringilla lectus, malesuada convallis lorem scelerisque nec. Suspendisse accumsan egestas velit, ut tempus arcu lacinia a. Pellentesque euismod tempus lacus non volutpat. Donec imperdiet rhoncus augue, sed accumsan massa ultricies in. Mauris condimentum eros quam, in tempor leo pellentesque id. Praesent a

consequat, quam id hendrerit ultrices, magna nisi malesuada quam, pharetra semper enim enim at est.



Vestibulum porta cursus tellus in rutrum. Nullam scelerisque lectus non nunc elementum, nec varius mauris tempus.sit amet orci lobortis, porttitor turpis vitinterdum augue. Sed augue justo, rutrum vitae elit sit amet, ullamcorper euismod felis. Morbi dapibus cursus tortor, nec gravida



amet egestas eleifend. Quisque convallis risus ac facilisis commodo. Suspendisse tempus et dui non malesuada. Maecenas eget leo sit amet urna


ED. 01 NOV/2013 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in cursus nisl. Nulla vestibulum nibh non velit varius auctor. Maecenas quis condimentum massa, in ullamcorper sem. Maecenas eu sodales diam. Ut dapibus ante id eros vestibulum gravida. Etiam porttitor elementum ante, eu viverra arcu volutpat et. Mauris sagittis nisl lacus, vel tincidunt odio vulputate ac. Curabitur eu ligula sagittis, adipiscing ipsum eu, congue leo. Maecenas enim metus, congue non mattis vel, pulvinar id justo. Sed imperdiet feugiat ornare. Quisque eleifend sem mauris, eu posuere felis cursus vitae. Donec ultricies purus nec massa gravida pharetra. Maecenas scelerisque accumsan dolor, et pulvinar risus commodo eu. Pellentesque viverra ante et leo congue, a aliquam tortor consequat.

Curabitur quis leo vestibulum, pulvinar ipsum vitae, pretium eros. Nam ante dolor, faucibus nec est a, vulputate dapibus nulla. Mauris at neque euismod dolor vulputate dictum. Fusce porttitor fringilla lectus, malesuada convallis lorem scelerisque nec. Suspendisse accumsan egestas velit, ut tempus arcu lacinia a. Pellentesque euismod tempus lacus non volutpat. Donec imperdiet rhoncus augue, sed accumsan massa ultricies in. Mauris condimentum eros quam, in tempor leo pellentesque id. Praesent a consectetur libero. Donec rutrum aliquet convallis. Morbi mattis auctor fermentum. Fusce iaculis adipiscing metus, tincidunt venenatis lacus consectetur vel. Suspendisse sed magna sit amet nulla rutrum rhoncus. Etiam tincidunt velit non lacus mollis sagittis. Quisque augue purus, ultrices sed velit ac, eleifend pharetra elit. Praesent volutpat diam faucibus dui hendrerit tempor. Nulla tempus semper porttitor. Maecenas laoreet suscipit sodales. Morbi dapibus, quam id lobortis vehicula, dui massa commodo nisl, a facilisis massa velit quis ipsum. Sed elit velit, volutpat bibendum tellus eget, mollis sagittis justo. Nullam non risus mattis orci auctor commodo

non a augue. Vivamus dui felis, fringilla non feugiat sed, pellentesque et massa. Vestibulum tincidunt gravida condimentum. Curabitur luctus iaculis est, in viverra turpis porttitor id. Suspendisse vitae leo vel quam lobortis porta at et diam.

Nullam dapibus, risus a luctus tempus, sem neque mattis diam, a tristique justo nulla et leo. Phasellus gravida neque sit amet gravida porttitor. Aliquam ut nisi ut dolor lobortis congue. Etiam aliquet turpis sit amet aliquam sodales. Integer consectetur orci vel lorem consectetur, at dapibus nunc malesuada. Mauris volutpat dignissim sem eu suscipit. Nullam consequat, quam id hendrerit ultrices, magna nisi malesuada quam, pharetra semper enim enim at est.



Curae; Vestibulum porta cursus tellus in rutrum. Nullam scelerisque lectus non nunc elementum, nec varius mauris tempus. Mauris sit amet orci lobortis, porttitor turpis vitae, interdum augue. Sed augue justo, rutrum vitae elit sit amet, ullamcorper euismod felis. Morbi dapibus cursus tortor, nec gravida



amet egestas eleifend. Quisque convallis risus ac facilisis commodo. Suspendisse tempus et dui non malesuada. Maecenas eget leo sit amet urna scelerisque convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in cursus nisl. Nulla vestibulum nibh non velit varius auctor. Maecenas quis condimentum massa, in ullamcorper sem. Maecenas eu sodales diam. Ut dapibus ante id eros vestibulum gravida. Etiam porttitor elementum ante, eu viverra arcu volutpat et. Mauris sagittis nisl lacus, vel tincidunt odio vulputate ac. Curabitur eu ligula sagittis, adipiscing ipsum eu, congue leo. Maecenas enim metus, congue non mattis vel, pulvinar id justo. Sed imperdiet feugiat ornare. Quisque eleifend sem mauris, eu posuere felis cursus vitae. Donec ultricies purus nec massa gravida pharetra. Maecenas


ED. 01 NOV/2013 5

scelerisque accumsan dolor, et pulvinar risus commodo eu. Pellentesque viverra ante et leo congue, a aliquam tortor consequat. Curabitur quis

leo vestibulum, pulvinar ipsum vitae, pretium eros. Nam ante dolor, faucibus nec est a, vulputate dapibus nulla. Mauris at neque euismod dolor vulputate dictum. Fusce porttitor fringilla lectus, malesuada convallis lorem scelerisque nec. Suspendisse accumsan egestas velit, ut tempus arcu lacinia a. Pellentesque euismod tempus lacus non volutpat. Donec imperdiet rhoncus augue, sed accumsan massa ultricies in. Mauris condimentum eros quam, in tempor leo pellentesque id. Praesent a consectetur libero. Donec rutrum aliquet convallis. Morbi mattis auctor fermentum. Fusce iaculis adipiscing metus, tincidunt venenatis lacus consectetur vel. Suspendisse sed magna sit amet nulla rutrum rhoncusNullam consequat, quam id hendrerit ultrices, magna nisi malesuada quam, pharetra semper enim enim at est. Quisque iaculis, sem ac dictum euismod, risus lorem mattis urna, quis molestie neque purus nec lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum porta cursus tellus in rutrum. Nullam scelerisque lectus non nunc elementum, nec varius mauris tempus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi

tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu

lectus lobortis condimentum.

Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique

senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.

Síndrome da ocupação: Querer ocupar TODO O ESPAÇO disponível para diagramar, “layoutar”. Nada disso é necessário se levarmos em conta que uma peça bem distribuída é mais agradável aos olhos que um “monte de letra agrupada” Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque

habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing. Lorem

NÃO EXAGERAR

NÃO PASSAR DOS LIMITES


ED. 01 NOV/2013 6

CONCEITOS

Todo layout começa com um espaço em branco a ser preenchido. Você pode preenchê-lo com textos, imagens, cores. Mas cima de tudo, precisa preenchê-lo com objetividade, simplicidade e inteligência.


ED. 01 NOV/2013 6

CONCEITOS

Todo layout começa com um espaço em branco a ser preenchido. Você pode preenchê-lo com textos, imagens, cores. Mas cima de tudo, precisa preenchê-lo com objetividade, simplicidade e inteligência.


ED. 01 NOV/2013 7

CONCEITOS LEIS DA GESTALT

>> Artigo por: “Colunista Portal – Saúde” >> Fonte: Portal Educação http://www.portaleducacao.com.br/psicologia/artigos/48836/gestalt-definicao-e-as-sete-leis-basicas

A Gestalt não possui uma tradução certa para o português, o termo que mais se aproximaria de uma tradução seria “forma ou percepção”. Independente de traduções, a Gestalt compreende um conceito de significação de formas, cores, texturas entre outras variáveis de maneira auto-organizada pelo cérebro, com o intuito de criar uma significação lógica para os conhecimentos do individuo.

Existem seis princípios básicos que permeiam a Gestalt: Continuidade, proximidade, semelhança, preenchimento, simplicidade e figura/fundo. A seguir apresentamos os conceitos de cada uma dessas leis fundamentais e sua forma de interpretação pelo cérebro. Continuidade: Quando os objetos estão dispostos em uma sequencia logica para o observador, ele tende a associar esses pontos e assim conseguir formar uma imagem conhecida pelo cérebro ou linhas orgânicas, um bom exemplo são os caligramas que não são vistos como palavras dispersas, e sim como um objeto maior formado por um jogo de palavras. Proximidade: figuras muito próximas entre si tendem a ser vistas como uma única figura ou objeto, por exemplo, as impressões à jato de tinta são formadas por milhares de micropontos de tinta que juntos formam uma imagem. Semelhança: elementos semelhantes entre si tendem a formar grupos mais coesos de unidades, por exemplo, é mais fácil agrupar dois times de futebol pela cor da camisa do que apenas pela feição de cada jogador.


ED. 01 NOV/2013 8

Preenchimento: nosso cérebro tende a completar figuras que possuam certo sentido em nossa memória, porém estão aparentemente incompletos visualmente, um bom exemplo desse fundamento é o logotipo da rede de supermercados Carrefour, que forma um “C” na junção dos seus elementos. Simplicidade: figuras mais simples são mais facilmente compreendidas, figuras complexas tendem a levar mais tempo para serem assimiladas. Figura/fundo: nosso cérebro tende a organizar os elementos em perspectivas, figuras de duplo sentido, por exemplo, só possuem essa característica, devido à capacidade do cérebro em ver a figura em diferentes perspectivas. ▪

DIAGRAMAÇÃO A ARTE DA ORGANIZAÇÃO “Diagramação nada mais é do que diagramar uma revista, um catálogo, ou qualquer outra peça, distribuindo e colocando as coisas no devido lugar, obedecendo ordens simétricas ou assimétricas, tanto faz.”

Características básicas:

1 - Textos em colunas, facilitando a leitura nos casos de um espaço grande de textos.

2 - Pesos diferenciados entre títulos, subtítulos e textos.

3 - Alinhamentos: centralização, justificado, texto à direita, texto à esquerda.


ED. 01 NOV/2013 8

Preenchimento: nosso cérebro tende a completar figuras que possuam certo sentido em nossa memória, porém estão aparentemente incompletos visualmente, um bom exemplo desse fundamento é o logotipo da rede de supermercados Carrefour, que forma um “C” na junção dos seus elementos. Simplicidade: figuras mais simples são mais facilmente compreendidas, figuras complexas tendem a levar mais tempo para serem assimiladas. Figura/fundo: nosso cérebro tende a organizar os elementos em perspectivas, figuras de duplo sentido, por exemplo, só possuem essa característica, devido à capacidade do cérebro em ver a figura em diferentes perspectivas. ▪

DIAGRAMAÇÃO A ARTE DA ORGANIZAÇÃO “Diagramação nada mais é do que diagramar uma revista, um catálogo, ou qualquer outra peça, distribuindo e colocando as coisas no devido lugar, obedecendo ordens simétricas ou assimétricas, tanto faz.”

Características básicas:

1 - Textos em colunas, facilitando a leitura nos casos de um espaço grande de textos.

2 - Pesos diferenciados entre títulos, subtítulos e textos.

3 - Alinhamentos: centralização, justificado, texto à direita, texto à esquerda.


ED. 01 NOV/2013 9

Exemplos:

Título

Subtítulo

Alinhamentos:

Texto Justificado Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Texto Centralizado Pellentesque habitant morbi tristique senectus et

netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis

condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et

netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.


condimentum. Aliquam nonumm auctor massa.

Página em Duas colunas

Texto alinhado à esqueda

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at

risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.


condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et

netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac,

posuere eu, lectus. Nam mattis, felis ut adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing

elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at

risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.


condimentum. Aliquam nonummy auctor massa.

Texto Alinhado à direita Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa.


ED. 01 NOV/2013 10


ED. 01 NOV/2013 10


ED. 01 NOV/2013 11

DIAGRAMAÇÃO CRIATIVA Exemplo de diagramação criativa Exemplo de diagramaçcriativa

“Diagramação criativa é aquela que quebra padrões”

Boa diagramação é diferente de diagramação criativa.

Crie, mas tenha cuidado.


ED. 01 NOV/2013 12

ORGANIZAÇÃO

Perguntas que devem ser levadas em consideração: 1ª - Qual o objeto principal do anúncio? A imagem? Mas você tem duas. A qual delas dar maior importância?

2ª - E o título? Tem que ficar à direita ou à esquerda do anúncio? Em cima ou embaixo?

3ª - E qual a melhor posição para o texto, o telefone e o logotipo?

Defina uma Prioridade entre os elementos.


ED. 01 NOV/2013 12

ORGANIZAÇÃO

Perguntas que devem ser levadas em consideração: 1ª - Qual o objeto principal do anúncio? A imagem? Mas você tem duas. A qual delas dar maior importância?

2ª - E o título? Tem que ficar à direita ou à esquerda do anúncio? Em cima ou embaixo?

3ª - E qual a melhor posição para o texto, o telefone e o logotipo?

Defina uma Prioridade entre os elementos.


ED. 01 NOV/2013 13

EQUILÍBRIO E CONTRASTE Aceitar comentários como: “Esse título está muito pesado”

Resolva o equilíbrio: observe, pense.

DICAS PARA UM LAYOUT EQUILIBRADO: 1ª - Alinhar o bloco de texto com algum outro objeto: pode ser foto, o título ou os dois.

2ª - Se for centralizar o bloco de texto, não centralize apenas ele. Outro objeto precisa justificar a centralização do texto.

3ª - Mais de uma foto, o mesmo grau de importância, alinhe uma com a outra na horizontal ou na vertical.


ED. 01 NOV/2013 14

4ª - Não deixar o logotipo perdido. Alinhar com outro objeto.

Texto ou foto, tanto faz.

5ª - Direção de arte bem feita é direção de arte com contrastes.

Espaço em branco enorme.

Às vezes, a melhor maneira de atrair a atenção do leitor para um anúncio é usar título ou foto bem pequena, deixando mais de 50% da peça gráfica sem absolutamente nada, apenas áreas livres.


ED. 01 NOV/2013 14

4ª - Não deixar o logotipo perdido. Alinhar com outro objeto.

Texto ou foto, tanto faz.

5ª - Direção de arte bem feita é direção de arte com contrastes.

Espaço em branco enorme.

Às vezes, a melhor maneira de atrair a atenção do leitor para um anúncio é usar título ou foto bem pequena, deixando mais de 50% da peça gráfica sem absolutamente nada, apenas áreas livres.


ED. 01 NOV/2013 15

6ª - Cuidado com as cores. Dica da escolha certa: fazer com que ela combine com a imagem principal do anúncio.

Se não tiver uma cor predominante na imagem, talvez possa usar a cor do cliente ou do produto.

Se tiver dúvidas, abuse do branco, não tem erro.


ED. 01 NOV/2013 16

INOVAÇÃO

Inovar é preciso, mas o medo é maior. Ignorar regras em detrimento de novas regras:

1. Não alinhe o texto. 2. Não coloque a foto com o recorte

perfeito. 3. Não utilize a cor que todo mundo

usaria. 4. Não escolha uma tipologia que o

outro Diretor de Arte escolheria. 5. Não dê atenção às muitas opiniões. 6. Não seja previsível. 7. Não mostre o produto inteiro. 8. Não obedeça ao cliente. 9. Não use a imagem que seja apenas

uma simbologia do título. 10. Não use título.


ED. 01 NOV/2013 16

INOVAÇÃO

Inovar é preciso, mas o medo é maior. Ignorar regras em detrimento de novas regras:

1. Não alinhe o texto. 2. Não coloque a foto com o recorte

perfeito. 3. Não utilize a cor que todo mundo

usaria. 4. Não escolha uma tipologia que o

outro Diretor de Arte escolheria. 5. Não dê atenção às muitas opiniões. 6. Não seja previsível. 7. Não mostre o produto inteiro. 8. Não obedeça ao cliente. 9. Não use a imagem que seja apenas

uma simbologia do título. 10. Não use título.


ED. 01 NOV/2013 17

11. Não use formatos personalizados. 12. Não se preocupe em ser

politicamente correto. 13. Especialmente, não tenha medo de

perder o emprego!

ESSÊNCIA DOS CONCEITOS “Quando você inova, as pessoas entendem ou não entendem, Como você não pode arriscar sempre, na hora de fazer algo diferente e ir contra tudo o que você leu até agora, aproveite pelo menos a essência de todos os conceitos e faça coisas com inteligência. Se você perceber que inovar é transformar ou agregar novos valores aos antigos, a chance de acertar é muito grande. Entenda, com isso, que para fazer o novo é imprescindível saber o antigo.”

Livreto layout finalizado

Documents

Transcript of Livreto layout finalizado