Editoracao eletrônica e design gráfico

1. Publicidade e PropagandaEditoração Eletrônica e Design Gráfico Profa. Amanda GenerozoE-mail: amanda.generozo@aedu.com 1

2. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoAula 3Sistema de leitura ocidental (centro óptico, centro geométrico, zonaprincipal e zonas mortas da página).A força visual dos blocos de leitura do layout.A hierarquia visual e o entendimento da mensagem.Os elementos na página e a integração entre texto e ilustração através docomputador.Ementa:Princípios de layout e design gráfico.Conteúdo programático:• A força visual dos blocos de leitura do layout.• A hierarquia visual e o entendimento da mensagem.• Princípios de layout e design gráfico.

3. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoConceito de Editoração EletrônicaFalleiros conceitua editoração eletrônica como “O ramo da computaçãográfica voltado para a produção de peças gráficas e editoriais, tais comojornais, livros, revistas, catálogos, malas diretas, folhetos, etc.” (FALLEIROS, Dario Pimentel. O Mundo Gráfico da Informática. São Paulo:Ed. Futura, 2003.) Na prática:• Podemos considerar a editoração eletrônica como a etapa do processo de criação, na qual são produzidos, por meio de computadores, layouts e/ou arquivos finalizados.• Além das peças gráficas e editoriais como as citadas pelo autor, podemos incluir ainda as peças publicitárias, tais como: anúncios, outdoor, catazes, mídia externa, etc.

4. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoA importância do planejamento visual e da editoraçãoeletrônica no desenvolvimento de uma peça gráficaConsiderações do contexto social, cultural e econômico:• Vivemos em uma Era Midiática;• A tecnologia está democratizando a informação e tornando-se acessível e disponível;• A informação em excesso faz com que cada mensagem dispute a atenção do público;• Existe um bombardeio de produtos e serviços, todos buscando consumidores comuns;• A sociedade está visualmente mais rica e ousada.E o design com isso?Simples:• Necessidade de tornar marcas, produtos e serviços diferenciados, de fazer com que sejam percebidos em meio ao turbilhão de informações e mensagens publicitárias.

5. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Quando começa o planejamento visual? Leitura e entendimento do briefing Definição do formato. Layout e o uso do grid. } rough (raf) Tipografia e Imagem. } pesquisa/estudo NOVOS JOBS/CLIENTES Uso das cores. Quando começa a editoração eletrônica? JOBS PERIÓDICOS Produção do layout. } para aprovação do cliente Quando termina a editoração eletrônica? Na finalização do arquivo. } para impressão/veiculação

6. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoFerramentas para editoração eletrônicaPlataformas utilizadas: MAC (Macintosh) e PCSoftwares mais utilizados para editoração eletrônica:Basicamente, os aplicativos para editoração eletrônica se enquadram emtrês categorias: Ilustradores: usam vetores para produzir ilustrações, gráficos, desenhos e logotipos. Principais softwares: Adobe Illustrator, CorelDRAW e Macromedia Freehand. Editores de imagens: trabalham com bitmaps para produzir, editar e retocar imagens e fotos. Principais softwares: Photoshop. Paginadores/finalizadores: fazem a montagem final (diagramação) dos elementos – textos, ilustrações e fotos (vetores e bitmaps) – e dão forma ao projeto gráfico. Principais softwares: Adobe InDesign, Pagemaker e QuarkXPress.

7. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoConcepção gráfica na mídia impressa• A instantaneidade dos meios eletrônicos criou a necessidade de ordenamento dos elementos no espaço gráfico e a uniformidade gráfica e editorial tornou-se um imperativo;• A estrutura gráfico-editorial representa para o leitor a imagem da publicação (jornal, revista, newsletter entre outros);• A primeira página de uma publicação representa a “embalagem de todo o produto”. Então, a capa deve reunir características e atrativos próprios que permitam ao leitor identificar a publicação por meio dela.

8. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoUniformidade gráfica e editorial

9. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoUniformidade gráfica e editorial

10. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoUniformidade nas campanhas publicitáriasCampanha: UNHATE (Não odeie) - Benetton Com a campanha Unhate, a marca italiana de roupa pretende opor-se à cultura do ódio e incentivar a proximidade entre os povos, crenças, culturas e a compreensão pacífica das razões dos outros.

11. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoUniformidade nas campanhas publicitáriasCampanha: Você pode ser o que quiser - BoticárioA história sempre se repete. Tdo chapuzinho vermelho Era uma vez, uma garota branca como a neve queque se preze, um belo dia, coloca o lobomau na coleira. causava muita invejanão por ter conhecido sete anões, mas vários morenos de 1,80 m.

12. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoUniformidade nas campanhas publicitáriasCampanha: Você pode ser o que quiser - Boticário

13. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoUniformidade nas campanhas publicitáriasCampanha: Havainas

14. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoUniformidade nas campanhas publicitáriasCampanha: Havainas

15. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoSistema de leitura ocidental• O início da escrita ocidental é sempre no lado superior esquerdo.• O movimento ótico na leitura ocidental é da esquerda para a direita.• A visão instintivamente se desloca em diagonal para o lado inferior oposto, assim, a rota básica da vista se projeta do lado superior esquerdo para o lado inferior direito.

16. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoZonas de visualizaçãona mídia impressa 1. principal ou primária; 2. secundária; 3. morta; 4. morta; 5. centro ótico; 6. centro geométrico Edmund C. Arnold

17. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoZonas de visualização na mídia impressa• Principal ou primária: deve conter um elemento forte – como uma imagem, um grande título, um grafismo – para atrair o interesse do leitor.• Secundária: deve conter elementos para finalizar a página que ajudem a compreender a mensagem da página como um todo.• Morta: o projeto gráfico deve atentar-se para as zonas mortas da página e preenchê-las com elementos de grande atração visual para conduzir a leitura de forma confortável e rápida.• Centro ótico: está situado um pouco acima do centro geométrico e deve apresentar aspectos atrativos para que a leitura se torne ordenada e racional.• Centro geométrico: é o ponto de cruzamento das diagonais.

18. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoEstudos de Alfred Yarbus divergem do esquema de Edmund Arnold• A partir dos anos 1980 e 1990, estudos que captavam os “caminhos” do olhar sobre uma superfície demonstraram que ideia de zonas de visualização era mais uma aposta errada.• Estudos do russo Alfred Yarbus sobre a maneira como observadores olham para uma obra visual mostram que o olhar do ser humano segue caminhos variáveis, mas fortemente determinados pelos elementos de maior interesse na composição visual.A possibilidade:• Quem determina para onde se olha numa composição visual é o artista que criou a composição.Vale a leitura:http://meiradarocha.jor.br/news/2007/08/10/zonas-de-visualizacao-da-pagina-impressa/

19. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoExemplos de aplicação das zonas de visualização da página

24. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoA hierarquia visual• Estabelece o nível de importância de cada informação dentro da página impressa;• Guia o leitor, determinando uma harmonia dos movimentos que leva a compreensão da mensagem;• Agrupa informações semelhantes ou relacionadas por meio dos elementos gráficos.

25. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoComo criar hierarquia na página?• Distribuição do espaço gráfico;• Distribuição dos elementos dentro do espaço gráfico;• Adição de elementos gráficos (imagem, box, linha fina);• Área destinada à imagem;• Peso da fonte utilizada no título;• Bloco de texto.Pontos a considerar:• Público para o qual a publicação se destina;• Função da publicação;• Scanner da página feito pelo leitor;• Interesses desse público;• Agilidade na informação.

26. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoElemento gráficosRecursos visuais utilizados na composição do layout.Nas peças publicitárias, os principais são:Título, texto, imagem (bitmap ou vetor) e logotipo.Alguns anúncios utilizam-se do grafismo.Nos editoriais, os principais são:Cabeçalho e vinhetas.Título, subtítulo, intertítulo. linha fina, highlight, texto, imagem (bitmap ouvetor), infográficos, legendas, box.

27. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoHierarquia visual e elementos gráficos na publicidade

35. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Padrão gráfico Hierarquia visual e elementos gráficos nos editoriaisEntrada da página Espaço gráfico Zonas de visualização Proporção da foto Peso do título Inclusão da linha finaAgrupamento dasinformações Agrupamento das informações Zona secundária Ponto de atenção

36. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos nos editoriais Zonas de visualização

37. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos nos editoriais

38. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Cabeçalho Vinheta Título Linha fina Leganda Bloco de texto Subtítulo Highlight Intertítulo Infográfico Infográfico

39. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos nos editoriais

40. Publicidade e Propaganda | Editoração Eletrônica e Design GráficoBibliografia desta aula:SILVA, Rafael Souza. Diagramação: o planejamento visual gráfico na comunicação impressa”.São Paulo : Summus Editorial, 1985.AMBROSE, Gavin. Layout : s.m. um arranjo de partes etc. de acordo com um plano. 1ª ed.Porto Alegre: Bookman, 2009.Arquivo pessoal de imagens.