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
thumb|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
Ligações externas
, livro aberto sobre design gráfico e produção impressa
Categoria:Design de jornal Categoria:Produção gráfica