DEFINIÇÕES E PRINCÍPIOS BÁSICOS DA DIAGRAMAÇÃO

A diagramação surgiu quando a indústria editorial observou a necessidade de

apresentar de forma harmoniosa suas publicações. Com o desenvolvimento das
novas tecnologias o diagramador passou a trabalhar no planejamento gráfico de livros,
folhetos, catálogos, cartazes, anúncios de propaganda e todo tipo de produto gráfico.
Com o surgimento dos meios digitais os conhecimentos de organização da
informação visual também foram aplicados à criação de vinhetas de abertura para
filmes, videoclipes, programas e jornais de TV e páginas na internet.

EVOLUÇÃO DA DIAGRAMAÇÃO DA PÁGINA IMPRESSA À DIGITAL

FONTE: Variety. Disponível em: <http://variety.com/>

A diagramação é a arte ou técnica de distribuir os elementos gráficos no espaço

delimitado de uma página impressa ou veiculada em meios eletrônicos ou digitais.
O trabalho de diagramação consiste em distribuir os elementos gráficos no
espaço da página de acordo com uma hierarquia de informações estabelecidas pelos
editores e diretores de arte da publicação.
A finalidade do trabalho do diagramador ao distribuir os elementos gráficos na
página é encontrar o equilíbrio da forma para propiciar o maior índice de conforto
visual para o leitor.

EXEMPLO DIAGRAMAÇÃO EQUILIBRADA E HARMONIOSA

 <http://www.flickr.com/photos/13811260@N05/2505656253/>.

Princípios básicos:

➢ O trabalho de editoração é um trabalho multidisciplinar. Envolve editores,

redatores, revisores, diretores de arte, fotógrafos, ilustradores e o diagramador.

➢ O trabalho do diagramador não é isolado, mas em conjunto com todos esses

profissionais coordenados pelos editores e diretores de arte.

➢ Os editores e diretores de arte estabelecem diretrizes editorias e artísticas que

formam a identidade corporativa e visual da publicação.

➢ A cada edição da publicação é necessário analisar os conteúdos para

estabelecer a ordem de prioridade dos elementos que serão inseridos na publicação
e em cada página.

➢ Esta dinâmica de decisões estabelece o primeiro princípio básico da

diagramação: a hierarquia da informação.
➢ O princípio da hierarquia da informação está associado ao princípio da forma e
do conforto visual.

➢ Os instrumentos básicos usados pelo diagramador para obter o conforto visual

são a contiguidade e o alinhamento, a simetria, a assimetria e o contraste.

QUADRO - RESUMO

Princípios Básicos da diagramação:

Elementos gráficos = Textos e Imagens.

• Hierarquia da informação
✓ Relação de prioridade entre textos e imagens.
• Forma e conforto visual.
✓ Contiguidade e alinhamento.
✓ Simetria ou assimetria.
✓ Contrastes.

HIERARQUIA DA INFORMAÇÃO: TEXTO E IMAGEM

Hierarquia da informação é a análise dos conteúdos que estabelece uma

ordem de prioridade das informações.

➢ Na prática a hierarquia da informação orienta o diagramador a escolher a ordem

o tamanho e a disposição dos elementos gráficos.

➢ Ajuda o diagramador a decidir a tipologia, o tamanho e a posição dos textos.

➢ Ajuda o diagramador a decidir o tamanho e a posição das imagens.

➢ Ajuda o diagramador a decidir a disposição da imagem em relação aos textos

inseridos nas páginas.

➢ A hierarquia da informação rege o trabalho do diagramador na busca da forma

harmoniosa e do conforto visual.
 Agora que você sabe a definição de hierarquia de informação
➢ Vamos aprender o que o diagramador identifica como texto e imagem.

➢ Vamos aprender as funções de cada elemento gráfico.

Texto: Para o diagramador os textos são elementos gráficos cuja forma,

tamanho peso e medida devem ser considerados para sua disposição nas páginas.

Os textos aparecem na página das seguintes formas:

Bloco de texto: é a matéria editorial propriamente dita. Para o bloco de texto

são usados tipos normais em corpo 10 ou 12. Os blocos de texto são dispostos na
página em forma de colunas.

BLOCOS DE TEXTO

Títulos: Identifica o conteúdo das matérias nas páginas e captura a atenção

do leitor. Quando usados nas capas de revistas ou jornais são chamados manchetes.
É o elemento que usa o maior corpo de fonte na página.

TÍTULO
 Subtítulos: Disposto embaixo do título serve para complementar a informação
do título e esclarecer melhor o teor da matéria. Seu corpo é necessariamente menor
que o título, porém maiores do que os intertítulos.
SUBTÍTULO

Chapéu: Disposto em cima do título também serve para complementar a

informação do título. Pode usar o mesmo corpo ou corpo ligeiramente maior que os
subtítulos.

CHAPÉU.
 Intertítulos: Separa blocos de informações semelhantes. Também chamada
quebra. O corpo do intertítulo é o mesmo do bloco do texto, porém destacados com
negrito.
INTERTÍTULOS

Olhos: É uma frase destacada do bloco do texto e colocada sobre as colunas

de texto. Tem o mesmo tamanho do texto, porém destacada em negrito.

OLHOS
 Legenda: Identifica as imagens e a relaciona com o conteúdo da matéria.
Colocada ao pé da imagem, possui o menor corpo da página.

LEGENDA

Créditos: Identifica autores das matérias e imagens usadas. Geralmente

coloca em posição vertical, com leitura de baixo para cima, ao lado direito da imagem.
Tem o menor corpo de toda a página

CRÉDITOS
 Imagem: Para o diagramador é imagem todo elemento gráfico não textual
inserido na página. As imagens são classificadas em três grupos.

Primeiro grupo: Imagens que esclarecem e enfatizam os conteúdos das

matérias. Por isso essas imagens variam no conteúdo, no tamanho, peso e
quantidade.

Fotografia: Retrata pessoas ou acontecimentos relacionados às matérias.

Ocupam lugares de destaque na página. Complementam a manchete no papel de
capturar a atenção do leitor.

FOTOGRAFIA
 Ilustrações: Complementam ou substituem as fotografias nas mesmas
funções. Mostram aquilo que uma fotografia não consegue mostrar, por exemplo, o
ciclo de crescimento de uma planta.

ILUSTRAÇÃO

Infográficos: São mapas, tabelas, planilhas, gráficos fluxogramas,

organogramas. Servem para demonstrar conteúdos específicos das matérias.
Desempenham papel importante na argumentação da matéria, por exemplo, em uma
matéria sobre inflação, um gráfico pode mostrar a evolução dos preços em um período
de tempo.
INFOGRÁFICO
 Anúncios: A criação dos anúncios é de responsabilidade do anunciante,
porém o projeto gráfico predetermina o tamanho e a disposição dos anúncios dentro
da malha de diagramação para que eles não interfiram na identidade visual da
publicação.

ANÚNCIO

Segundo grupo: imagens que fazem parte do projeto gráfico da publicação e

conferem a ela sua identidade visual, por isso essas imagens não variam em sua
forma ou tamanho.
 Cabeçalho e o rodapé: neles são inseridas informações tais como, nome da
publicação, numeração de página, data, número e volume da publicação, e outras
informações.

CABEÇALHO E RODAPÉ

Vinhetas: elementos gráficos que servem para identificar as seções e matérias.

Em algumas publicações são incorporadas ao cabeçalho e ao rodapé.

VINHETAS

Tipologia: Família de tipos ou fontes. É o desenho ou forma das letras

escolhidas para configurar a identidade visual da publicação. Há três classes de
fontes: Serifados, Sem Serifa e Fantasia.
 Grade de diagramação: é conjunto de linhas horizontais e verticais que define
a mancha página. É o principal elemento que define a identidade visual da publicação.
São pelas grades que se definem as hierarquias entre os elementos gráficos.

GRADE DE DIAGRAMAÇÃO

Espaços em branco: A distribuição dos espaços em branco confere equilíbrio

e legibilidade à página. Imaginem uma música sem pausas e momentos de silêncio.

CÁLICE / ROSTO

FONTE: PEDROSA, M. Arte, Forma e Personalidade, Kairós, 1977.

A figura mostra a relação intrínseca entre o espaço em branco e a mancha
negra. No limite da figura do cálice formam-se dois rostos de frente um para o outro.

Terceiro grupo: Imagens que podem ou não ser usadas de acordo com as
definições do projeto gráfico da publicação e das necessidades da matéria.
 Fios: Linhas ornamentais que são usadas para separar colunas, separar
imagens de bloco de textos, contornar imagens e outros fins semelhantes.

FIGURA– FIOS

Caixas: Em geral são usadas para destacar pequenos textos explicativos ou

complementares ao conteúdo das matérias publicadas. Também são usados para
destacar ilustrações ou infográficos.