Diagramação

Diagramação, também chamada de paginação ou, em certos contextos, layout, é a organização visual de textos, imagens e outros elementos gráficos em uma página, tela ou superfície de publicação. A prática faz parte do design gráfico e do design editorial, pois envolve a disposição de conteúdo verbal e visual para tornar a informação legível, hierarquizada e adequada ao suporte de circulação.

A diagramação é aplicada em jornais, revistas, livros, cartazes, relatórios, sinalização, páginas da internet, interfaces digitais e produtos audiovisuais. Em publicações periódicas, costuma obedecer a um projeto gráfico, que define aspectos como formato, margens, colunas, famílias tipográficas, uso de imagens, padrões de títulos e distribuição dos espaços. Esses parâmetros ajudam a manter a identidade visual e a coerência entre diferentes páginas ou edições.

Entre os princípios recorrentes da diagramação estão a legibilidade, a hierarquia visual, o contraste, o alinhamento, o uso de espaços vazios, a relação entre texto e imagem e a organização por grades ou colunas. Em materiais impressos, a diagramação também considera limitações técnicas de impressão, acabamento, sangria, margens e área útil da página.

Princípios gerais

A diagramação organiza a informação por meio da relação entre elementos visuais. Em uma página editorial, títulos, subtítulos, corpo de texto, fotografias, ilustrações, legendas, fios, caixas e anúncios não são posicionados de forma aleatória: cada elemento ocupa um lugar de acordo com sua função comunicativa e com a importância atribuída ao conteúdo.

A hierarquia visual indica ao leitor o que deve ser percebido primeiro, o que funciona como complemento e o que pertence ao texto principal. Essa hierarquia pode ser construída por tamanho, peso, cor, posição, espaçamento, alinhamento e contraste. Em jornais e revistas, por exemplo, a manchete tende a ter maior destaque do que o subtítulo, enquanto o corpo do texto recebe tratamento tipográfico mais regular para favorecer a leitura contínua.

A legibilidade depende de escolhas tipográficas e espaciais, como tamanho do corpo, entrelinha, largura da coluna, contraste com o fundo e regularidade da composição. A tipografia não se limita à escolha de fontes; ela também envolve a disposição de letras, palavras, linhas, colunas e blocos de texto na página.

Grades, colunas e mancha gráfica

Um dos recursos mais usados na diagramação é a grade, ou grid, estrutura formada por linhas, colunas e módulos que orientam a posição dos elementos gráficos. Em publicações e páginas da internet, as grades contribuem para a consistência visual, facilitam a hierarquia da informação e tornam o processo de composição mais eficiente.

Em publicações impressas, a área destinada à impressão é chamada de mancha gráfica. Ela corresponde ao espaço efetivamente ocupado por textos e imagens dentro da página. Quando um elemento visual ultrapassa o limite de corte do papel para evitar margens brancas indesejadas, fala-se em impressão com sangria.

A colunagem é a divisão da mancha gráfica em colunas verticais. Ela é especialmente importante em jornais, revistas e livros, pois controla a largura das linhas, facilita o encaixe de imagens e títulos e permite organizar conteúdos diferentes na mesma página. Em jornais, a grade de colunas também ajuda a definir a importância relativa das notícias, já que matérias mais destacadas podem ocupar mais colunas ou posições mais visíveis.

Na tradição tipográfica, medidas como pontos e paicas são usadas para dimensionar tipos, entrelinhas e espaços. Uma paica corresponde a doze pontos, unidade historicamente usada em composição tipográfica e impressão.

Diagramação de jornais

Primeira página de jornal do fim do século XIX

Na diagramação de jornais, o desenho da página combina critérios editoriais, gráficos e comerciais. A disposição das matérias expressa uma hierarquia editorial: notícias consideradas mais relevantes costumam receber títulos maiores, posição superior ou área mais ampla. Ao mesmo tempo, a página precisa acomodar fotografias, infográficos, chamadas, anúncios e elementos fixos da publicação, como cabeçalho, rodapé, data, editoria e número da página.

O layout jornalístico também busca equilibrar leitura e navegação. A relação entre manchete, subtítulo, corpo de texto, imagem e legenda ajuda o leitor a identificar rapidamente o tema da matéria e a decidir por onde iniciar a leitura. Em jornais impressos, a composição precisa ainda considerar o formato físico, a dobra, a ordem das páginas e a distribuição de anúncios.

Historicamente, termos como make-up e paste-up foram usados para designar etapas de montagem de páginas antes da consolidação da editoração eletrônica. Com a digitalização dos processos editoriais, a diagramação passou a ser realizada principalmente por softwares de editoração, embora muitos conceitos tradicionais de composição tipográfica e organização da página continuem aplicáveis.

Elementos comuns

Os elementos usados em uma página variam conforme o suporte e o tipo de publicação, mas alguns componentes são frequentes em jornais, revistas e outros produtos editoriais. Em publicações jornalísticas, termos como título, subtítulo, chamada, corpo de texto, legenda, crédito, box, fio e infográfico fazem parte do vocabulário técnico da organização visual da página.

• Corpo de texto: bloco principal de leitura, usado em reportagens, artigos, editoriais, colunas e textos informativos.
• Título: chamada principal de um texto, geralmente composta em corpo maior ou com maior peso visual para orientar a entrada do leitor na matéria.
• Subtítulo ou linha fina: texto complementar que aparece abaixo do título e resume, amplia ou contextualiza a informação principal.
• Antetítulo: indicação curta colocada acima do título, usada para situar tema, editoria ou enfoque.
• Intertítulo: pequeno título inserido no meio do texto para dividir blocos longos e facilitar a leitura.
• Olho: trecho destacado da matéria, frequentemente usado para criar respiro visual e chamar atenção para uma frase relevante.
• Imagem: fotografia, ilustração, gráfico, mapa ou outro recurso visual integrado à página.
• Legenda: texto que identifica ou contextualiza uma imagem.
• Crédito: indicação de autoria ou origem de fotografia, ilustração ou arte.
• Infográfico: representação visual de dados, processos, mapas, comparações ou sequências.
• Box ou caixa: área graficamente delimitada com informação complementar, resumo, cronologia ou explicação lateral.
• Fio: linha usada para separar, organizar ou destacar elementos gráficos.
• Cabeçalho e rodapé: áreas superiores e inferiores da página, usadas para informações recorrentes, como nome da publicação, editoria, data e número da página.
• Anúncio: espaço publicitário incorporado à composição, distinto do conteúdo editorial.

Aspectos de composição

A composição de uma página envolve decisões sobre proporção, ritmo visual, equilíbrio e contraste. O diagramador ou designer precisa articular o espaço disponível de modo que o leitor consiga distinguir o conteúdo principal dos elementos secundários. Em design gráfico, princípios como alinhamento, contraste, proximidade, repetição, hierarquia e uso do espaço contribuem para organizar a percepção visual e orientar a leitura.

A tipografia é um dos componentes centrais da diagramação. A escolha de famílias tipográficas, pesos, tamanhos, espaçamentos e alinhamentos influencia a clareza do texto e a percepção da hierarquia. Publicações diferentes podem adotar soluções distintas: livros tendem a privilegiar leitura contínua, enquanto jornais e revistas frequentemente combinam textos, imagens, chamadas e blocos laterais em uma estrutura mais fragmentada.

A cor pode orientar a navegação, distinguir editorias, criar contraste e reforçar a identidade visual. No entanto, em projetos editoriais e digitais, a cor não deve ser o único meio de transmitir informação, pois a leitura pode variar conforme suporte, impressão, tela, acessibilidade e condições de visualização.

A relação entre texto e imagem também é decisiva. Fotografias, ilustrações e infográficos podem complementar o texto, sintetizar dados ou orientar a leitura. Quando mal posicionados, entretanto, podem competir com o texto principal ou prejudicar a sequência de leitura. Em páginas jornalísticas, o equilíbrio entre títulos, imagens, chamadas, boxes e espaços vazios é um dos fatores que organiza a leitura e define a hierarquia editorial.

Ver também

• Design de jornal
• Design editorial
• Design gráfico
• Editoração
• Tipografia

Bibliografia

• Bringhurst, Robert (2012). The Elements of Typographic Style (em inglês) 4 ed. Vancouver: Hartley & Marks. ISBN 9780881792126 
• Lupton, Ellen (2024). Thinking with Type: A Critical Guide for Designers, Writers, Editors, and Students (em inglês) 3 ed. São Francisco: Chronicle Books. ISBN 9781797226828 
• Samara, Timothy (2023). Making and Breaking the Grid: A Graphic Design Layout Workshop (em inglês) 3 ed. Beverly: Rockport Publishers. ISBN 9780760381939 
• Harrower, Tim; Elman, Julie M. (2012). The Newspaper Designer's Handbook (em inglês) 7 ed. Nova Iorque: McGraw-Hill. ISBN 9780073512044 

Ligações externas

• «Graphic Design and Print Production Fundamentals» (em inglês) , livro aberto sobre design gráfico e produção impressa