design editorial aula 13 · design editorial – aula 13 prof. sergio xavier ... hierarquia visual...
TRANSCRIPT
![Page 1: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/1.jpg)
DESIGN EDITORIAL – AULA 13
Prof. Sergio Xavier
![Page 2: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/2.jpg)
Sumário Zonas de visualização Hierarquia visual
![Page 3: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/3.jpg)
ZONAS DE VISUALIZAÇÃO Quando alguém recebe uma comunicação escrita, uma carta,
instintivamente sua visão se fixa no lado superior à esquerda do papel, pois estamos condicionados a saber que o começo da escrita ocidental será sempre no lado superior esquerdo.
A grafia ocidental da esquerda para a direita, no sentido horizontal, é um dos alicerces do percurso obrigatório dos olhos influindo decisivamente em nosso comportamento.
![Page 4: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/4.jpg)
ZONAS DE VISUALIZAÇÃO
1. Zona Primária
2. Zona Secundária
3. Zona Morta
4. Zona Morta
5. Centro Ótico
6. Centro Geométrico
![Page 5: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/5.jpg)
1. Zona Primária Deve conter um elemento forte
para atrair a atenção e interesse do leitor.
Esse elemento pode ser uma marca, foto, texto ou título grande.
As fotografias são elementos que mais atraem a atenção do leitor
![Page 6: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/6.jpg)
2. Zona Secundária Assim como a visão
instintivamente se desloca com rapidez em diagonal para o lado inferior oposto.
A rota básica da vista se projeta do lado superior esquerdo para o lado inferior direito
![Page 7: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/7.jpg)
3 e 4. Zonas Morta Podem ser utilizadas para
dispor informações secundárias, como por exemplo: quadros e fotos de menor importância e pequenos quadros ilustrativos.
![Page 8: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/8.jpg)
5. Centro Ótico É a área que a visão se dirige.
Está situado um pouco acima do centro geométrico.
A altura do centro ótico varia de acordo com a dimensão da página, dependendo da relação entre largura e altura.
![Page 9: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/9.jpg)
6. Centro Geométrico Local onde se cruzam as duas
linhas diagonais.
![Page 10: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/10.jpg)
EXEMPLOS DE APLICAÇÕES DAS ZONAS DE VISUALIZAÇÃO
![Page 11: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/11.jpg)
![Page 12: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/12.jpg)
![Page 13: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/13.jpg)
HIERARQUIA VISUAL
![Page 14: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/14.jpg)
HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos (imagem, box, linha fina) 3) Área destinada à imagem 4) Peso da fonte utilizada no título, subtítulo e entretítulo 5) Bloco de texto
Pontos a Considerar 1) Público para o qual a publicação se destina 2) Função da publicação 3) Scanner da página feita pelo leitor 4) Interesse desse público 5) Agilidade na informação
![Page 15: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/15.jpg)
HIERARQUIA VISUAL Nos produtos editoriais deve-se levar em conta: 1) Cabeçalho e vinhetas 2) Título, subtítulo e entretítulo 3) Linha fina, highlight 4) Texto, imagem, infográficos, legenda, etc
![Page 16: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/16.jpg)
EXEMPLOS DE HIERARQUIA VISUAL
![Page 17: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/17.jpg)
![Page 18: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/18.jpg)
![Page 19: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/19.jpg)
![Page 20: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/20.jpg)
![Page 21: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/21.jpg)
CHAMADA PRINCIPAL
SUBCHAMADAS
NOME DA REVISTA OCUPANDO QUASE 2/3
![Page 22: DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL Organização 1) Distribuição do espaço gráfico 2) Adição de elementos gráficos](https://reader037.vdocuments.mx/reader037/viewer/2022100215/5be3279409d3f2382f8cac32/html5/thumbnails/22.jpg)
Prof. Me. Sergio Xavier [email protected]
Blog: profsergioxavier.wordpress.com www.facebook.com/profsergioxavier