SlideShare uma empresa Scribd logo
1 de 22
Baixar para ler offline
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

Mais procurados

Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramaçãoaulasdejornalismo
 
Roteiro Para DefiniçãO De PúBlico Alvo
Roteiro Para DefiniçãO De PúBlico AlvoRoteiro Para DefiniçãO De PúBlico Alvo
Roteiro Para DefiniçãO De PúBlico AlvoAna
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Introdução ao design de livro
Introdução ao design de livroIntrodução ao design de livro
Introdução ao design de livroOdair Cavichioli
 
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áficonfeio
 
Criação Publicitária - Aula 07 - Rafe e Direção de Arte
Criação Publicitária - Aula 07 - Rafe e Direção de ArteCriação Publicitária - Aula 07 - Rafe e Direção de Arte
Criação Publicitária - Aula 07 - Rafe e Direção de ArteThiago Ianatoni
 
Aula 5 - Elementos Gráficos
Aula 5 - Elementos GráficosAula 5 - Elementos Gráficos
Aula 5 - Elementos Gráficosaulasdejornalismo
 

Mais procurados (20)

Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Diagramação de revistas
Diagramação de revistasDiagramação de revistas
Diagramação de revistas
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Aula02 planejamento grafico
Aula02 planejamento graficoAula02 planejamento grafico
Aula02 planejamento grafico
 
Roteiro Para DefiniçãO De PúBlico Alvo
Roteiro Para DefiniçãO De PúBlico AlvoRoteiro Para DefiniçãO De PúBlico Alvo
Roteiro Para DefiniçãO De PúBlico Alvo
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e Design
 
Introdução ao design de livro
Introdução ao design de livroIntrodução ao design de livro
Introdução ao design de livro
 
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
 
O Estilo Magazine
O Estilo MagazineO Estilo Magazine
O Estilo Magazine
 
Le a02-mancha grafica
Le a02-mancha graficaLe a02-mancha grafica
Le a02-mancha grafica
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Revistas
RevistasRevistas
Revistas
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Criação Publicitária - Aula 07 - Rafe e Direção de Arte
Criação Publicitária - Aula 07 - Rafe e Direção de ArteCriação Publicitária - Aula 07 - Rafe e Direção de Arte
Criação Publicitária - Aula 07 - Rafe e Direção de Arte
 
Aula 5 - Elementos Gráficos
Aula 5 - Elementos GráficosAula 5 - Elementos Gráficos
Aula 5 - Elementos Gráficos
 

Destaque

Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e DiagramaçãoEd Marcos
 
Dicas quentes de diagramação de pranchas
Dicas quentes de diagramação de pranchasDicas quentes de diagramação de pranchas
Dicas quentes de diagramação de pranchasRafael B.
 
Pranchas dos Arquitetos
Pranchas dos Arquitetos Pranchas dos Arquitetos
Pranchas dos Arquitetos leticiabandeira
 
Pranchas AU 118 - Complexidades
Pranchas AU 118 - ComplexidadesPranchas AU 118 - Complexidades
Pranchas AU 118 - ComplexidadesTifani Kuga
 
Projeto Político Pedagógico
Projeto Político PedagógicoProjeto Político Pedagógico
Projeto Político Pedagógicoprofessorfj2012
 
Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção GráficaRenato Melo
 
Produção gráfica - Aula 05 Diagramação
Produção gráfica - Aula 05 DiagramaçãoProdução gráfica - Aula 05 Diagramação
Produção gráfica - Aula 05 DiagramaçãoDaniel Castro
 
Principios Design
Principios DesignPrincipios Design
Principios Designrenatamruiz
 
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãOProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãODaniel Castro
 
Como diagramar uma revista
Como diagramar uma revistaComo diagramar uma revista
Como diagramar uma revistaMarcos Carneiro
 
DiagramaçãO E Elementos Da Diagramacao
DiagramaçãO E Elementos Da DiagramacaoDiagramaçãO E Elementos Da Diagramacao
DiagramaçãO E Elementos Da DiagramacaoDaniel Castro
 
Editoracao eletrônica e design gráfico
Editoracao eletrônica e design gráficoEditoracao eletrônica e design gráfico
Editoracao eletrônica e design gráficoLinguarudosPublicidade
 
Um pouco de arte - parte I
Um pouco de arte - parte IUm pouco de arte - parte I
Um pouco de arte - parte Irenatamruiz
 

Destaque (20)

Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
 
Dicas quentes de diagramação de pranchas
Dicas quentes de diagramação de pranchasDicas quentes de diagramação de pranchas
Dicas quentes de diagramação de pranchas
 
Pranchas dos Arquitetos
Pranchas dos Arquitetos Pranchas dos Arquitetos
Pranchas dos Arquitetos
 
Pranchas AU 118 - Complexidades
Pranchas AU 118 - ComplexidadesPranchas AU 118 - Complexidades
Pranchas AU 118 - Complexidades
 
Projeto Político Pedagógico
Projeto Político PedagógicoProjeto Político Pedagógico
Projeto Político Pedagógico
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
 
Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção Gráfica
 
Produção gráfica - Aula 05 Diagramação
Produção gráfica - Aula 05 DiagramaçãoProdução gráfica - Aula 05 Diagramação
Produção gráfica - Aula 05 Diagramação
 
Principios Design
Principios DesignPrincipios Design
Principios Design
 
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãOProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
 
Como diagramar uma revista
Como diagramar uma revistaComo diagramar uma revista
Como diagramar uma revista
 
DiagramaçãO E Elementos Da Diagramacao
DiagramaçãO E Elementos Da DiagramacaoDiagramaçãO E Elementos Da Diagramacao
DiagramaçãO E Elementos Da Diagramacao
 
Editoracao eletrônica e design gráfico
Editoracao eletrônica e design gráficoEditoracao eletrônica e design gráfico
Editoracao eletrônica e design gráfico
 
Editoracao e design - Layout
Editoracao e design - LayoutEditoracao e design - Layout
Editoracao e design - Layout
 
Revista - Aula Diagramação
Revista - Aula DiagramaçãoRevista - Aula Diagramação
Revista - Aula Diagramação
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Planejamento visual gráfico na comunicação editorial
Planejamento visual gráfico na comunicação editorialPlanejamento visual gráfico na comunicação editorial
Planejamento visual gráfico na comunicação editorial
 
Um pouco de arte - parte I
Um pouco de arte - parte IUm pouco de arte - parte I
Um pouco de arte - parte I
 
PG Aula 2
PG Aula 2PG Aula 2
PG Aula 2
 

Semelhante a Diagramação

Jornal da forma ao sentido 1
Jornal   da forma ao sentido 1Jornal   da forma ao sentido 1
Jornal da forma ao sentido 1Barreto
 
Elementos gráficos
Elementos gráficosElementos gráficos
Elementos gráficosArtur Araujo
 
Iji Aula3 2009 Elementos
Iji Aula3 2009 ElementosIji Aula3 2009 Elementos
Iji Aula3 2009 Elementosguest2141cd
 
Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1Cíntia Dal Bello
 
O que é Diamagração e Arte Final?
O que é Diamagração e Arte Final?O que é Diamagração e Arte Final?
O que é Diamagração e Arte Final?Janio Dutra
 
Jornal da forma ao sentido
Jornal   da forma ao sentidoJornal   da forma ao sentido
Jornal da forma ao sentidoBarreto
 
AULA 1 - CONCEITUAÇÃO
AULA 1 - CONCEITUAÇÃOAULA 1 - CONCEITUAÇÃO
AULA 1 - CONCEITUAÇÃOEd Marcos
 
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]Léo Dias
 
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 - v2pablonaba
 
Aula 1 conceituacao
Aula 1   conceituacaoAula 1   conceituacao
Aula 1 conceituacaoEd Marcos
 
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 - v2pablonaba
 
Teoria do designer
Teoria do designerTeoria do designer
Teoria do designerElizeu Ferro
 
Conceitos Gerais de design
Conceitos Gerais de designConceitos Gerais de design
Conceitos Gerais de designNiurcaC
 

Semelhante a Diagramação (20)

Jornal da forma ao sentido 1
Jornal   da forma ao sentido 1Jornal   da forma ao sentido 1
Jornal da forma ao sentido 1
 
Pg I Aula 1
Pg I Aula 1Pg I Aula 1
Pg I Aula 1
 
Notícias para ver
Notícias para verNotícias para ver
Notícias para ver
 
Elementos gráficos
Elementos gráficosElementos gráficos
Elementos gráficos
 
Iji Aula3 2009 Elementos
Iji Aula3 2009 ElementosIji Aula3 2009 Elementos
Iji Aula3 2009 Elementos
 
Diagramação
DiagramaçãoDiagramação
Diagramação
 
Tg Aula2 2008
Tg Aula2 2008Tg Aula2 2008
Tg Aula2 2008
 
Tg Aula2 2008
Tg Aula2 2008 Tg Aula2 2008
Tg Aula2 2008
 
Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1
 
O que é Diamagração e Arte Final?
O que é Diamagração e Arte Final?O que é Diamagração e Arte Final?
O que é Diamagração e Arte Final?
 
Revista Scena (Apresentação)
Revista Scena (Apresentação)Revista Scena (Apresentação)
Revista Scena (Apresentação)
 
Jornal da forma ao sentido
Jornal   da forma ao sentidoJornal   da forma ao sentido
Jornal da forma ao sentido
 
AULA 1 - CONCEITUAÇÃO
AULA 1 - CONCEITUAÇÃOAULA 1 - CONCEITUAÇÃO
AULA 1 - CONCEITUAÇÃO
 
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
 
AULA 4 - TIPOLOGIA
AULA 4 - TIPOLOGIAAULA 4 - TIPOLOGIA
AULA 4 - TIPOLOGIA
 
Aula 1 conceituacao
Aula 1   conceituacaoAula 1   conceituacao
Aula 1 conceituacao
 
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
 
Teoria do designer
Teoria do designerTeoria do designer
Teoria do designer
 
Conceitos Gerais de design
Conceitos Gerais de designConceitos Gerais de design
Conceitos Gerais de design
 

Mais de renatamruiz

Blogs de moda: um fenômeno
Blogs de moda: um fenômenoBlogs de moda: um fenômeno
Blogs de moda: um fenômenorenatamruiz
 
Fundamentos de um bom layout
Fundamentos de um bom layoutFundamentos de um bom layout
Fundamentos de um bom layoutrenatamruiz
 
4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visualrenatamruiz
 
Um pouco de arte parte 3
Um pouco de arte parte 3Um pouco de arte parte 3
Um pouco de arte parte 3renatamruiz
 
Um pouco de arte parte 2
Um pouco de arte parte 2Um pouco de arte parte 2
Um pouco de arte parte 2renatamruiz
 
Um pouco de arte parte 1
Um pouco de arte parte 1Um pouco de arte parte 1
Um pouco de arte parte 1renatamruiz
 
Palestra joinville
Palestra joinvillePalestra joinville
Palestra joinvillerenatamruiz
 
Palestra jaraguá
Palestra jaraguáPalestra jaraguá
Palestra jaraguárenatamruiz
 
Processos de impressao
Processos de impressaoProcessos de impressao
Processos de impressaorenatamruiz
 
Como escrever na web
Como escrever na webComo escrever na web
Como escrever na webrenatamruiz
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãorenatamruiz
 
Aula publicidade internet
Aula publicidade internetAula publicidade internet
Aula publicidade internetrenatamruiz
 
Publicidade na internet
Publicidade na internetPublicidade na internet
Publicidade na internetrenatamruiz
 
Comunicacao Digital
Comunicacao DigitalComunicacao Digital
Comunicacao Digitalrenatamruiz
 
Alguns conceitos - Mídias Sociais
Alguns conceitos - Mídias SociaisAlguns conceitos - Mídias Sociais
Alguns conceitos - Mídias Sociaisrenatamruiz
 
Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2renatamruiz
 
Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1renatamruiz
 
Teoria Das Cores
Teoria Das  CoresTeoria Das  Cores
Teoria Das Coresrenatamruiz
 

Mais de renatamruiz (20)

Palestra espm
Palestra espmPalestra espm
Palestra espm
 
Blogs de moda: um fenômeno
Blogs de moda: um fenômenoBlogs de moda: um fenômeno
Blogs de moda: um fenômeno
 
Cor
CorCor
Cor
 
Fundamentos de um bom layout
Fundamentos de um bom layoutFundamentos de um bom layout
Fundamentos de um bom layout
 
4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visual
 
Um pouco de arte parte 3
Um pouco de arte parte 3Um pouco de arte parte 3
Um pouco de arte parte 3
 
Um pouco de arte parte 2
Um pouco de arte parte 2Um pouco de arte parte 2
Um pouco de arte parte 2
 
Um pouco de arte parte 1
Um pouco de arte parte 1Um pouco de arte parte 1
Um pouco de arte parte 1
 
Palestra joinville
Palestra joinvillePalestra joinville
Palestra joinville
 
Palestra jaraguá
Palestra jaraguáPalestra jaraguá
Palestra jaraguá
 
Processos de impressao
Processos de impressaoProcessos de impressao
Processos de impressao
 
Como escrever na web
Como escrever na webComo escrever na web
Como escrever na web
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Aula publicidade internet
Aula publicidade internetAula publicidade internet
Aula publicidade internet
 
Publicidade na internet
Publicidade na internetPublicidade na internet
Publicidade na internet
 
Comunicacao Digital
Comunicacao DigitalComunicacao Digital
Comunicacao Digital
 
Alguns conceitos - Mídias Sociais
Alguns conceitos - Mídias SociaisAlguns conceitos - Mídias Sociais
Alguns conceitos - Mídias Sociais
 
Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2
 
Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1
 
Teoria Das Cores
Teoria Das  CoresTeoria Das  Cores
Teoria Das Cores
 

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