EDITORAÇÃO E JORNALISMO IMPRESSO Slides de Aula - Unidade II

Prévia do material em texto

Profa. Ma. Gisele Roncon
UNIDADE II
Editoração e 
Jornalismo Impresso
 Leitura da página.
Zonas de visualização de leitura: 
1) Zona primária; 
2) Zona secundária; 
3 e 4) Zonas mortas;
5) Centro geométrico; 
6) Centro óptico.
Página
Fonte: autoria própria.
 Fluxo de página.
Página
Fonte: autoria própria.
 Fluxo de página.
Página
Fonte: autoria própria.
 Fluxo de página.
Página
Fonte: autoria própria.
 Fluxo de página.
Página
Fonte: autoria própria.
 Diagramar é o ato de organizar e distribuir os elementos em uma página. 
Forçarmos a direção do olhar com:
 Linhas diagonais (da esquerda para a direita, de cima para baixo); 
 Linhas horizontais; 
 Fotos com o olhar ou a posição da cabeça para a direita; 
 Objetos que apontam para a direita. 
Página
 Fotos com o olhar ou a posição da cabeça para a esquerda.
Página
Fonte: Cosmos Magazine (2020, p. 34-35).
 Fotos com o olhar ou a posição da cabeça para a direita.
Página
Fonte: Adaptado de: Cosmos Magazine (2020, p. 34-35).
 Tamanho;
 Posição;
 Contraste cromático.
Página: hierarquia
Hierarquia de tamanho (imagem grande e pequena) 
e posicionamento (palavra aperibus)
Fonte: autoria própria.
Página: capitular
Fonte: autoria própria.
Página: fólios
Fólios estáticos (à esquerda) e dinâmicos (à direita)
Fonte: autoria própria.
Entendemos que manipulamos o olhar do leitor ao organizarmos os elementos visuais na 
página. Leia as afirmações a seguir e marque a alternativa incorreta:
a) As capitulares são sinalizações que mostram aonde o texto se inicia. 
b) Os fólios acima da página são mais fáceis de serem localizados.
c) A hierarquia é uma maneira de organizar as informações.
d) O olhar de uma pessoa em uma foto trará uma direção dentro da página.
e) As linhas diagonais são como setas; então, devem ser aplicadas no sentido de 
fluxo de leitura.
Interatividade
Entendemos que manipulamos o olhar do leitor ao organizarmos os elementos visuais na 
página. Leia as afirmações a seguir e marque a alternativa incorreta:
a) As capitulares são sinalizações que mostram aonde o texto se inicia. 
b) Os fólios acima da página são mais fáceis de serem localizados.
c) A hierarquia é uma maneira de organizar as informações.
d) O olhar de uma pessoa em uma foto trará uma direção dentro da página.
e) As linhas diagonais são como setas; então, devem ser aplicadas no sentido de 
fluxo de leitura.
Resposta
 Margens;
 Colunas;
 Calhas (gutters);
 Guias horizontais;
 Zonas espaciais;
 Módulos;
 Marcadores.
Grid: elementos
Fonte: autoria própria.
Margens
Colunas
Calhas
Linhas guias 
horizontais
Zonas espaciais
Módulos
Marcadores
 O espaço interno das margens 
de páginas é dividido em linhas 
verticais e colunas, que servirão 
como guias de colocação do 
conteúdo – blocos de texto, 
boxes, imagens etc.
Grid
Fonte: autoria própria.
 Praticidade;
 Organização;
 Unidade;
 Ritmo.
Grid: funções
Fonte: autoria própria.
Grid
Fonte: Superinteressante (2021, p. 46-47).
 Diagramação simétrica.
 Diagramação assimétrica.
Grid
Fonte: autoria própria.
Leia as afirmações a seguir, a respeito dos elementos de uma página, e assinale a incorreta:
a) Margens são as molduras dos elementos aplicados, os espaços vazios entre as bordas e 
as áreas da diagramação. 
b) Colunas são as linhas verticais que delimitam o espaço ocupado pelo conteúdo, e as 
calhas são os espaços entre as colunas. 
c) Colunas são as linhas horizontais que delimitam o espaço ocupado pelo conteúdo, e as 
calhas são os espaços entre as colunas. 
d) Módulos são as linhas horizontais equidistantes.
e) Quando usamos mais de um módulo para aplicar os 
elementos de diagramação, chamamos de zonas espaciais.
Interatividade
Leia as afirmações a seguir, a respeito dos elementos de uma página, e assinale a incorreta:
a) Margens são as molduras dos elementos aplicados, os espaços vazios entre as bordas e 
as áreas da diagramação. 
b) Colunas são as linhas verticais que delimitam o espaço ocupado pelo conteúdo, e as 
calhas são os espaços entre as colunas. 
c) Colunas são as linhas horizontais que delimitam o espaço ocupado pelo conteúdo, e as 
calhas são os espaços entre as colunas. 
d) Módulos são as linhas horizontais equidistantes.
e) Quando usamos mais de um módulo para aplicar os 
elementos de diagramação, chamamos de zonas espaciais.
Resposta
 Grid de duas colunas.
Grid: colunas
Exemplos de layout de duas colunas
A B C
Fonte: autoria própria.
 Grid de três colunas.
Grid: colunas
Exemplos de layout de três colunas
Fonte: autoria própria.
D E
 Grid de quatro colunas.
Grid: colunas
Exemplos de layout de quatro colunas
Fonte: autoria própria.
 Grid de cinco colunas.
Grid: colunas
Exemplos de layout de cinco colunas
Fonte: autoria própria.
Grid: colunas
Fonte: Superinteressante (2020, p. 64-65).
Exemplo de layout de nove colunas
Grid: modular
Catálogos de produtos da LG 
Electronics (2007-2008)
Fonte: autoria própria.
Grid: linha de base
No exemplo, os blocos de texto têm entrelinha 
de 15, o subtítulo de 20 e o título de 30
Fonte: autoria própria.
Grid: linha de base
Exemplo de layout sem os ajustes de linha de base
Fonte: autoria própria.
Grid, grade ou grelha é como podemos chamar o esqueleto básico para a criação de um 
projeto gráfico. Leia as sentenças a seguir e assinale a alternativa incorreta:
a) O grid modular é, sempre, composto por três linhas horizontais e três linhas verticais.
b) O grid ajuda a posicionar, nos melhores lugares, os elementos mais importantes 
em um layout. 
c) Ele permite vários colaboradores em um só projeto, sem correr o risco de perder a unidade.
d) Ele é uma espécie de fichário visual. Ajuda a determinar a organização, o ritmo, a unidade 
e a hierarquia.
e) Podemos ajustar as linhas de base (como as pautas de 
caderno) para nos auxiliar na construção do esqueleto básico 
de um projeto gráfico.
Interatividade
Grid, grade ou grelha é como podemos chamar o esqueleto básico para a criação de um 
projeto gráfico. Leia as sentenças a seguir e assinale a alternativa incorreta:
a) O grid modular é, sempre, composto por três linhas horizontais e três linhas verticais.
b) O grid ajuda a posicionar, nos melhores lugares, os elementos mais importantes 
em um layout. 
c) Ele permite vários colaboradores em um só projeto, sem correr o risco de perder a unidade.
d) Ele é uma espécie de fichário visual. Ajuda a determinar a organização, o ritmo, a unidade 
e a hierarquia.
e) Podemos ajustar as linhas de base (como as pautas de 
caderno) para nos auxiliar na construção do esqueleto básico 
de um projeto gráfico. 
Resposta
 Técnica da letra L.
Técnica de diagramação
Fonte: autoria própria.
 Técnica da letra U.
Técnica de diagramação
Fonte: autoria própria.
 Técnica da letra H.
Técnica de diagramação
Fonte: autoria própria.
 Técnica da letra T.
Técnica de diagramação
Fonte: autoria própria.
 Técnica da letra I.
Técnica de diagramação
Fonte: autoria própria.
 Quebra de fluidez de texto.
Técnica de diagramação
Fonte: autoria própria.
 Quebra de fluidez de texto.
Técnica de diagramação
Fonte: Extreme Animals (2019, p. 112-113).
Técnica de diagramação
Fonte: Trip (2020, p. 36-37).
 Diagramação da revista 
Superinteressante, com o 
conteúdo de texto se 
ampliando no decorrer 
da matéria.
Fluxo de leitura
Fonte: Superinteressante (2015, p. 64-67).
Quais são as letras que os textos podem formar para dar fluidez à leitura, segundo a técnica 
das letras?
a) A; H; C; E.
b) K; J; R; X.
c) T; Y; F; M.
d) L; U; H; T; I.
e) Nenhuma das letras anteriores.
Interatividade
Quais são as letras que os textos podem formar para dar fluidez à leitura, segundo a técnica 
das letras?
a) A; H; C; E.
b) K; J; R; X.
c) T; Y; F; M.
d) L; U; H; T; I.
e) Nenhuma das letras anteriores.
Resposta
ATÉ A PRÓXIMA!