18/09/2016. Direção de arte Diagramação de anúncios. Diagramação de anúncios. Diagramação de anúncios. Diagramação de anúncios

Transcrição

1 Direção de Arte, Newton Cesar. Direção de Arte, Newton Cesar. Direção de Arte, Newton Cesar. Direção de arte Todo layout começa com um espaço em branco a ser preenchido. Você pode preenchê-lo com textos, imagens, cores. Mas acima de tudo, precisa preenchê-lo com objetividade, simplicidade e inteligência. Professora: Teresa Poças tpocas@gmail.com O layout baseia-se em diagramação, organização, equilíbrio e contraste e inovação. Sabendo isso, você saberá 50%. O resto dependerá de sua criatividade. Em artes gráficas, diagramação nada mais é do que diagramar uma revista, um anúncio, um catálogo, um folheto ou qualquer outra peça, distribuindo e colocando as coisas no devido lugar, obedecendo ordens simétricas ou assimétricas, tanto faz. O termo é muito usado em propaganda, especialmente quando se fala em textos. É comum ouvir o Diretor de Arte pedindo para o operador de computador diagramar esse ou aquele texto. 1

2 Direção de Arte, Newton Cesar. Direção de Arte, Newton Cesar. Direção de Arte, Newton Cesar. Amaury Fernandes, Fundamentos de produção gráfica, Tudo o que ele está dizendo é que o texto deve ser distribuiído no anúncio ou na peça gráfica da maneira como ele imaginou. Qual a receita para uma boa diagramação? A receita é observar revistas, jornais, catálogos, folhetos, outdoors, etc. Via de regra, essas peças têm uma boa diagramação. Se você começar a prestar a devida atenção, entenderá que a diagramação segue três características básicas: Textos em colunas, o que facilita muito a leitura nos casos de um espaço muito grande ou textos em dois ou até um único bloco, geralmente usados em anúncios. Pesos diferenciados entre títulos, subtítulos e textos. Alinhamentos: centralização, justificação, texto à direita, texto à esquerda. Os textos compostos possuem sempre algum tipo de alinhamento, que deve ser especificado pela criação e seguido pelo pessoal da edição. Esses diferentes tipos são denominados de acordo com a posição do início e do final das linhas com relação às laterais da coluna de texto e podem ser: justificado (ou blocado), alinhado à esquerda, alinhado à direita, centralizado e desalinhado. 2

3 Amaury Fernandes, Fundamentos de produção gráfica, Amaury Fernandes, Fundamentos de produção gráfica, Amaury Fernandes, Fundamentos de produção gráfica, Amaury Fernandes, Fundamentos de produção gráfica, O texto justificado, também chamado de blocado, tem esse nome por ser composto justo na medida da largura da coluna. Todas as linhas de texto são iniciadas no primeiro ponto à esquerda e terminam sempre no limite extremo à direita, as únicas exceções sendo as aberturas e os finais dos parágrafos. Esse tipo de alinhamento facilita a leitura do texto, pois cria uma mecânica de leitura onde os movimentos dos olhos para acompanhar o texto são constantes e regulares. Já os textos alinhados à esquerda são aqueles cujas linhas são sempre iniciadas no limite extremo à esquerda e seu final é irregular no lado direito da coluna. Este tipo de alinhamento também possui uma boa mecânica de leitura e pode ser utilizado mesmo para grandes volumes de texto, pois, como as linhas de texto começam sempre no mesmo ponto, ainda há grande facilidade de se fazer o acompanhamento do texto quando da leitura. Chamamos de alinhamento à direita os textos nos quais as linhas iniciam de forma irregular, mas são sempre terminadas no limite extremo do final da coluna. Esse tipo de alinhamento é bastante incômodo para leitura em textos longos e deve ser evitado neles; sua utilização se presta mais a chamadas e legendas de imagens. Os textos centralizados são aqueles nos quais as linhas de texto estão dispostas segundo um eixo central de simetria. Esse tipo de alinhamento também é incômodo para a leitura de textos longos e deve ser evitado, como os textos alinhados à direita. Como os últimos, os centralizados têm sua utilização mais ligada a chamadas e legendas de imagens. 3

4 Fatima Ali, A arte de editar revistas, Fatima Ali, A arte de editar revistas, Fatima Ali, A arte de editar revistas, Fatima Ali, A arte de editar revistas, Grades simples É composta por três unidades. As áreas cinzas são as colunas. As brancas são os espaços entre as colunas e as margens da página. Grades 3 x 3 os elementos fotos, textos, ilustrações se encaixam nessas unidades, mesmo que atravessem os limites. 4

5 Fatima Ali, A arte de editar revistas, Fatima Ali, A arte de editar revistas, Fatima Ali, A arte de editar revistas, Fatima Ali, A arte de editar revistas, Diagramação Espelho de anúncios Espelho - é a distribuição do conteúdo editorial matérias, seções e colunas e anúncios ao longo das páginas da revista; um mapa simplificado que indica o que vai onde; em que ordem, relevância e o espaço ocupado. Ritmo o espelho determina o ritmo e o andamento pelo qual a revista apresenta seu material. Imagine as páginas da revista como uma sequência de um filme. As cenas têm um ritmo um início lento, depois mais rápido, um momento de suspense, o clímax, outro instante lento e o desfecho. 5

6 Fatima Ali, A arte de editar revistas, Fatima Ali, A arte de editar revistas, Fatima Ali, A arte de editar revistas, Fatima Ali, A arte de editar revistas, Miolo Nobre O lugar dos anúncios O espelho define a política de colocação de anúncios e quais os espaços reservados a eles de acordo com essa política. Anúncios são vendidos em posições determinadas na frente da revista, em página ímpar, ao lado de seções ou matérias específicas. Os anunciantes preferem a página ímpar porque a tendência do leitor ao folhear a revista é vê-la primeiro. Zigue- Zague Sobe e Desce 6

7 Direção de Arte, Newton Cesar. O que é uma diagramação criativa? A diagramação criativa é aquela que quebra os padrões, mínimos que sejam. Um alinhamento diferenciado, por exemplo. Entrelinhas mais abertas, ou em alguns casos, mais fechadas. Um bloco de texto dinâmico com distribuição assimétrica ou, ainda, uma interação maior entre imagem e texto. Isso só se consegue com muita observação, criatividade e, acima de tudo, inovação. Três possibilidades de se pensar o posicionamento dos vários elementos que compõe uma página. O centro ótico, o lugar que o olho procura, em primeiro lugar, 7

8 Os terços, como forma de posicionar aquilo que se quer destacar, especialmente em fotografia, 8

9 A diagonal de leitura, que, claro, funciona para os povos que lêem da esquerda (de quem lê) para a direita, de cima para baixo, O canto superior esquerdo e o inferior direito são as "áreas fortes". Os opostos são as chamadas "áreas fracas". 9

10 10

11 Segredos da Direção de Arte, Newton Cesar. Se a diagramação for para um anúncio, há de se observar o que é mais importante: imagem ou texto. 11

12 Segredos da Direção de Arte, Newton Cesar. Segredos da Direção de Arte, Newton Cesar. Se a imagem for forte e conceitual então deve-se valorizar mais a imagem. Do ponto de vista técnico, dá para dividir a diagramação em duas vertentes: simétrica e assimétrica. Diagramação simétrica: é quando você segue alinhamentos e simetria na disposição dos elementos. 12

13 Segredos da Direção de Arte, Newton Cesar. Diagramação assimétrica: é quando você chuta o balde para algumas regras e resolve quebrá-las, trabalhando os elementos de maneira nada convencionais, desalinhando-os. A diagramação é aplicada em diversas mídias como jornais, livros, revistas, cartazes, sinalização, websites, inclusive na televisão. ( ) No caso de um jornal, a diagramação segue os objetivos e as linhas gráficas e editoriais desse impresso. 13

14 As imagens, o tamanho das fontes tipográficas, a posição de títulos, retículas, boxes, fios, enfim, todos os elementos visuais devem ser perfeitamente pensados e posicionados com o objetivo de atender a uma necessidade editorial. 14

15 Capa da revista Época Tema: como ensinar as crianças a comer direito Capa da revista Época A foto que me inspirou para começar a pensar nesta capa foi do garoto Gabriel, filho dos meus amigos Ivan Padilha e Maria Laura. Fazendo uma busca nos sites de imagens achei esta outra que também é muito boa. Capa da revista Época Também fizemos algumas opções com fotos de Marcos Lopes Capa da revista Época Mas, na pesquisa de imagem achei este garoto muito simpático e tive a ideia de trocar o doce por um prato de salada 15

16 Capa da revista Época Capa da revista Época Mas quando coloquei a capa da ÉPOCA SP que tem uma foto de um hambúrguer apetitoso, tive a ideia de fazer ele olhando pra cima. Mudei o olhar do garoto no photoshop e acrescentamos uma legenda: pode sim, mas só no fim de semana. Aí sim as duas capas estavam conversando. Gestalt O contraste entre figura e fundo do conjunto gráfico. O equilíbrio entre áreas com e sem informação deve ser bem observado. 16

17 Esses espaços em branco funcionam como área de respiro para uma página ajudando o ritmo de leitura. Essas áreas de descanso visual devem ser usadas de acordo com a necessidade editorial de um assunto, além de representar os anseios estéticos de um determinado público. Faixa etária, sexo, nível social e cultural, além dos assuntos a serem abordados, podem indicar como essas áreas de respiro devem ser usadas, em que quantidade e onde. Cores Deve-se observar não somente a cor que se deseja usar mas sua localização na página e quantos segundos de percepção são necessários para sua assimilação pelo cérebro, assim como, quanto tempo uma pessoa ficará com seus olhos fixos nela. 17

18 Direção de Arte, Newton Cesar. As cores, dentro do conjunto visual de uma página, deveriam ser mais um elemento a ajudar na seqüência de leitura desejada pelo editor. Composição visual Dê importância às coisas. Não é raro ver anúncios ou peças gráficas onde o título, a foto e o texto têm o mesmo peso visual. Quando se tem um anúncio com muitos objetos, então, a coisa piora. Extatamente por tudo parecer importante, o layout vira uma poluição só. Anúncios de varejo normalmente são assim. O título é grande. O produto é grande. A oferta é grande. O logotipo e o telefone do cliente são grandes. O que, a princípio, seria uma solução para valorizar, desvaloriza. 18