DESIGN EDITORIAL AULA 13 · DESIGN EDITORIAL – AULA 13 Prof. Sergio Xavier ... HIERARQUIA VISUAL...

DESIGN EDITORIAL – AULA 13

Prof. Sergio Xavier

Sumário Zonas de visualização Hierarquia visual

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.

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

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

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

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.

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.

6. Centro Geométrico Local onde se cruzam as duas

linhas diagonais.

EXEMPLOS DE APLICAÇÕES DAS ZONAS DE VISUALIZAÇÃO

HIERARQUIA VISUAL

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

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

EXEMPLOS DE HIERARQUIA VISUAL

CHAMADA PRINCIPAL

SUBCHAMADAS

NOME DA REVISTA OCUPANDO QUASE 2/3

Prof. Me. Sergio Xavier sergiosx@gmail.com

Blog: profsergioxavier.wordpress.com www.facebook.com/profsergioxavier