SlideShare una empresa de Scribd logo
1 de 22
Descargar para leer sin conexión
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

Más contenido relacionado

La actualidad más candente

Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicosBarreto
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramaçãoaulasdejornalismo
 
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAaulasdejornalismo
 
Editoração Eletrônica Aula3 - Zonas de Visualização da Página
Editoração Eletrônica Aula3 - Zonas de Visualização da PáginaEditoração Eletrônica Aula3 - Zonas de Visualização da Página
Editoração Eletrônica Aula3 - Zonas de Visualização da PáginaFábio Gonçalves
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramaçãoLuciana Santini
 
Princípios de design
Princípios de designPrincípios de design
Princípios de designTersis Zonato
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 
Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoprofclaubordin
 
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
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroFábio Gonçalves
 

La actualidad más candente (20)

Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicos
 
Aula02 planejamento grafico
Aula02 planejamento graficoAula02 planejamento grafico
Aula02 planejamento grafico
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Diagramação de revistas
Diagramação de revistasDiagramação de revistas
Diagramação de revistas
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
 
Editoração Eletrônica Aula3 - Zonas de Visualização da Página
Editoração Eletrônica Aula3 - Zonas de Visualização da PáginaEditoração Eletrônica Aula3 - Zonas de Visualização da Página
Editoração Eletrônica Aula3 - Zonas de Visualização da Página
 
Aula 2 projeto gráfico
Aula 2   projeto gráficoAula 2   projeto gráfico
Aula 2 projeto gráfico
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Princípios de design
Princípios de designPrincípios de design
Princípios de design
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introdução
 
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
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Tipografia
Tipografia Tipografia
Tipografia
 
Revistas
RevistasRevistas
Revistas
 
Pautas e fontes
Pautas e fontesPautas e fontes
Pautas e fontes
 
Grid
GridGrid
Grid
 

Destacado

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
 
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
 
Cores E TransparêNcias
Cores E TransparêNciasCores E TransparêNcias
Cores E TransparêNciasrenatamruiz
 

Destacado (20)

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
 
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
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introduçã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
 
Cores E TransparêNcias
Cores E TransparêNciasCores E TransparêNcias
Cores E TransparêNcias
 

Similar 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
 

Similar 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
 

Más 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
 

Más 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