Projetos Gráficos

para Mídias Impressas

 Material Teórico
Infografia no Editorial Impresso

Responsável pelo Conteúdo:

Prof. Me. Ivan Ordonha Cechinel

Revisão Textual:
Prof.ª Dr.ª Selma Aparecida Cesarin
 Infografia no Editorial Impresso

• Introdução;
• Design de Página;
• Prática Profissional;
• Estrutura;
• Estudo de Caso.

OBJETIVOS DE APRENDIZADO
• Apresentar ao estudante a importância dos recursos de infografia no universo da Mídia
Impressa, especialmente, em Produções Editoriais;
• Analisar exemplos de infográficos e os diferentes recursos que podemos utilizar para
compor infografia na Mídia Impressa enriquecendo, assim, o layout de página.
 Orientações de estudo
Para que o conteúdo desta Disciplina seja bem
aproveitado e haja maior aplicabilidade na sua
formação acadêmica e atuação profissional, siga
algumas recomendações básicas:
Conserve seu
material e local de
estudos sempre
organizados.
Aproveite as
Procure manter indicações
contato com seus de Material
colegas e tutores Complementar.
para trocar ideias!
Determine um Isso amplia a
horário fixo aprendizagem.
para estudar.

Mantenha o foco!
Evite se distrair com
as redes sociais.

Seja original!
Nunca plagie
trabalhos.

Não se esqueça
de se alimentar
Assim: e de se manter
Organize seus estudos de maneira que passem a fazer parte hidratado.
da sua rotina. Por exemplo, você poderá determinar um dia e
horário fixos como seu “momento do estudo”;

Procure se alimentar e se hidratar quando for estudar; lembre-se de que uma

alimentação saudável pode proporcionar melhor aproveitamento do estudo;

No material de cada Unidade, há leituras indicadas e, entre elas, artigos científicos, livros, vídeos
e sites para aprofundar os conhecimentos adquiridos ao longo da Unidade. Além disso, você tam-
bém encontrará sugestões de conteúdo extra no item Material Complementar, que ampliarão sua
interpretação e auxiliarão no pleno entendimento dos temas abordados;

Após o contato com o conteúdo proposto, participe dos debates mediados em fóruns de discus-
são, pois irão auxiliar a verificar o quanto você absorveu de conhecimento, além de propiciar o
contato com seus colegas e tutores, o que se apresenta como rico espaço de troca de ideias e de
aprendizagem.
UNIDADE Infografia no Editorial Impresso

Introdução
Versatilidade, criatividade, recursos visuais aprimorados, função didática, ex-
plicativa e algo convidativo; essas são algumas das características dos infográfi-
cos que constituem um universo de representação visual que nos fornece muitas
possibilidades de criação, em diversos contextos, não só quando trabalhamos
com material impresso, mas também com material digital.

Cada dia mais temos contato com grande quantidade de informação que chega
até nós pelos mais diversos Meios de Comunicação. Nesse contexto, a necessi-
dade de organização da informação ganha importância e o profissional que se
dedica a formas criativas de apresentar essa informação ao leitor abre portas no
campo de trabalho.

De modo geral, os leitores têm uma tendência a observar primeiro a infografia

e depois o texto completo da matéria quando olham para uma página de Jornal
ou Revista.

Design de Página
Podemos utilizar os recursos de design de página em Material Impresso para
construir uma sequência de informações transmitidas por meio de um grid, que or-
ganize a informação definindo hierarquias, graus de importância, que estabeleçam
sequência lógica e coerente para que essa apresentação proporcione comunicação
eficaz, cumprindo seu papel frente ao leitor.

Junto a isso, vemos recursos de infografia utilizados para enriquecer o design de pá-
gina; porém os recursos de infografia podem ser utilizados em diversas outras produções
como, por exemplo, numa apresentação pessoal ou num currículo mais elaborado.

A seguir, vemos recursos de infografia sendo utilizados para proporcionar ao

leitor melhor compreensão dos assuntos tratados pelo texto.

Podemos observar elementos como: mapas, gráficos de proporção, cronologia,

número de destaque, ilustrações, além do recurso cromático, entre outros.

8
 Figura 1 – A criatividade a serviço do leitor da informação
Fonte: Infográfico publicado no Guia do estudante da Editora Abril, selecionado pela
6ª Mostra Nacional de infografia. Edição do primeiro semestre de 2012. (Infolide). Diretor de Arte: Fábio Bosquê,
Designers: André Tietzmann, Danuê Falcão, Reinaldo da Silva Jr.

Prática Profissional
No âmbito profissional, a infografia representa uma grande ferramenta, não só
para o designers, mas também para jornalistas e criadores de conteúdo. Por vezes,
o designer ou jornalista que trabalha majoritariamente com infografia é chamado
de jornalista gráfico.

Particularmente no universo do design, é de suma importância o profissional

saber identificar o poder dos recursos de infografia, pois valoriza o trabalho abrindo
muitos caminhos dentro da trajetória da criação, seja em páginas de revista, jornal,
catálogos, seja em qualquer material que objetive apresentar grande quantidade de
dados, especialmente numéricos.

9
9
UNIDADE Infografia no Editorial Impresso

Não raro, os infográficos são a única maneira de visualização de dados, princi-

palmente, de informação numérica (a chamada Big Data) que, se forem apresenta-
das apenas por texto, não serão plenamente compreensíveis para o leitor ou serão
necessárias muitas páginas para descrever uma situação que, visualmente, pode ser
sintetizada em meia página de uma revista, por exemplo.

Figura 2 – A narrativa visual presente na infografia

Fonte: Infográfico publicado na Revista Administradores, edição de 5 de maio de 2011, selecionado
pela 6ª Mostra Nacional de infografia, 2012 (Infolide). Editor: Fábio Bandeira de Mello.
Equipe de infografia: João Faissal, Thiago Castor, Eber Freitas, Fábio Bandeira de Mello e Simão Mairins.

Ao trabalharmos com infografia, é importante termos consciência de que a infografia tem,

Explor

acima de tudo, função didática e que pode ser utilizada para explicar ao leitor um aconte-
cimento do cotidiano, um passo a passo, enfatizar fatos históricos por meio de uma crono-
logia, especialmente, quando apenas o texto não se mostra suficiente para transmitir as
informações necessárias de maneira objetiva ao leitor.
Podemos observar que o universo da infografia é multidisciplinar por conta da diversidade
de recursos que podem ser utilizados, tais como ilustrações, fotografia, fotomontagens, de-
senho 3D e notas de texto, entre muitos outros.
O poder de síntese é uma habilidade importante para o profissional que se dedica à infogra-
fia; ao mesmo tempo, é essencial manter o cuidado para não omitir informação relevante
para o leitor.

Trocando ideias... Importante!

Para alimentar a criatividade, é de grande importância o profissional de design se man-
ter bem informado, buscando sempre aprimoramento. Uma boa base cultural é subsídio
para soluções sólidas.

10
Estrutura
Não há dimensões padrão para se fazer infografia. Ela pode ter as dimensões de
uma página de Jornal inteira (a chamada página gráfica) ou apenas ocupar ¼ de
uma página de Revista.

Pode-se adaptar o grid e, assim, distribuir os elementos pensando no equilíbrio vi-

sual da página e identificar como o recurso infográfico vai apresentar a informação de
maneira clara e objetiva ao leitor. Porém, de maneira geral, observa-se como estrutura
comum: Título, corpo da infografia (no qual teremos a principal informação – fotos,
ilustrações e gráficos, entre outros recursos visuais) e fonte (origem da informação).

Dentre os recursos visuais mais utilizados em infografia, podemos enumerar: grá-

ficos (de barra horizontal, vertical, proporção), Tabelas, cronologias, mapas, fichas-
-técnicas, frases de destaque e passo a passo explicativo.

Figura 3 – O design aliado à informação

Fonte: Infográfico publicado na Revista Época, edição de 16 de abril de 2012, selecionado
pela 6ª Mostra Nacional de infografia, 2012 (Infolide). Peter Moon (texto),
Gerson Mora e Marco Vergotti (gráfico).

• Dicas importantes para se criar infografia de maneira eficaz:

» Ao se deparar com o texto, sublinhe ideias centrais que podem ser traduzidas
visualmente por meio de ilustração ou foto. Pense no que é relevante para o lei-
tor, principalmente, imaginando uma leitura rápida, de maneira que, ao “bater
o olho” na página, o leitor possa já identificar ao menos o tema que está sendo
tratado na infografia;

11
11
UNIDADE Infografia no Editorial Impresso

»» Identifique informação que pode ser segmentada (separada do texto principal

– geralmente, informação numérica ou dados técnicos de valores, distâncias,
dimensões e estatísticas, entre outros) e que pode ser apresentada num box
(área retangular na página que servirá como “abrigo” para essa parte do texto).

Mário Kanno, em seu livro Infografe, estabelece um interessante Glossário inte-

grando itens de diagramação com recursos de infografia:
Tabela 1
ARTES- TEXTO
Cronologia Mostra as datas mais importantes.
Dicas Reúne instruções úteis ao leitor.
Score (Número destacado) Quando um número é a principal informação.
Fac-símile Reprodução de um ou mais documentos que sejam relevantes para matéria.
Ficha Concentra as principais características do “personagem” (pessoa, país, empresa etc.).
Frases Opiniões sobre um assunto.
Glossário Traz o significado de alguns termos “difíceis”, mas imprescindíveis à reportagem.
Lista / Ranking Organiza informações em tópicos.
Para entender / Resumo Reúne “quem, quando, onde e por quê” colocando o leitor em dia com a reportagem.
Perguntas e Respostas Usa o estilo de entrevista para esclarecer dúvidas ou discursar sobre o assunto.
Próximos passos Indica como assunto deve se desenvolver.
Sobe-desce Associa valor – ganhou, perdeu, ficou igual – para pessoas, associando uma coluna à outra.
Tabela Montagem de texto ou número em colunas paralelas associando uma coluna à outra.
Testes Forma interativa de transmitir informações.

Tabela 2
MAPAS
Mapa de Localização Localiza greograficamente o assunto.
Mapa de ação Explicam mudanças ou movimentos geográficos.
Mapa Estatístico Usa cores ou sinais gráficos para mostrar a dispersão geográfica dos dados.

GRÁFICOS
Gráfico de linha Evolução de uma ou mais variáveis no tempo.
Compara valores de uma ou mais categorias.
Gráfico de barras Pode também mostrar evolução.
Pizza/Queijo permite mostrar como uma quantidade total (100%) se divide em fiferentes categorias.
Área Compara valores de uma ou mais categorias usando imagens categorias.

DIAGRAMAS ILUSTRADOS
Arte-foto Usa de uma ou mais fotos que são manipuladas para evidenciar uma informação.
Mostra como o “personagem” é por dentro.
Corte Esquemático Pode retratar um órgão, uma construção.
Fluxograma/Passo a passo Representação de acontecimentos ou processos.
Organograma Define graficamente posições hierárquicas ou de relaciona entre personagens.

12
 DIAGRAMAS ILUSTRADOS
Storyboard Uso de quadrinhos para relato visual.
Página infográfica Combina tipos de infografia para traduzir visualmente a reportagem.

Estudo de Caso
A seguir, temos um exemplo de como podemos utilizar os parâmetros de diagra-
mação, não apenas no universo da notícia, mas também em formas de apresenta-
ção ou currículos de forma geral.

O layout do currículo foi concebido para profissional de administração, com

texto fictício em substituição ao texto real, para preservar a identidade.

Observamos, inicialmente, que não foram utilizados elementos visuais mais elabo-
rados, como ilustrações ou fotos, para se manter a formalidade que a área adminis-
trativa empresarial exige. Nesse caso, não faria sentido seguir por um viés artístico,
porém existem recursos visuais como: boxes, tabelas, linhas, gráficos de barra hori-
zontais, hierarquia de títulos e subtítulos, preenchimentos e informação em tópicos.

Podemos observar, também, que a informação está organizada num grid de três
colunas, que separam informações em três contextos diferentes.

Figura 4
Fonte: Acervo do conteudista

13
13
UNIDADE Infografia no Editorial Impresso

A seguir, destacadas em vermelho, temos as três colunas que compõem o layout.

A coluna central é mais larga em relação as das laterais, pois abarca o conteúdo
com maior quantidade de texto e no qual está o maior foco de atenção ao ob-
servarmos o layout como um todo, enquanto nas laterais temos as informações
adicionais, de contexto variado. Por isso, foram utilizados recursos visuais para seg-
mentar a informação e assim melhor organizar de maneira hierárquica, por ordem
de importância.

Há organização das informações em módulos (áreas separadas por intervalos

regulares). Esses módulos têm a função de organizar a hierarquia das informações,
além de destacar as áreas de interesse.

Figura 5
Fonte: Acervo do conteudista

Assim, a coluna da esquerda inicia com o nome do profissional em destaque na

parte superior (letras em maior dimensão).

O conteúdo da coluna segue em tópicos, apresentando um pequeno texto, com

os objetivos do profissional, seguido do tópico “Formação” que, por sua vez, é sub-
dividido em três áreas (a primeira descreve Curso de Graduação, a segunda Cursos
Livres e a terceira demais Cursos de curta duração).

Existem subtópicos com o nome das Instituições e dos Cursos. Esses tópicos são
sinalizados ao leitor por meio de pontos e de linhas tracejadas, apresentando uma
sequência de diferentes itens listados e não apenas texto corrido.

14
 Ao contrário, haveria grande chance de o leitor ter de ficar procurando o início de um novo
Explor

item diminuindo conforto de leitura e entendimento imediato da informação descrita.

Na parte inferior da coluna, há uma área retangular desenvolvida para conter

os softwares nos quais esse profissional tem experiência. A Tabela possui espaço
no topo, para acomodar o título, e uma segunda parte disponível para o conteúdo.

Podemos observar que, de modo geral, foram estabelecidas margens (área em

branco ao redor dos elementos que compõem o layout de página).

As margens constituem importantes elementos de diagramação, pois contribuem para o

Explor

conforto da leitura e para a organização da informação à medida que compõem “áreas de

respiro” na página.

Figura 6
Fonte: Acervo do conteudista

Na coluna da parte central, temos o conteúdo de texto que descreve a experien-

cia profissional.

A coluna inicia com título e segue em forma de tópicos. Cada um apresenta

a seguinte hierarquia: nome da Empresa, cargo, descrição das funções e gráfico
de barra horizontal que, ao mesmo tempo é cronologia, pois a barra é subdivi-
dida por ano, importante recurso de infografia sendo utilizado para demonstrar

15
15
UNIDADE Infografia no Editorial Impresso

proporcionalmente a quantidade de tempo que a pessoa trabalhou em cada Em-

presa, sendo possível, portanto, fazer um comparativo visual entre as Empresas.

Cada Empresa possui uma cor diferente, exceto os duas últimas (dois gráficos que
estão em azul), por se tratar da mesma Empresa, em que a pessoa trabalhou em dois
cargos diferentes, em épocas diferentes. Sendo assim, apresenta-se o recurso cromá-
tico como determinante na hierarquia de informação e da representação conceitual.

Além dos gráficos de barra horizontal, existem outros tipos utilizados de maneira recorrente
Explor

em infografia:
• Gráfico de Linha: Utilizado, principalmente, para apresentar grande quantidade de
informação numérica; pode apresentar evolução ou queda;
• Gráficos “Queijo” ou “Pizza”: Divide-se em categorias (fatias) a partir de um total de 100%;
• Gráficos de Área: útil para fazer comparativos por meio de proporção.

Entre as colunas, existe também margem, além de um fio (linha vertical), separando
visualmente cada coluna.

Figura 7
Fonte: Acervo do conteudista

16
 Na coluna da direita, temos informações adicionais a respeito da realização de tra-
balho voluntário, descrito com texto diagramado de maneira semelhante ao dos ob-
jetivos (início da coluna da esquerda), seguido de um tópico com o texto de descrição
das habilidades extras que a pessoa desenvolveu ao longo da experiencia profissional.

Logo após, vem a Tabela com a proficiência em idiomas que a pessoa possui e,
por fim, um quadro preenchido em cor escura, para que tenha maior peso visual,
pois nessa área estará o contato do profissional.

Constituem uma evolução das “listas”, pois também trazem informação em sequência, permi-
Explor

tindo fazer comparações entre os itens listados. Deve-se evitar número excessivo de colunas,
para que as informações não fiquem distantes uma da outra não permitindo comparação e,
também, preencher as linhas de maneira intercalada para facilitar a visualização.

Figura 8
Fonte: Acervo do conteudista

17
17
UNIDADE Infografia no Editorial Impresso

Material Complementar
Indicações para saber mais sobre os assuntos abordados nesta Unidade:

  Sites
Portfolio – Samuel Profeta
http://bit.ly/2Yeayyl

 Leitura
G1 – Publicitário faz Boneco-currículo para Buscar Emprego em SP e no RJ
Reportagem sobre a iniciativa do publicitário Henrique Murate em criar uma forma de
apresentação criativa.
https://glo.bo/2YdZPEf
G1 – Infográficos do G1 recebem prêmio internacional nos EUA
https://glo.bo/2YdZPEf
Super Interessante – Infográficos da SUPER faturam prêmios internacionais Malofiej
http://bit.ly/2Y9qKRz

18
Referências
AMBROSE, G. Layout. Porto Alegre: Bookman, 2014. (E-Book)

BRANDÃO, R.; KANNO, M. Manual de Infografia. São Paulo: Folha de S.Paulo/

Edição eletrônica, 1998.

COLLARO, A. C. Produção Gráfica: Arte e Técnica na Direção de Arte. 2.ed.

São Paulo: Pearson Prentice Hall, 2012. (E-Book)

KANNO, M. Infografe. São Paulo: Edição eletrônica, 2013.

19
19