07 - Noções de diagramação - completo

Prévia do material em texto

Curso de Design Gráfico
Disciplina Produção Gráfica 2
UFSC
01
PG
Segundo o dicionário Aurélio, diagramar significa “dispor uma publicação seja percebido pelo usuário como uma 
graficamente (os elementos da peça gráfica: textos, títulos, unidade para que ele se sinta seguro ao percorrer a 
ilustrações, legendas, fios, vinhetas, etc) que deverão fazer parte publicação e possa se concentrar em seu conteúdo. Para que 
de uma publicação”. Quer dizer ainda “gerenciar com base em isso ocorra, é necessário que os critérios adotados para a 
programação visual predeterminada”. diagramação da publicação sejam consistentes o suficiente 
para que a variação de conteúdos que ocorre a cada página 
A diagramação é, segundo a mesma fonte, “ato ou efeito de 
não resulte em fragmentação gráfica da publicação. A 
diagramar”; “elaboração de leiaute ou esquema (de dimensões e 
continuidade resulta da utilização dos mesmos critérios de 
formato iguais aos da publicação) em que aparecem 
disposição dos elementos que a compõem por todas as suas 
devidamente calculados e representados todos os elementos 
páginas.
(textos, legendas, fotos, ilustrações, etc.) que compõem o 
material a ser impresso”. ! clareza da informação. É importante observar que o 
principal interesse do leitor está na absorção dos conteúdos 
O principal objetivo da diagramação é a articulação destes 
da publicação. Sua forma gráfica é, sob certo aspecto, uma 
elementos de forma a:
interface. Fazendo uma comparação: para quem vai “bater” 
! dotar a publicação de identidade, ou seja: articula-los de um prego, o martelo é uma ferramenta adequada e 
forma coerente e personalizada a partir dos requisitos do necessária. Entretanto, a atenção do seu usuário vai estar 
projeto da publicação, de seu conteúdo e público-alvo; voltada para o prego (se ele está posicionado, se não está 
entortando, etc.). Assim, embora essencial, o martelo não ! assegurar a continuidade gráfica, ou seja: estabelecer com o 
deve atrair a atenção do usuário. Se o seu “cabo” de madeira grid (malha) as localizações, formas, proporções organização 
fosse, por exemplo, esculpido com belas imagens, poderia se para as páginas, de forma a que o usuário (leitor) se sinta 
tornar desconfortável e, por isso, exigir que o usuário seguro em relação à localização dos conteúdos em cada uma 
dividisse sua atenção entre o prego e ele. Pelo mesmo das páginas da publicação ao percorrê-la.
motivo, a diagramação deve ser entendida como um 
! atender aos requisitos de comunicação, mercadológicos e 
elemento facilitador do acesso ao conteúdo da publicação. 
tecnológicos estabelecidos no conceito, ou seja: articular os 
O uso não funcional de barras, vinhetas e outros elementos 
elementos gráficos para atendimento do conjunto de 
gráficos, bem como de outros elementos com ênfase estética 
objetivos do projeto, o que exige que o trabalho seja feito 
em uma publicação podem, ainda que a valorizassem do 
com método e o resultado seja analisado em relação às 
ponto de vista estético, obstruir o acesso ao seu conteúdo.
limitações, ao estabelecimento de prioridades e, finalmente, 
que se mostre como uma solução viável e adequada.
Em relação aos elementos textuais, o uso da diagramação busca 
assegurar:
! legibilidade. Que os textos, legendas, numerações, etc. 
possam ser confortavelmente lidas pelo público-alvo. É 
importante notar que, por exemplo, leitores de faixas etárias 
diferentes têm níveis diferentes de acuidade visual e, 
portanto, exigem famílias de tipos, corpos e espaçamentos 
diferentes.
! hierarquização. As informações textuais contidas em uma 
publicação normalmente têm níveis diferentes de 
importância durante a leitura. Isso deve ser considerado na 
diagramação. O título, por exemplo, deverá ser mais legível 
e visível que os sub-títulos e estes mais que o corpo do 
texto. Usar fontes e corpos diferentes, além de negritos, 
itálicos e mudanças de cor são procedimentos adequados 
para atender a este requisito.
! Continuidade. É necessário que o conjunto das páginas de 
NOÇÕES DE DIAGRAMAÇÃO
Figura 01 - Página de livro de receitas
Em relação aos elementos gráficos, busca-se assegurar com o ! o estabelecimento de um grid (malha geométrica). A geração 
uso da diagramação: de um conjunto de guias articuladas que subdividam a área 
da página de forma coerente sobre o qual se possa distribuir 
! continuidade. Fotos, figuras, ilustrações, etc. devem estar 
os elementos textuais e gráficos da publicação. Em 
dispostas na publicação com o uso dos mesmos critérios em 
publicações de páginas múltiplas, o grid deve se repetir a 
cada uma das páginas que estejam. Além disso, a linguagem 
cada uma delas e ser utilizado sempre com os mesmos 
gráfica e o tratamento gráfico entre eles devem ser os 
critérios.
mesmos (ou ao menos coerentes entre si) para que o usuário 
os perceba como elementos de um mesmo conjunto. ! a utilização dos princípios de composição. A distribuição 
dos elementos na página visa estabelecer a comunicação 
! proporcionalidade. Cada ilustração deve ser inserida na 
com o usuário. Assim, deve se basear nos princípios da 
publicação de acordo com sua importância como 
percepção visual (estudados pela Gestalt e pela Psicologia 
componente informacional do conteúdo da publicação. 
Cognitiva) pelos quais se pode, tecnicamente, conduzir a 
Imagens importantes devem ter maiores dimensões que as 
atenção e o ritmo do usuário através dos componentes 
de menor importância. Além disso, cada ilustração cumpre 
gráficos e textuais. Optar por composições simétricas ou 
um papel específico na composição gráfica da página, 
assimétricas, inserir anomalias, alterar tamanho e 
tendo, dessa forma, também uma “missão” estética.
proporções, dentre outros princípios é forma de conduzir o 
! inteligibilidade. As imagens precisam ser entendidas pelo usuário pelos conteúdos facilitando a absorção da 
usuário. O uso na diagramação de elementos gráficos que informação e, portanto, facilitando a comunicação.
façam parte de seu repertório, de sua cognição, em 
! Domínio da geração formal. Para tanto, é necessário 
dimensões e acabamentos adequados é requisito para a 
dominar as técnicas para criar coerência formal intra e 
correta comunicação dos conteúdos não-textuais da 
interfigural, conteúdos pertencentes às leis da Simetria e aos 
publicação.
princípios para geração controlada da forma. Se usar 
! configuração de composição. Cada página (ou conjunto de elementos isomorfos em uma configuração propicia 
página par-impar quando a publicação é utilizada aberta) comunicação direta, utilizar elementos singenomorfos pode 
tem uma configuração gráfica específica em função dos enriquecer o processo de absorção dos conteúdos. Por outro 
conteúdos textuais e gráficos que a compõem. O usuário a lado, utilizar as operações de superposição de forma 
percebe como uma composição gráfica, da mesma forma consistente auxilia fortemente o entendimento da 
como aprecia uma obra de arte. Portanto, cabe no processo composição de cada página e permite sua reprodução por 
de diagramação a atenção à configuração que cada página toda a publicação, dotando-a de mais identidade e 
adquire, sendo necessário buscar configurações adequadas. inteligibilidade.
Os princípios de composição devem ser utilizados nessa 
busca.
A GERAÇÃO DO GRID
O grid ou malha é uma construção geométrica articulada 
Diagramar é criar uma composição gráfica. Ela é tecnicamente 
composta por linhas-de-guia gerada para determinar os 
obtida via:
critérios organizacionais para a criteriosa distribuição dos 
Figura 02 - Página ilustrada de livro de Botânica
Figura 03 - Organização visual da página da figura 02
02
com critério de flexibilidade. Do livro Layout de Allen elementos gráficos e textuaisde uma peça gráfica.
Hurlburt.
Entenda-se geometria como a “parte da matemática que trata 
das propriedades e medidas da extensão nos seus três aspectos: 
como linha, superfície ou volume (sólido)” conforme o 
dicionário Michaelis a define. Isso deve ser entendido como 
muito mais que a tradicional malha ortogonal que se repete 
nos diagramas. O grid deve ser uma construção para atender às 
necessidades formais, estéticas e organizacionais de uma 
determinada publicação ou peça gráfica. É oportuno lembrar 
que um dos principais objetivos da diagramação é dotar a peça 
gráfica de identidade. 
Não obstante, a geração da malha deve se assentar sobre 
critérios estéticos e funcionais, o que torna sua geração uma 
tarefa ainda mais complexa.
Por esse conjunto de motivos, a geração da malha para 
diagramação é uma tarefa com certo grau de complexidade e 
 
tem função estratégica no projeto da peça gráfica.
As ilustrações abaixo apresentam três grids estabelecidos a 
Figura 06 Diagrama 
partir desses critérios.
básico, diagramação de 
linhas e colunas (páginas 
pares com texto em 
Inglês com 3 colunas 
iguais e páginas ímpares 
com duas colunas sendo 
uma dupla, em 
português). Do livro 
Design Visual 50 Anos 
de Alexandre Wollner.
 
INTEGRAÇÃO GRÁFICA CAPA/MIOLO EM 
PUBLICAÇÕES
É importante observar que o uso do mesmo grid na capa da 
publicação e nas páginas internas fortalece a integração gráfica 
entre eles, dotando a publicação de maior unidade e identidade. 
Figura 4 Exemplo de geração de grid para 
localização harmônica da mancha gráfica na página. A capa é a “embalagem” da publicação. Dessa forma, ela 
Richard Hendel (capa do livro O Design do Livro).
expressa a promessa do conteúdo. Capas graficamente 
desarticuladas das páginas internas oferecem uma falsa 
promessa. Se apresentam características gráficas mais refinadas 
ou consistentes que o miolo, tendem a decepcionar o usuário. 
Por outro lado, capas pobres podem desvalorizar o conteúdo 
da publicação.
DIAGRAMAÇÃO DE CARTAZES
Em linhas gerais, a diagramação de cartazes segue os mesmos 
objetivos e critérios da diagramação de publicações. Entretanto, 
seja pela sua não-repetição, seja pelo impacto visual que esse 
tipo de peça gráfica deve promover, o desenvolvimento do 
projeto e em particular do estabelecimento do grid devem ser 
ainda mais exaustivos e técnicos.Figura 5 Capa e página ímpar evidenciando a 
malha. Note-se que os elementos textuais do livro 
É aconselhável nesses casos que se gere alternativas de grids e 
estão diagramados nas 3 colunas superiores. As 
layouts e que eles sejam submetidos a avaliação de nível de ilustrações (muito heterogêneas em formato) e 
atendimento aos critérios de projeto.legendas foram locadas nas 6 colunas inferiores, 
50 5 50 5 50 2030
10
0
20
30
40
50
60
XX
03
É ainda importante observar que na diagramação de cartazes e efeitos de maior impacto gráfico e composições mais apuradas.
peças gráficas correlatas a liberdade para estabelecimento do 
São exemplos de diagramações de cartazes:
grid geralmente é maior que nas publicações. Pode-se buscar 
Figura 07 Cartaz para exposição sobre Matemática e Artes. Nesse diagrama pode-se notar o necessário 
dimensionamento a menor (largura) da ilustração para buscar equilíbrio com os elementos textuais.
Figura 08 Cartaz de empresa de produção fotográfica. É precário em relação à legibilidade e intelegibilidade. 
Exemplifica o uso de 2 malhas para a geração do grid: retícula de fundo e locação dos elementos textuais.
04
Figura 09 Cartaz sobre Identidade Cultural. Aqui o cartaz propriamente dito (informações textuais) estão 
locadas de forma radicalmente assimétrica, cabendo à ilustração, na sua riqueza gráfica, dominar a 
composição. As duas pequenas barras (verde e azul) na parte superior do texto criam o link (cromático) entre 
texto e ilustração.
05
Da mesma forma, outras peças gráficas podem (e devem) ser São exemplos de diagramações de marca e de embalagens, 
diagramadas a partir de um grid (malha). Dessa forma, se pode extraídos do livro de Alexandre Wolner:
obter o correto proporcionamento dos elementos gráficos e 
textuais que a compõem e, simultaneamente, gerar critérios de 
dimensionamento e organização em relação a peças conexas.
Criar padrão de diagramação em projeto de identidade visual da identidade visual da empresa Mausa, projetada por Wolner. 
permite também criar articulação gráfica entre as diversas São articulações entre catálogos técnicos, capas de relatórios e 
aplicações da marca, como pode ser visto no exemplo abaixo, papelaria administrativa. 
06
07
Uma utilidade adicional para o projeto diagramado: 
No papel timbrado, fica também determinado o 
preenchimento do documento (início e final de texto) e as 
marcas de dobra da folha, compatíveis com o preenchimento e 
as dimensões do envelope.
	Página 1
	Página 2
	Página 3
	Página 4
	Página 5
	Página 6
	Página 7