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

Olho: É 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 debaixo 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.
Desempenha 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 pela grade 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.

CAIXA

Letras Capitulares: Primeira letra do primeiro parágrafo do bloco de texto.

Letra em tamanho e forma diferenciada da tipologia do bloco do texto, mas que é
usada no início do bloco do texto como elemento ornamental.

LETRA CAPITULAR

Miniaturas ou Clip-art: Pequenas ilustrações usadas para marcar o início

das seções ou das matérias. São usadas como elemento de identidade visual da
publicação ou identificação de conteúdo de matérias.
MINIATURA OU CLIP ART

QUADRO - RESUMO DOS ELEMENTOS GRÁFICOS