SlideShare uma empresa Scribd logo
1 de 41
Baixar para ler offline
Publicidade e Propaganda
Editoração Eletrônica e Design Gráfico


      Profa. Amanda Generozo
E-mail: amanda.generozo@aedu.com         1
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Aula 3
Sistema de leitura ocidental (centro óptico, centro geométrico, zona
principal 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 do
computador.

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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Conceito de Editoração Eletrônica

Falleiros conceitua editoração eletrônica como “O ramo da computação
gráfica voltado para a produção de peças gráficas e editoriais, tais como
jornais, 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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



A importância do planejamento visual e da editoração
eletrônica no desenvolvimento de uma peça gráfica
Consideraçõ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.
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
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Ferramentas para editoração eletrônica

Plataformas utilizadas: MAC (Macintosh) e PC

Softwares mais utilizados para editoração eletrônica:
Basicamente, os aplicativos para editoração eletrônica se enquadram em
trê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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Concepçã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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Uniformidade gráfica e editorial
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Uniformidade gráfica e editorial
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Uniformidade nas campanhas publicitárias

Campanha: 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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Uniformidade nas campanhas publicitárias

Campanha: Você pode ser o que quiser - Boticário




A história sempre se repete. Tdo chapuzinho vermelho      Era uma vez, uma garota branca como a neve que
que 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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Uniformidade nas campanhas publicitárias

Campanha: Você pode ser o que quiser - Boticário
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Uniformidade nas campanhas publicitárias

Campanha: Havainas
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Uniformidade nas campanhas publicitárias

Campanha: Havainas
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Sistema 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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Zonas de visualização
na 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
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Zonas 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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Estudos 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/
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



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



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



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



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



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



A 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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Como 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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



Elemento gráficos

Recursos 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 ou
vetor), infográficos, legendas, box.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



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



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



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



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



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



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



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



Hierarquia visual e elementos gráficos na publicidade
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico
                                    Padrão gráfico


                                                                              Hierarquia visual e elementos
                                                                                  gráficos nos editoriais
Entrada da página




                                                                   Espaço gráfico                Zonas de visualização
                                                                   Proporção da foto
                                                                   Peso do título
                                                                   Inclusão da linha fina
Agrupamento das
informações




                                                                  Agrupamento das
                                                                  informações




                                                                  Zona secundária
                                                                  Ponto de atenção
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



                Hierarquia visual e elementos gráficos nos editoriais




                                                                        Zonas de visualização
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



                Hierarquia visual e elementos gráficos nos editoriais
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
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico



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



Bibliografia 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.

Mais conteúdo relacionado

Mais procurados

PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
aulasdejornalismo
 

Mais procurados (20)

Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Impressão
ImpressãoImpressão
Impressão
 
DIAGRAMAÇÃO DE JORNAIS
DIAGRAMAÇÃO DE JORNAISDIAGRAMAÇÃO DE JORNAIS
DIAGRAMAÇÃO DE JORNAIS
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
Aula 04 linguagem visual
Aula 04   linguagem visualAula 04   linguagem visual
Aula 04 linguagem visual
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
História do Design Gráfico
História do Design GráficoHistória do Design Gráfico
História do Design Gráfico
 
Escola de ulm
Escola de ulmEscola de ulm
Escola de ulm
 
Aula PRODUÇÃO GRÁFICA - Encadernação
Aula PRODUÇÃO GRÁFICA - EncadernaçãoAula PRODUÇÃO GRÁFICA - Encadernação
Aula PRODUÇÃO GRÁFICA - Encadernação
 
História do Design Impresso
História do Design ImpressoHistória do Design Impresso
História do Design Impresso
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Redacao Publicitária
Redacao PublicitáriaRedacao Publicitária
Redacao Publicitária
 
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa OtoviczArquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
 
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
 
Aula 13 - Folkcomunicação
Aula 13 - FolkcomunicaçãoAula 13 - Folkcomunicação
Aula 13 - Folkcomunicação
 
Aula03 originais reticulas e cores
Aula03 originais reticulas e coresAula03 originais reticulas e cores
Aula03 originais reticulas e cores
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Aula 07 metodologia munari
Aula 07   metodologia munariAula 07   metodologia munari
Aula 07 metodologia munari
 
Tipografia da Bauhaus
Tipografia da BauhausTipografia da Bauhaus
Tipografia da Bauhaus
 
Materiais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisMateriais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - Papéis
 

Semelhante a Editoracao eletrônica e design gráfico

Módulo 4 design multimédia
Módulo 4  design multimédiaMódulo 4  design multimédia
Módulo 4 design multimédia
Joao Correia
 
Conceitos Gerais de design
Conceitos Gerais de designConceitos Gerais de design
Conceitos Gerais de design
NiurcaC
 
Editoração eletrônica
Editoração eletrônicaEditoração eletrônica
Editoração eletrônica
Anice
 
Aula 01 e 02 editoração eletrônica
Aula 01 e 02   editoração eletrônicaAula 01 e 02   editoração eletrônica
Aula 01 e 02 editoração eletrônica
Anice
 
Trabalho final 1º semestre
Trabalho final 1º semestreTrabalho final 1º semestre
Trabalho final 1º semestre
Martinha Sousa
 

Semelhante a Editoracao eletrônica e design gráfico (20)

01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeiros01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeiros
 
Arte Digital
Arte DigitalArte Digital
Arte Digital
 
Módulo 4 design multimédia
Módulo 4  design multimédiaMódulo 4  design multimédia
Módulo 4 design multimédia
 
Conceitos Gerais de design
Conceitos Gerais de designConceitos Gerais de design
Conceitos Gerais de design
 
Design 2013 - Cedaspy Manaus
Design 2013 - Cedaspy ManausDesign 2013 - Cedaspy Manaus
Design 2013 - Cedaspy Manaus
 
Pum
PumPum
Pum
 
Design gráfico 01
Design gráfico 01Design gráfico 01
Design gráfico 01
 
Editoração eletrônica
Editoração eletrônicaEditoração eletrônica
Editoração eletrônica
 
Aula 01 e 02 editoração eletrônica
Aula 01 e 02   editoração eletrônicaAula 01 e 02   editoração eletrônica
Aula 01 e 02 editoração eletrônica
 
Cpg Aula1
Cpg Aula1Cpg Aula1
Cpg Aula1
 
Cv m02
Cv   m02Cv   m02
Cv m02
 
Cv m02
Cv   m02Cv   m02
Cv m02
 
AULA 1 - CONCEITUAÇÃO
AULA 1 - CONCEITUAÇÃOAULA 1 - CONCEITUAÇÃO
AULA 1 - CONCEITUAÇÃO
 
Curriculumvitae2014
Curriculumvitae2014Curriculumvitae2014
Curriculumvitae2014
 
Trabalho final 1º semestre
Trabalho final 1º semestreTrabalho final 1º semestre
Trabalho final 1º semestre
 
Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Guia projeto discente comunicação e história - 2016-2 - v2
Guia projeto discente   comunicação e história - 2016-2 - v2Guia projeto discente   comunicação e história - 2016-2 - v2
Guia projeto discente comunicação e história - 2016-2 - v2
 
Guia projeto discente comunicação e história - 2016-2 - v2
Guia projeto discente   comunicação e história - 2016-2 - v2Guia projeto discente   comunicação e história - 2016-2 - v2
Guia projeto discente comunicação e história - 2016-2 - v2
 
-jor
-jor-jor
-jor
 

Editoracao eletrônica e design gráfico

  • 1. Publicidade e Propaganda Editoração Eletrônica e Design Gráfico Profa. Amanda Generozo E-mail: amanda.generozo@aedu.com 1
  • 2.
  • 3. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Aula 3 Sistema de leitura ocidental (centro óptico, centro geométrico, zona principal 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 do computador. 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.
  • 4. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Conceito de Editoração Eletrônica Falleiros conceitua editoração eletrônica como “O ramo da computação gráfica voltado para a produção de peças gráficas e editoriais, tais como jornais, 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.
  • 5. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico A importância do planejamento visual e da editoração eletrônica no desenvolvimento de uma peça gráfica Consideraçõ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.
  • 6. 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
  • 7. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Ferramentas para editoração eletrônica Plataformas utilizadas: MAC (Macintosh) e PC Softwares mais utilizados para editoração eletrônica: Basicamente, os aplicativos para editoração eletrônica se enquadram em trê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.
  • 8. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Concepçã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.
  • 9. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade gráfica e editorial
  • 10. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade gráfica e editorial
  • 11. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade nas campanhas publicitárias Campanha: 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.
  • 12. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade nas campanhas publicitárias Campanha: Você pode ser o que quiser - Boticário A história sempre se repete. Tdo chapuzinho vermelho Era uma vez, uma garota branca como a neve que que 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.
  • 13. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade nas campanhas publicitárias Campanha: Você pode ser o que quiser - Boticário
  • 14. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade nas campanhas publicitárias Campanha: Havainas
  • 15. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade nas campanhas publicitárias Campanha: Havainas
  • 16. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Sistema 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.
  • 17. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Zonas de visualização na 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
  • 18. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Zonas 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.
  • 19. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Estudos 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/
  • 20. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Exemplos de aplicação das zonas de visualização da página
  • 21. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Exemplos de aplicação das zonas de visualização da página
  • 22. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Exemplos de aplicação das zonas de visualização da página
  • 23. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Exemplos de aplicação das zonas de visualização da página
  • 24. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Exemplos de aplicação das zonas de visualização da página
  • 25. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico A 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.
  • 26. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Como 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.
  • 27. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Elemento gráficos Recursos 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 ou vetor), infográficos, legendas, box.
  • 28. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos na publicidade
  • 29. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos na publicidade
  • 30. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos na publicidade
  • 31. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos na publicidade
  • 32. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos na publicidade
  • 33. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos na publicidade
  • 34. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos na publicidade
  • 35. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos na publicidade
  • 36. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Padrão gráfico Hierarquia visual e elementos gráficos nos editoriais Entrada da página Espaço gráfico Zonas de visualização Proporção da foto Peso do título Inclusão da linha fina Agrupamento das informações Agrupamento das informações Zona secundária Ponto de atenção
  • 37. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos nos editoriais Zonas de visualização
  • 38. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos nos editoriais
  • 39. 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
  • 40. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos nos editoriais
  • 41. Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Bibliografia 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.