You are on page 1of 4

NOES DE DIAGRAMAO

Segundo o dicionrio Aurlio, diagramar significa dispor graficamente (os elementos


da pea grfica: textos, ttulos, ilustraes, legendas, fios, vinhetas, etc) que devero
fazer parte de uma publicao. Quer dizer ainda gerenciar com base em programao
visual predeterminada.
A diagramao , segundo a mesma fonte, ato ou efeito de diagramar; elaborao
de leiaute ou esquema (de dimenses e formato iguais aos da publicao) em que
aparecem devidamente calculados e representados todos os elementos (textos, legendas,
fotos, ilustraes, etc.) que compem o material a ser impresso.
O principal objetivo da diagramao a articulao destes elementos de forma a:
- dotar a publicao de identidade, ou seja: articula-los de forma coerente e
personalizada a partir dos requisitos do projeto da publicao, de seu contedo e
pblico-alvo;
- assegurar a continuidade grfica, ou seja: estabelecer com o grid (malha) as
localizaes, formas, propores organizao para as pginas, de forma a que o usurio
(leitor) se sinta seguro em relao localizao dos contedos em cada uma das pginas
da publicao ao percorr-la.
- atender aos requisitos de comunicao, mercadolgicos e tecnolgicos estabelecidos
no conceito, ou seja: articular os elementos grficos para atendimento do conjunto de
objetivos do projeto, o que exige que o trabalho seja feito com mtodo e o resultado seja
analisado em relao s limitaes, ao estabelecimento de prioridades e, finalmente, que
se mostre como uma soluo vivel e adequada.
Em relao aos elementos textuais, o uso da diagramao busca assegurar:
- legibilidade. Que os textos, legendas, numeraes, etc. possam ser confortavelmente
lidas pelo pblico-alvo. importante notar que, por exemplo, leitores de faixas etrias
diferentes tm nveis diferentes de acuidade visual e, portanto, exigem famlias de tipos,
corpos e espaamentos diferentes.
- hierarquizao. As informaes textuais contidas em uma publicao normalmente
tm nveis diferentes de importncia durante a leitura. Isso deve ser considerado na
diagramao. O ttulo, por exemplo, dever ser mais legvel e visvel que os sub-ttulos
e estes mais que o corpo do texto. Usar fontes e corpos diferentes, alm de negritos,
itlicos e mudanas de cor so procedimentos adequados para atender a este requisito.
- continuidade. necessrio que o conjunto das pginas de uma publicao seja
percebido pelo usurio como uma unidade para que ele se sinta seguro ao percorrer a
publicao e possa se concentrar em seu contedo. Para que isso ocorra, necessrio
que os critrios adotados para a diagramao da publicao sejam consistentes o
suficiente para que a variao de contedos que ocorre a cada pgina no resulte em
fragmentao grfica da publicao. A continuidade resulta da utilizao dos mesmos
critrios de disposio dos elementos que a compem por todas as suas pginas.
-clareza da informao. importante observar que o principal interesse do leitor est na
absoro dos contedos da publicao. Sua forma grfica , sob certo aspecto, uma
interface. Fazendo uma comparao: para quem vai bater um prego, o martelo uma
ferramenta adequada e necessria. Entretanto, a ateno do seu usurio vai estar voltada
para o prego (se ele est posicionado, se no est entortando, etc.). Assim, embora
essencial, o martelo no deve atrair a ateno do usurio. Se o seu cabo de madeira
fosse, por exemplo, esculpido com belas imagens, poderia se tornar desconfortvel e,

por isso, exigir que o usurio dividisse sua ateno entre o prego e ele. Pelo mesmo
motivo, a diagramao deve ser entendida como um elemento facilitador do acesso ao
contedo da publicao. O uso no funcional de barras, vinhetas e outros elementos
grficos, bem como de outros elementos com nfase esttica em uma publicao podem,
ainda que a valorizassem do ponto de vista esttico, obstruir o acesso ao seu contedo.
INSERIR FIGURA 1
Em relao aos elementos grficos, busca-se assegurar com o uso da diagramao:
- continuidade. Fotos, figuras, ilustraes, etc. devem estar dispostas na publicao com
o uso dos mesmos critrios em cada uma das pginas que estejam. Alm disso, a
linguagem grfica e o tratamento grfico entre eles devem ser os mesmos (ou ao menos
coerentes entre si) para que o usurio os perceba como elementos de um mesmo
conjunto.
- proporcionalidade. Cada ilustrao deve ser inserida na publicao de acordo com sua
importncia como componente informacional do contedo da publicao. Imagens
importantes devem ter maiores dimenses que as de menor importncia. Alm disso,
cada ilustrao cumpre um papel especfico na composio grfica da pgina, tendo,
dessa forma, tambm uma misso esttica.
- inteligibilidade. As imagens precisam ser entendidas pelo usurio. O uso na
diagramao de elementos grficos que faam parte de seu repertrio, de sua cognio,
em dimenses e acabamentos adequados requisito para a correta comunicao dos
contedos no-textuais da publicao.
- configurao de composio. Cada pgina (ou conjunto de pgina par-impar quando a
publicao utilizada aberta) tem uma configurao grfica especfica em funo dos
contedos textuais e grficos que a compem. O usurio a percebe como uma
composio grfica, da mesma forma como aprecia uma obra de arte. Portanto, cabe no
processo de diagramao a ateno configurao que cada pgina adquire, sendo
necessrio buscar configuraes adequadas. Os princpios de composio devem ser
utilizados nessa busca.
INSERIR FIGURA 2
Diagramar criar uma composio grfica. Ela tecnicamente obtida via:
- o estabelecimento de um grid (malha geomtrica). A gerao de um conjunto de guias
articuladas que subdividam a rea da pgina de forma coerente sobre o qual se possa
distribuir os elementos textuais e grficos da publicao. Em publicaes de pginas
mltiplas, o grid deve se repetir a cada uma delas e ser utilizado sempre com os mesmos
critrios.
-a utilizao dos princpios de composio. A distribuio dos elementos na pgina visa
estabelecer a comunicao com o usurio. Assim, deve se basear nos princpios da
percepo visual (estudados pela Gestalt e pela Psicologia Cognitiva) pelos quais se
pode, tecnicamente, conduzir a ateno e o ritmo do usurio atravs dos componentes
grficos e textuais. Optar por composies simtricas ou assimtricas, inserir anomalias,
alterar tamanho e propores, dentre outros princpios forma de conduzir o usurio
pelos contedos facilitando a absoro da informao e, portanto, facilitando a
comunicao.
- domnio da gerao formal. Para tanto, necessrio dominar as tcnicas para criar
coerncia formal intra e interfigural, contedos pertencentes s leis da Simetria e aos
princpios para gerao controlada da forma. Se usar elementos isomorfos em uma

configurao propicia comunicao direta, utilizar elementos singenomorfos pode


enriquecer o processo de absoro dos contedos. Por outro lado, utilizar as operaes
de superposio de forma consistente auxilia fortemente o entendimento da composio
de cada pgina e permite sua reproduo por toda a publicao, dotando-a de mais
identidade e inteligibilidade.
INSERIR FIGURA 3
A GERAO DO GRID
O grid ou malha uma construo geomtrica articulada composta por linhas-de-guia
gerada para determinar os critrios organizacionais para a criteriosa distribuio dos
elementos grficos e textuais de uma pea grfica.
Entenda-se geometria como a parte da matemtica que trata das propriedades e
medidas da extenso nos seus trs aspectos: como linha, superfcie ou volume (slido)
conforme o dicionrio 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
construo para atender s necessidades formais, estticas e organizacionais de uma
determinada publicao ou pea grfica. oportuno lembrar que um dos principais
objetivos da diagramao dotar a pea grfica de identidade.
No obstante, a gerao da malha deve se assentar sobre critrios estticos e funcionais,
o que torna sua gerao uma tarefa ainda mais complexa.
Por esse conjunto de motivos, a gerao da malha para diagramao uma tarefa com
certo grau de complexidade e tem funo estratgica no projeto da pea grfica.
As ilustraes abaixo apresentam trs grids estabelecidos a partir desses critrios.
Figura 4 Exemplo de gerao de grid para localizao harmnica da mancha grfica
na pgina. Richard Hendel (capa do livro O Design do Livro).
Figura 5 Capa e pgina mpar evidenciando a malha. Note-se que os elementos
textuais do livro esto diagramados nas 3 colunas superiores. As ilustraes (muito
heterogneas em formato) e legendas foram locadas nas 6 colunas inferiores, com
critrio de flexibilidade. Do livro Layout de Allen Hurlburt.
Figura 06 Diagrama bsico, diagramao de linhas e colunas (pginas pares com texto
em Ingls com 3 colunas iguais e pginas mpares com duas colunas sendo uma dupla,
em portugus). Do livro Design Visual 50 Anos de Alexandre Wollner.
INTEGRAO GRFICA CAPA/MIOLO EM PUBLICAES
importante observar que o uso do mesmo grid na capa da publicao e nas pginas
internas fortalece a integrao grfica entre eles, dotando a publicao de maior unidade
e identidade.
A capa a embalagem da publicao. Dessa forma, ela expressa a promessa do
contedo. Capas graficamente desarticuladas das pginas internas oferecem uma falsa
promessa. Se apresentam caractersticas grficas mais refinadas ou consistentes que o
miolo, tendem a decepcionar o usurio. Por outro lado, capas pobres podem
desvalorizar o contedo da publicao.
DIAGRAMAO DE CARTAZES

Em linhas gerais, a diagramao de cartazes segue os mesmos objetivos e critrios da


diagramao de publicaes. Entretanto, seja pela sua no-repetio, seja pelo impacto
visual que esse tipo de pea grfica deve promover, o desenvolvimento do projeto e em
particular do estabelecimento do grid devem ser ainda mais exaustivos e tcnicos.
aconselhvel nesses casos que se gere alternativas de grids e layouts e que eles sejam
submetidos a avaliao de nvel de atendimento aos critrios de projeto.
ainda importante observar que na diagramao de cartazes e peas grficas correlatas
a liberdade para estabelecimento do grid geralmente maior que nas publicaes. Podese buscar efeitos de maior impacto grfico e composies mais apuradas.
So exemplos de diagramaes de cartazes:
Figura 07 Cartaz para exposio sobre Matemtica e Artes. Nesse diagrama pode-se
notar o necessrio dimensionamento a menor (largura) da ilustrao para buscar
equilbrio com os elementos textuais.
Figura 08 Cartaz sobre Identidade Cultural. Aqui o cartaz propriamente dito
(informaes textuais) esto locadas de forma radicalmente assimtrica, cabendo
ilustrao, na sua riqueza grfica, dominar a composio. As duas pequenas barras
(verde e azul) na parte superior do texto criam o link (cromtico) entre texto e
ilustrao.
Figura 09 Cartaz de empresa de produo fotogrfica. um cartaz muito precrio em
relao legibilidade e intelegibilidade. Est aqui como exemplo do uso de duas malhas
para a gerao do grid: uma para a retcula de fundo e outra para locao dos elementos
textuais.