SlideShare uma empresa Scribd logo
8
Mais lidos
18
Mais lidos
19
Mais lidos
Planejamento Gráfico e Editorial



                       Profa. Renata Ruiz
Comunicação Visual

!     Texto + elementos gráficos = produção de informação visual
!     Comunicação visual: um cartaz, um edifício, um jornal, ou seja
      uma série de elementos visuais, inseridos numa paisagem onde o
      fenômeno espaço-tempo completa esta significação.
Comunicação Visual

!     Comunicação visual de interpretação livre: por exemplo, uma
      nuvem.
!     Comunicação visual intencional: o receptor deve captar a
      mensagem com o exato significado que o emissor atribui ao
      objeto.
Para Celso Kelly...
!     A arte gráfica começa pela diagramação, desdobra-se na escolha
      dos tipos, complementa-se na confecção das manchetes.
      Estabelecem-se as relações do gráfico com o assunto.
!     Ilustrações aquecem o texto; dão visualidade pronta, antes da
      leitura.
!     Fotos, caricaturas, anúncios quebram a monotonia, dão
      movimento.
Planejamento gráfico

!     Planejamento gráfico e visual: mostrar a importância da linguagem
      visual contida no discurso gráfico, cuja função fundamental é orientar
      a leitura de forma rápida e agradável
!     Discurso gráfico: o conjunto de elementos visuais de um jornal, livro,
      revista, cartaz ou tudo que seja impresso.
Diagramação

!     Diagramação: onde se concentra todo o segredo do discurso
      gráfico, em que a tipologia mínima contida harmonicamente e
      padronizada, alia-se ao ritmo dado às mensagens.
!     Diagramação + discurso gráfico = linguagem da comunicação
      impressa.
Nova realidade
!     1950: com o advento da televisão,
      jornalismo impresso precisou se
      reestruturar para acompanhar a
      concorrência.

!     Samuel Wainer: lançou o jornal
      Última Hora, de linha
      inovadora e paginação ousada,
      editando simultaneamente em
      várias cidades, formando uma rede
      nos principais centros urbanos.
Nova realidade
!     No final dos anos 50: o Jornal do
      Brasil reestruturou toda a sua
      paginação, obedecendo a
      modernos conceitos de layout de
      suas páginas, e surpreendendo
      seus leitores e profissionais.
!     Uma nova realidade para a
      comunicação impressa.              1957   Depois da reforma
                                                      1959
Jornal Do Brasil




   1891            2006
Discurso Gráfico

!     Conjunto de elementos visuais de um jornal, revista, livro ou tudo
      o que é impresso.
!     Como discurso, ele tem um significado, portanto para
      compreender um jornal, não é simplesmente saber ler, temos
      duas leitura: textual e gráfica.
Discurso Gráfico


!     Conteúdo e forma devem caminhar juntas, onde a peça final deve
      traduzir exatamente a consciência do seu valor informacional e
      estético.
Diagramação

!     Fazer o projeto de distribuição gráfica das matérias a serem
      impressas (texto, títulos, fotos, ilustrações) de acordo com
      determinados critérios jornalísticos e visuais.
!     Distribuir técnica e esteticamente as matérias destinas às
      impressão
Diagramação
!     Para Mário Erbolato:
!     “ Diagramar é desenhar previamente a disposição de todos
      os elementos que integram cada página do jornal ou revista. É
      ordenar, conforme uma orientação
      predeterminada, como irão ficar, depois de montados e
      impressos, os títulos, as fotografias, os anúncios, os desenhos e
      tudo o mais a ser apresentado e outras especificações
      complementares”.
Diagramação

!     A diagramação é um projeto, configuração gráfica de uma
      mensagem colocada em determinado campo (página de livro,
      revista, jornal, cartaz)
!     Dar a mensagem a devida estrutura visual a fim de que o leitor
      possa discernir, rápida e confortavelmente, aquilo que para ele
      representa algum interesse.
Diagramação

!     Busca dar o padrão de representação gráfica, ligando harmonia e
      técnica.
!     É responsável, hoje em dia, pela apresentação gráfica das edições
      diárias. Graças a isso, é que se consegue dar o desejável
      equilíbrio a uma página de jornal, residindo aí a personalidade
      dos veículos gráficos.
Diagramação
!         Conceitos da diagramação:

      !        Ritmo

      !        Equilíbrio

      !        Harmonia

      !        Motivo predominante

      !        Motivo secundário

      !        Motivo de ligação
Diagramação
!   Elementos da diagramação:
   !   Título
   !   Texto
   !   Fotos
   !   Fios tipográficos e vinhetas
   !   O espaço em branco
Padronização Gráfica

!     É a identidade do jornal. O leitor deve identificar o veículo, a
      padronização gráfica representa a imagem do jornal.
!     A primeira página é a que detém os maiores recursos persuasivos
      para a posterior leitura do jornal. Por isso, deve-se preocupar com
      estes elementos gráficos.
Padronização Gráfica
Padronização Gráfica

!     O diagramador deverá utilizar os seguintes elementos gráficos
      para assegurar um estilo de padronização gráfica:
  !   Definição de caracteres tipográficos para o texto, título,
         aberturas, legendas, etc.;
  !   Escolha de logotipos e selos de seções especializadas;
  !   Definição das margens;
Padronização Gráfica
!     Uso de fios e vinhetas
!     Ilustrações (fotos ou desenhos)
!     Boxes (quadros);
!     Distribuição dos anúncios de publicidade;
!     Ligações: foto-texto, texto-título, título-foto;
!     Uso da cor (combinações das cores).
Obrigada
 Qualquer dúvida, visitem meu blog:
http://profarenataruiz.wordpress.com




                                       Profa. Renata Ruiz

Mais conteúdo relacionado

PDF
Aula01 editoracao eletronica
PDF
DIAGRAMAÇÃO DE JORNAIS
PDF
DiagramaçãO Jornal Standart
PDF
Tipografia
PPT
Produção editorial elementos básicos
PDF
PPT
Produção gráfica
PPTX
Aula02 planejamento grafico
Aula01 editoracao eletronica
DIAGRAMAÇÃO DE JORNAIS
DiagramaçãO Jornal Standart
Tipografia
Produção editorial elementos básicos
Produção gráfica
Aula02 planejamento grafico

Mais procurados (20)

PDF
Fundamentos básicos do Design gráfico
PDF
Fundamentos Super Básicos do Design 2/2
PDF
Principios do design
PDF
Introdução à Infografia
PDF
Design Editorial | Introdução
PDF
Design Editorial | Elementos Editoriais
PDF
Composição e diagramação
PPSX
PDF
Fundamentos design grafico | Insper
PDF
2. Aula Tipografia
PPTX
Diagramação de Jornais
PDF
Produção gráfica - Aula 05 Diagramação
PDF
Conceitos e princípios de design
PPT
Introdução a Projeto Gráfico.
PPTX
Tipografia
PPT
Composição e Diagramação
PDF
Aula 5 - Comunicação Gráfica e Design
PPT
Tipografia
PPT
Planos e ângulos
PDF
Animação 1 - Roteiro (3) Documento de Criação de Narrativa / Personagem
Fundamentos básicos do Design gráfico
Fundamentos Super Básicos do Design 2/2
Principios do design
Introdução à Infografia
Design Editorial | Introdução
Design Editorial | Elementos Editoriais
Composição e diagramação
Fundamentos design grafico | Insper
2. Aula Tipografia
Diagramação de Jornais
Produção gráfica - Aula 05 Diagramação
Conceitos e princípios de design
Introdução a Projeto Gráfico.
Tipografia
Composição e Diagramação
Aula 5 - Comunicação Gráfica e Design
Tipografia
Planos e ângulos
Animação 1 - Roteiro (3) Documento de Criação de Narrativa / Personagem
Anúncio

Destaque (20)

PDF
Dicas quentes de diagramação de pranchas
PPT
Pranchas dos Arquitetos
PDF
Pranchas AU 118 - Complexidades
PDF
Projeto Político Pedagógico
PPT
Grade de diagramação
PPT
Diagramação na Produção Gráfica
PDF
Principios Design
PDF
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
PPTX
Como diagramar uma revista
PDF
DiagramaçãO E Elementos Da Diagramacao
PDF
Editoracao eletrônica e design gráfico
PDF
Editoracao e design - Layout
PDF
Revista - Aula Diagramação
PDF
Diagramação 01.3
PDF
Design Editorial | Estruturas
PDF
Planejamento visual gráfico na comunicação editorial
PDF
Um pouco de arte - parte I
PDF
PG Aula 2
PDF
Cores E TransparêNcias
PDF
Um Pouco De Arte Parte II
Dicas quentes de diagramação de pranchas
Pranchas dos Arquitetos
Pranchas AU 118 - Complexidades
Projeto Político Pedagógico
Grade de diagramação
Diagramação na Produção Gráfica
Principios Design
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
Como diagramar uma revista
DiagramaçãO E Elementos Da Diagramacao
Editoracao eletrônica e design gráfico
Editoracao e design - Layout
Revista - Aula Diagramação
Diagramação 01.3
Design Editorial | Estruturas
Planejamento visual gráfico na comunicação editorial
Um pouco de arte - parte I
PG Aula 2
Cores E TransparêNcias
Um Pouco De Arte Parte II
Anúncio

Semelhante a Diagramação (20)

PPT
Jornal da forma ao sentido 1
PDF
Pg I Aula 1
DOCX
O que é Diamagração e Arte Final?
PDF
Notícias para ver
PPT
Tg Aula2 2008
PPT
Tg Aula2 2008
PPT
Jornal da forma ao sentido
PDF
Damasceno patricia-2013-design-jornais
PPT
Composição gráfica
PDF
Damasceno patricia-2013-design-jornais
PPT
Elementos gráficos
PPT
Iji Aula3 2009 Elementos
PPT
Criação de Impressos
PDF
Livro jornalismo - infografe - mário kanno
PPT
Midia Impressa #02 - Elementos Gráficos
PDF
Aula 4 - Direção de Arte
PPTX
Diagramação
PDF
Infografia: O Design visual da informação. Fetter&Scherer
DOC
Análise dos elementos básicos de visualização de dados
PDF
Infografe mario kanno_pag_simples
Jornal da forma ao sentido 1
Pg I Aula 1
O que é Diamagração e Arte Final?
Notícias para ver
Tg Aula2 2008
Tg Aula2 2008
Jornal da forma ao sentido
Damasceno patricia-2013-design-jornais
Composição gráfica
Damasceno patricia-2013-design-jornais
Elementos gráficos
Iji Aula3 2009 Elementos
Criação de Impressos
Livro jornalismo - infografe - mário kanno
Midia Impressa #02 - Elementos Gráficos
Aula 4 - Direção de Arte
Diagramação
Infografia: O Design visual da informação. Fetter&Scherer
Análise dos elementos básicos de visualização de dados
Infografe mario kanno_pag_simples

Mais de renatamruiz (20)

PDF
Palestra espm
PDF
Blogs de moda: um fenômeno
PDF
PDF
Fundamentos de um bom layout
PDF
4 principios planejamento visual
PDF
Um pouco de arte parte 3
PDF
Um pouco de arte parte 2
PDF
Um pouco de arte parte 1
PDF
Palestra joinville
PDF
Palestra jaraguá
PDF
Processos de impressao
PDF
Como escrever na web
PDF
Arquitetura de informação
PDF
Aula publicidade internet
PDF
Publicidade na internet
PDF
Comunicacao Digital
PDF
Alguns conceitos - Mídias Sociais
PDF
Fundamentos Do Grid Parte 2
PDF
Fundamentos do Grid - parte 1
PDF
Teoria Das Cores
Palestra espm
Blogs de moda: um fenômeno
Fundamentos de um bom layout
4 principios planejamento visual
Um pouco de arte parte 3
Um pouco de arte parte 2
Um pouco de arte parte 1
Palestra joinville
Palestra jaraguá
Processos de impressao
Como escrever na web
Arquitetura de informação
Aula publicidade internet
Publicidade na internet
Comunicacao Digital
Alguns conceitos - Mídias Sociais
Fundamentos Do Grid Parte 2
Fundamentos do Grid - parte 1
Teoria Das Cores

Último (11)

PDF
Manejo integrado de pragas na cultura do algodão
PPTX
Tipos de servidor em redes de computador.pptx
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PPTX
Eng. Software - pontos essenciais para o início
PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PPTX
Arquitetura de computadores - Memórias Secundárias
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PPTX
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Utilizando code blockes por andre backes
PPTX
Design - Introdução a Gestalt e teoria das formas
Manejo integrado de pragas na cultura do algodão
Tipos de servidor em redes de computador.pptx
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Eng. Software - pontos essenciais para o início
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Arquitetura de computadores - Memórias Secundárias
Viasol Energia Solar -Soluções para geração e economia de energia
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Utilizando code blockes por andre backes
Design - Introdução a Gestalt e teoria das formas

Diagramação

  • 1. Planejamento Gráfico e Editorial Profa. Renata Ruiz
  • 2. Comunicação Visual !   Texto + elementos gráficos = produção de informação visual !   Comunicação visual: um cartaz, um edifício, um jornal, ou seja uma série de elementos visuais, inseridos numa paisagem onde o fenômeno espaço-tempo completa esta significação.
  • 3. Comunicação Visual !   Comunicação visual de interpretação livre: por exemplo, uma nuvem. !   Comunicação visual intencional: o receptor deve captar a mensagem com o exato significado que o emissor atribui ao objeto.
  • 4. Para Celso Kelly... !   A arte gráfica começa pela diagramação, desdobra-se na escolha dos tipos, complementa-se na confecção das manchetes. Estabelecem-se as relações do gráfico com o assunto. !   Ilustrações aquecem o texto; dão visualidade pronta, antes da leitura. !   Fotos, caricaturas, anúncios quebram a monotonia, dão movimento.
  • 5. Planejamento gráfico !   Planejamento gráfico e visual: mostrar a importância da linguagem visual contida no discurso gráfico, cuja função fundamental é orientar a leitura de forma rápida e agradável !   Discurso gráfico: o conjunto de elementos visuais de um jornal, livro, revista, cartaz ou tudo que seja impresso.
  • 6. Diagramação !   Diagramação: onde se concentra todo o segredo do discurso gráfico, em que a tipologia mínima contida harmonicamente e padronizada, alia-se ao ritmo dado às mensagens. !   Diagramação + discurso gráfico = linguagem da comunicação impressa.
  • 7. Nova realidade !   1950: com o advento da televisão, jornalismo impresso precisou se reestruturar para acompanhar a concorrência. !   Samuel Wainer: lançou o jornal Última Hora, de linha inovadora e paginação ousada, editando simultaneamente em várias cidades, formando uma rede nos principais centros urbanos.
  • 8. Nova realidade !   No final dos anos 50: o Jornal do Brasil reestruturou toda a sua paginação, obedecendo a modernos conceitos de layout de suas páginas, e surpreendendo seus leitores e profissionais. !   Uma nova realidade para a comunicação impressa. 1957 Depois da reforma 1959
  • 9. Jornal Do Brasil 1891 2006
  • 10. Discurso Gráfico !   Conjunto de elementos visuais de um jornal, revista, livro ou tudo o que é impresso. !   Como discurso, ele tem um significado, portanto para compreender um jornal, não é simplesmente saber ler, temos duas leitura: textual e gráfica.
  • 11. Discurso Gráfico !   Conteúdo e forma devem caminhar juntas, onde a peça final deve traduzir exatamente a consciência do seu valor informacional e estético.
  • 12. Diagramação !   Fazer o projeto de distribuição gráfica das matérias a serem impressas (texto, títulos, fotos, ilustrações) de acordo com determinados critérios jornalísticos e visuais. !   Distribuir técnica e esteticamente as matérias destinas às impressão
  • 13. Diagramação !   Para Mário Erbolato: !   “ Diagramar é desenhar previamente a disposição de todos os elementos que integram cada página do jornal ou revista. É ordenar, conforme uma orientação predeterminada, como irão ficar, depois de montados e impressos, os títulos, as fotografias, os anúncios, os desenhos e tudo o mais a ser apresentado e outras especificações complementares”.
  • 14. Diagramação !   A diagramação é um projeto, configuração gráfica de uma mensagem colocada em determinado campo (página de livro, revista, jornal, cartaz) !   Dar a mensagem a devida estrutura visual a fim de que o leitor possa discernir, rápida e confortavelmente, aquilo que para ele representa algum interesse.
  • 15. Diagramação !   Busca dar o padrão de representação gráfica, ligando harmonia e técnica. !   É responsável, hoje em dia, pela apresentação gráfica das edições diárias. Graças a isso, é que se consegue dar o desejável equilíbrio a uma página de jornal, residindo aí a personalidade dos veículos gráficos.
  • 16. Diagramação !   Conceitos da diagramação: !   Ritmo !   Equilíbrio !   Harmonia !   Motivo predominante !   Motivo secundário !   Motivo de ligação
  • 17. Diagramação !   Elementos da diagramação: !   Título !   Texto !   Fotos !   Fios tipográficos e vinhetas !   O espaço em branco
  • 18. Padronização Gráfica !   É a identidade do jornal. O leitor deve identificar o veículo, a padronização gráfica representa a imagem do jornal. !   A primeira página é a que detém os maiores recursos persuasivos para a posterior leitura do jornal. Por isso, deve-se preocupar com estes elementos gráficos.
  • 20. Padronização Gráfica !   O diagramador deverá utilizar os seguintes elementos gráficos para assegurar um estilo de padronização gráfica: !   Definição de caracteres tipográficos para o texto, título, aberturas, legendas, etc.; !   Escolha de logotipos e selos de seções especializadas; !   Definição das margens;
  • 21. Padronização Gráfica !   Uso de fios e vinhetas !   Ilustrações (fotos ou desenhos) !   Boxes (quadros); !   Distribuição dos anúncios de publicidade; !   Ligações: foto-texto, texto-título, título-foto; !   Uso da cor (combinações das cores).
  • 22. Obrigada Qualquer dúvida, visitem meu blog: http://profarenataruiz.wordpress.com Profa. Renata Ruiz