Ilustrações


Em grande parte, as pesquisas publicadas pelo Ipea são também compostas por ilustrações, como tabelas, gráficos, quadros, figuras etc. Contudo, para compreender o padrão utilizado nas páginas que contêm estas ilustrações, é necessária uma breve explanação sobre os aspectos estruturais de uma página padrão, bem como de seu projeto gráfico.

1 O espaço se refere à distância horizontal ou vertical entre dois objetos.

2 Recuo: distância horizontal entre um objeto e as margens da página.

3 A entrelinha se refere à distância entre o topo da linha de baixo e a base da linha de cima.

4 A mancha gráfica se refere à área central da página, descontadas as áreas da margem.

Gráficos


estrutura geral

tipografia

Textos e dados numéricos contidos no corpo de uma ilustração (em destaque) serão formatados da seguinte maneira:

  • Dados dos eixos lateral e horizontal, legendas ou quaisquer outros que estejam na parte externa da ilustração: Frutiger LT Pro 55 roman, tamanho 7, preto 100%, entrelinhamento automático.
  • Dados contidos no interior da ilustração (valores das barras, linhas e demais indicadores gráficos): Frutiger LT Pro 55 roman, tamanho 6, preto 100%, entrelinhamento automático.

alinhamento dos textos

alinhamento das hastes

linhas

Por padrão os gráficos são fechados com as linhas dos eixos (X e Y) e suas respectivas linhas paralelas (linhas de fechamento). A cor e espessura das linhas dos eixos, linhas de fechamento e linhas das hastes devem seguir esta especificação:

  • Linhas dos eixos e linhas de fechamento: 0,5 mm | cor: preto 100%.

Já linhas de grade (linhas internas) são aquelas geralmente usadas para facilitar a visualização de proporções dentro de um gráfico. Por serem apenas auxiliares, é dado menos destaque visual em comparação às demais linhas.

  • Linhas de grade: 0,5 mm | cor: preto 25%.
  • Hastes: 0,5 mm | cor: preto 100% | 2 mm de largura (no caso do eixo vertical) ou 2 mm de altura (no horizontal).

distâncias

A distância a ser respeitada entre as pontas das hastes e os dados é de 1 mm.

Recomenda-se que quaisquer informações abaixo (eixo horizontal) ou na lateral (eixo vertical) fiquem a 4 mm de distância em relação aos dados.

legendas

* Quando necessário, combinar com o padrão de linha. Ex.: linhas com marcadores.

** Para linhas tracejadas, configurar o traçado com 2pt de traço e 2pt de espaço.

Distância entre as legendas:

diâmetro

Em gráficos do tipo pizza, o diâmetro padrão é de 60 mm. Caso haja necessidade, aplicar diâmetro mínimo* de 45 mm.

* Reduzir o diâmetro em casos de gráficos comparativos (lado a lado) ou se a aplicação do diâmetro padrão implicar prejuízo na diagramação da página.

exemplos
a) Gráfico pizza

b) Gráfico em linhas

c) Gráfico em blocos

d) Organograma

1. Priorizar centralizar os texto dentro das caixas de diálogo.

2. Centralizar as pontas das linhas indicativas com o centro das formas.

Tabelas e quadros


estrutura geral
a) Tabelas

b) Quadros

características principais
a) Tabelas

  • Laterais abertas (sem bordas).
  • Não há linhas verticais.
  • Aplicação de linhas internas apenas se necessário (para separar grupos).
  • Primeira coluna é alinhada à esquerda (exceto em caso de numerais).
b) Quadros

  • Laterais fechadas (com bordas).
  • Tem linhas verticais.
  • O texto do cabeçalho é todo centralizado.
tipografia, tamanho e cor de fontes

A tipografia de quadros, tabelas e boxes é definida pelo projeto gráfico, podendo variar entre os tipos de publicação. Atualmente, o editorial trabalha com três variações de fontes:

  • Livros, boletins, relatórios institucionais e revistas: Frutiger LT Pro 47 Light Condensed, tamanho 7, cor do miolo: preto 100%.
  • Textos para discussão: Roboto Regular, tamanho 10, cores do miolo: azul (composto por: ciano 88% | magenta 68%).
  • Notas técnicas e novos projetos gráficos: Roboto Condensed Light, tamanho 7, preto 100%.

Exemplos de aplicação:*

* Quando houver uma linha ou coluna de dados numéricos contendo o somatório dos valores demonstrados, aplicar o estilo de fonte em negrito em toda linha ou coluna com esses dados, como demonstrado na primeira figura da esquerda.

recuo e alinhamento

linhas cheias e internas

As linhas cheias são construídas com 100% de opacidade da cor e 0,5mm de espessura. Aplicação: linhas do cabeçalho, linhas de fechamento das tabelas e perímetros externos dos quadros.

As linhas internas (claras) são elaboradas com 25% de opacidade da cor e 0,25 mm de espessura. Aplicação: linhas horizontais e verticais da parte interna dos quadros e linhas horizontais internas das tabelas1,2

1. Linhas internas das tabelas nem sempre são aplicáveis; depende do projeto gráfico (padrão) ou da necessidade de destacar determinados dados do restante da tabela. Em qualquer um dos casos, deve-se seguir as especificações sobre linhas internas aqui citadas.

2. Em situações excepcionais, deve-se conferir um destaque maior às linhas internas da tabela, como em tabelas com subcategorias (similares ao cabeçalho, mas situadas na parte interna da tabela). Nesse caso, aplicar linhas cheias.

Cabeçalhos
a) Alinhamentos

Obs.: Quando os dados da primeira coluna forem numéricos, eles devem ser centralizados em toda a coluna.

b) Segmentação de colunas (apenas em tabelas)

Quando houver subgrupos nas colunas, identificados por colunas com informações repetidas que estão dentro de uma hierarquia maior, aplica-se um segmento com 1,058 mm (equivalente a 1 pixel) de largura entre a linha horizontal que separa o grupo do subgrupo.

No exemplo anteriormente apresentado, demandas e déficit são subgrupos das colunas dos anos 2020 e 2041, logo, a linha inferior da célula do grupo é segmentada a fim de facilitar a compreensão de que as informações dessa tabela estão divididas por anos.

Considerações finais


O intuito deste manual é orientar em linhas gerais as aplicações visuais para quadros e tabelas, porém, algumas situações particulares podem não ser contempladas dentro das especificações aqui previstas. Nesse caso, a equipe de diagramação deve construir a melhor solução gráfica. O mais importante é que a solução dada seja aplicada uniformemente em todo o texto.

Exemplos de aplicação não especificadas:

  • variação das margens das células (redução ou expansão máxima de até 0,5 mm);
  • rotação da tabela em 90o quando a largura da mancha for insuficiente;
  • redução do tamanho da fonte do projeto (preferencialmente em até -2pt); e
  • outras peculiaridades conforme a demanda recebida.