Unidade 3

Princpios de Design
composio unidade harmonia equilbrio contraste

Composio
o que classificao sintaxe visual percepo e significado dirigindo olhar

O que composio?
O processo de composio o passo mais crucial na soluo dos problemas
visuais. Ele que determina o objetivo e o significado da manifestao visual
influenciando diretamente o que recebido pelo espectador. nessa etapa do
processo criativo que o comunicador visual exerce o mais forte controle sobre seu
trabalho e tem a maior oportunidade de expressar, o estado de esprito que a obra
se destina a transmitir. O modo visual, porm, no oferece sistemas estruturais
definitivos e absolutos.
Uma boa estrutura de design o resultado de uma combinao inteligente dos
elementos que a compe.
Em design ns temos vrios elementos e devemos descobrir que cada elemento
serve a determinado propsito e que eles no so intercambiveis. Os melhores
resultados sero alcanados atravs da combinao do uso dos princpios com a
criatividade.

Classificao
Uma composio pode ser formal ou simtrica, informal ou assimtrica.
Formal ou simtrica

repousada e digna, porm esttica. Traando-se uma linha vertical imaginria

pelo centro da composio, os elementos de ambos os lados so anlogos.

figura 94

Informal ou assimtrica

dinmica e facilita a variedade. Equilbrio dos elementos sobre uma vertical,

assimetricamente dispostos. o mais usado em publicidade, por sua dinmica e
interesse natural.

figura 95

Sintaxe visual
Diferentemente da sintaxe lingistica, na visual as regras no so absolutas. O
que existe um alto grau de compreenso do que vai acontecer em termos de
significado, se fizermos determinadas ordenaes das partes. Muitos dos critrios
decorrem da investigao do processo da percepo humana.

Percepo e significado
Na criao de mensagens visuais, o significado se encontra nos efeitos
cumulativos e no mecanismo perceptivo universalmente compartilhado pelo
organismo humano.
A Gestalt tem buscando conhecer a importncia dos padres visuais e descobrir
como o organismo humano v e organiza a dinmica visual. Os componentes
fsico e o psicolgico so relativos, todo padro visual tem uma qualidade dinmica
que no pode ser definida apenas intelectual, emocional ou mecanicamente,
atravs de tamanho, direo, forma ou distncia.
Esses estmulos visuais so, na verdade, foras psicofsicas que modificam o
espao e ordenam ou perturbam o equilbrio; criando a percepo de um design,
de um ambiente ou de um objeto. No entanto, por mais abstratos que possam ser
os elementos psicofisiolgicos da sintaxe visual, possvel se definir seu carter
geral.
Seu significado coloca o intelecto em curto circuito, estabelecendo o contato
diretamente com as emoes e os sentimentos.
A informao visual tambm pode ter uma forma definvel, seja atravs de
significados incorporados, em forma de smbolos, ou de experincias
compartilhadas no ambiente e na vida, levando-nos a uma resposta conforme seu
significado.

Dirigindo o olhar
O designer deve usar cuidadosamente a colocao dos elementos para dirigir o
olhar do leitor atravs da pea. Uma falha neste aspecto leva ao bloqueio da
comunicao do conceito. As ferramentas que nos ajudaro incluem a posio dos
elementos e seu tamanho, contedo, valor e cor.
Alm de ser influenciada pelas relaes elementares com o traado estrutural, a
tenso visual maximizada de duas outras maneiras: o olho favorece a zona
inferior esquerda de qualquer campo visual. Traduzido em forma de representao
diagramtica, isso significa que existe um padro primrio de varredura do campo
que reage aos referentes verticais-horizontais, e um padro secundrio de
varredura que reage ao impulso perceptivo inferior-esquerdo.

figura 96

Unidade
o que modulao do espao ponto de ateno proporo diagrama
proximidade alinhamento repetio unidade e contraste o que considerar

O que unidade?
O todo maior que a soma de suas partes. Em uma composio possvel se
usar cada elemento - linha, letras, forma e textura... - de forma independente,
mas existe uma fora maior quando se coordena de maneira inteligente estes
elementos. Outras vezes, mesmo sendo os elementos independentemente
adequados, no o so quando juntos.
Existem vrios aspectos da composio que podem ser trabalhados para se
alcanar a unidade entre eles: a modulao do espao, a proximidade, o
alinhamento e a repetio.

Modulao do espao
So as diversas formas possveis de organizao dos elementos compositivos no
suporte, na pgina.
Sempre houve, na histria do design, a pesquisa de sistemas e frmulas que
pudessem auxiliar o artista na busca de solues para seus problemas. Os egpcios
e os maias aplicavam forma princpios matemticos que at hoje ainda esto por
ser completamente esclarecidos. Os designers clssicos da Acrpole de Atenas
fizeram elaboradas utilizaes da diviso urea: no estabelecimento das
propores de suas obras arquitetnicas, bem como os japoneses, lanaram mo
de sistemas modulares em suas telas e na sua arquitetura domstica.
Ainda buscando desenvolver formas equilibradas, foram desenvolvidos vrios
estudos para se construir formas ureas. So chamadas formas ureas as formas
geomtricas construdas a partir da regra de ouro. Essa regra uma aplicao
universal utilizada para regular a proporo de uma forma. Ela tem como mdulo a
proporo matemtica pi. Entre essas formas a mais conhecida e utilizada a do
retngulo ureo

Ponto de ateno
Do estudo das formas geomtricas surgiram outros conceitos que ajudam a
modular o espao da composio grfica.
O centro geomtrico o ponto onde se cruzam as diagonais de qualquer forma
geomtrica. O centro real ou centro ptico de um projeto grfico no o

geomtrico, est situado acima daquele. Sua altura varivel, dependendo da

relao entre a largura e a altura.

figura 97

Proporo
Proporo significa a harmonia das partes componentes do todo, de que derivam as leis de
simetria. (Vitruvio)

As linhas compositivas primrias so as diagonais e as perpendiculares a estas

baixadas dos vrtices que implantam a proporo. Esse traado constitui a
estrutura bsica, destacando-se como ponto de interesse para a composio as
intersees normais dessas linhas. As linhas compositivas secundrias so as
paralelas e perpendiculares aos lados, desde que no dividam a superfcie em
partes iguais.

Diagrama
Diagrama a estrutura que apia o design. Na grande maioria das vezes, essa
estrutura no aparente. O conceito de unidade est fortemente relacionado com
a idia de um diagrama. Isto quer dizer, uma estrutura sobre a qual os elementos
so ordenados. Pode-se considerar que o diagrama est por trs do design, e
geralmente ser invisvel no final. Por causa do diagrama e porque estamos
utilizando elementos semelhantes, pode-se observar uma coerncia ao se colocar
estes padres lado a lado.

figura 98

De um modo geral, um diagrama uma soluo planejada para solucionar

determinados problemas de composio, sem, contudo, se basear num conjunto
preestabelecido de propores. O diagrama de um designer, organiza um contedo
especfico em relao ao espao que ele ir ocupar. Quando funciona, o diagrama
permite ao designer criar diferentes layouts contendo uma variedade de
elementos, sem, todavia, fugir da estrutura predeterminada.
Utilizado no design de uma publicao, numa campanha de propaganda, no
planejamento de uma coleo, o diagrama proporcionar um sentido de seqncia,
de unidade, mesmo que haja variaes considerveis no contedo de cada
unidade.
O conceito de diagrama tem sido aplicado a uma variedade muito ampla de
problemas de design: livros, revistas, catlogos, relatrios anuais, jornais,
folhetos, sistemas de sinalizao e campanhas de publicidade. A chave criativa
para o diagrama de um designer a relao cuidadosamente planejada entre as
divises horizontais e verticais e, como estas se relacionam no aspecto global do
design.
Ao determinar as melhores propostas de um diagrama, o designer pode depender
inteiramente da sua intuio ou pode basear seu sistema na diviso do espao.
Um diagrama pode criar unidade de vrias formas: com o uso de uma moldura
forte, com a largura da coluna de texto, com o mesmo espao entre as colunas,
com o tamanho das letras, com a posio da numerao, com um layout comum a
cada abertura de seo.
O diagrama, quando seguido rigidamente funciona para unificar o desenho bsico,
s vezes comprometendo a liberdade de expresso do designer.

Uma vez que a estrutura bsica esteja no lugar, o designer criativo pode escapar
do diagrama para dar vida ao design. O diagrama pode ser muito simples ou muito
complexo, com um lugar pr-determinado para quase todo elemento.

Proximidade
Uma pgina onde os elementos esto espalhados, ocupando espaos e
preenchendo cantos, eliminando espaos livres, assume uma aparncia
desordenada e possibilita maior inacessibilidade ao leitor.

figura 99

Segundo o princpio da proximidade, itens relacionados entre si devem ser

agrupados e aproximados uns dos outros, para que sejam vistos como um
conjunto coeso Itens ou conjuntos de informaes que no esto relacionados
entre si no deveriam estar prximos; isso oferece ao leitor uma pista visual
imediata da organizao e do contedo da pgina.
O propsito bsico da proximidade o de organizar, tornando a leitura e a
memorizao mais fcil. Como resultado da organizao da comunicao, tambm
se criam brancos(espaos negativos) mais atraentes e mais organizados.
Quando vrios itens esto prximos entre si, eles se tornam uma unidade visual e
no vrias unidades separadas.

figura 100

Vrias coisas acontecem quando elementos similares so agrupados em uma

unidade. A pgina fica mais organizada. possvel saber por onde comear a
leitura e onde termin-la. Alm disso, o espao em branco tambm fica mais
organizado.
Na criao de um anncio, folheto, boletim ou de outro material, j se sabe desde
o incio, pela lgica, quais informaes esto conectadas, quais informaes devem
ser enfatizadas e o que pode ser abrandado.
s vezes, ao agrupar itens relacionados, torna-se necessrio fazer algumas
alteraes, como de tamanho, peso, posicionamento de texto ou de figuras.
O conceito de proximidade significa que os elementos logicamente conectados,
com algum tipo de ligao, deveriam estar visualmente conectados. Outros
elementos separados ou conjuntos de elementos no deveriam estar juntos. A
proximidade ou sua falta indica a relao.
Se houver muitos itens separados, temos que ver quais deveriam ser colocados
mais prximos entre si. Se houver reas da pgina nas quais a organizao no
est perfeitamente clara, vejamos se existem itens deslocados.
Realmente, a proximidade apenas uma questo de nos conscientizarmos e
fazermos o que j se faz naturalmente, mas com conscincia das relaes entre as
linhas de texto Uma vez cientes da importncia das relaes entre as linhas de
texto, comearemos a ter conscincia deste efeito.
Lembre-se: Quando vrios itens estiverem prximos, eles formaro uma unidade
visual e no vrias unidades individuais. Os itens relacionados entre si devem ser
agrupados. Veja para onde os olhos se dirigem. Qual o caminho que eles
seguem? Onde termina a leitura? Aps a leitura, para onde os olhos vo? Devemos
seguir uma progresso lgica durante a leitura da pgina, tendo noo definida do
incio e do fim.
O que evitar

1. Vamos evitar muitos elementos separados em uma pgina.

2. No colocar os itens somente nos cantos e no meio da pgina.

3. Evitar deixar quantidades iguais de espaos em branco entre os elementos, a
no ser que cada conjunto seja parte de um subgrupo.
4. Evitar criar qualquer dvida quanto relao dos elementos entre si, ou seja,
cada subttulo, legenda, imagem etc. devem estar junto a seu respectivo par.
Vamos criar uma relao entre os elementos atravs da proximidade.
5. No relacionar elementos que no devam estar agrupados! Se eles no
estiverem relacionados, vamos separ-los.

Alinhamento
A unidade um conceito muito importante no design. Para que todos os elementos
da pgina tenham uma esttica unificada, conectada e interrelacionada, preciso
que haja amarras visuais entre os elementos separados. Mesmo que eles no
estejam prximos fisicamente na pgina, podem parecer conectados, relacionados,
unificados, simplesmente devido ao seu posicionamento.
Uma pgina compara-se a uma cozinha. No muito difcil arrumar uma cozinha
um pouco bagunada, assim como no muito difcil arrumar uma pgina
confusamente diagramada, com alinhamentos mal-determinados.

figura 101

Segundo o princpio do alinhamento, nada deve ser colocado arbitrariamente

em uma pgina. Cada item deve ter uma conexo visual com algo na pgina.
O propsito bsico do alinhamento o de unificar e organizar a pgina. O
resultado um pouco similar ao que acontece quando pegamos todos os
brinquedos de um beb que estavam espalhados pelo cho da sala e os colocamos
em uma caixa de brinquedos.
Normalmente um alinhamento marcante que cria uma aparncia sofisticada,
formal, engraada ou sria.

Temos que estar conscientes do posicionamento dos elementos na pgina.

Encontrando sempre algo a mais na pgina para fazer o alinhamento, mesmo que
os dois objetos estejam fisicamente distantes.

figura 102

O princpio do alinhamento obriga a pessoa a ser mais consciente: j no se pode

simplesmente jogar as coisas na pgina nos lugares onde houver espao.
Quando os itens so alinhados na pgina, h uma unidade coesa, mais forte.
Mesmo quando os elementos estiverem fisicamente separados uns dos outros, se
estiverem alinhados, haver uma linha invisvel conectando-os, tanto em relao
aos seus olhos quanto a sua mente

figura 103

O alinhamento centralizado o mais usado pelos iniciantes: muito seguro e a

sensao de us-lo de conforto. Este alinhamento cria uma aparncia mais
formal, mais comum e sem brilho. Vamos dar uma olhada em algumas
diagramaes. A maioria dos materiais com uma esttica sofisticada no est

centralizada. s vezes possvel dar uma pitada de graa opo centralizada,

como, por exemplo, centralizar o texto colocando o prprio bloco de texto fora de
centro. Outra opo colocar as letras mais acima na pgina, para criar mais
tenso; podemos tambm usar uma fonte muito casual e engraada, com um
alinhamento muito formal, centralizado.
Devemos utilizar apenas um alinhamento de texto por pgina, ou seja, o texto
deve ser todo alinhado esquerda, alinhado direita ou centralizado.
s vezes possvel utilizar os alinhamentos direita e esquerda na mesma
pgina, mas importante que se certifique de alinhar os elementos de alguma
maneira.

figura 104

Quando colocarmos outros itens na pgina, importante que cada um deles tenha
um alinhamento visual com outro item da pgina. Se as linhas de texto estiverem
horizontais, alinhemos suas linhas de base. Se houver vrios blocos de texto
separados, vamos alinhar suas laterais direitas ou esquerdas. Se houver figuras,
alinhar suas laterais com outras laterais existentes na pgina. Nada deve ser
posicionado arbitrariamente na pgina!

figura 105

Provavelmente a falta de alinhamento seja a maior causa de materiais com uma

aparncia antiesttica. Os olhos gostam de ver tudo em ordem, pois isso cria uma
sensao de calma e segurana.
Em qualquer material com um bom design possvel desenhar linhas sobre os
objetos alinhados, mesmo que as apresentao do material seja composta por
itens muito diferentes.
Um inconveniente com os materiais criados por pessoas que no conhecem design
a sutil falta de alinhamento, como ttulos centralizados e subttulos com
pargrafos de endentao.

figura 106

Estes pequenos desalinhamentos contribuem para que a pgina fique visualmente

desorganizada.
Os primeiros pargrafos costumam ser deixados sem endentao. O objetivo de
endentar um pargrafo o de indicar o incio de um novo pargrafo, mas sempre
se sabe que o primeiro tambm um pargrafo.
Em uma mquina de escrever, a endentao comum de cinco espaos. No caso
das letras proporcionais utilizadas no computador, a endentao tipogrfica padro
se assemelha a dois espaos.
Ateno ao contorno irregular da letra. Ajustemos as linhas de maneira que a
lateral direita fique o mais suave possvel.
Se houver fotos ou ilustraes, vamos alinh-las com urna das laterais e/ou com a
linha de base.

figura 107

Mesmo em um material que tenha uma abertura bem diagramada e um bom

design, uma sutil inexistncia de alinhamento costuma ser o problema-chave para
a falta de esttica mais profissional.
Ateno no caso de ilustraes que ficam um pouco desalinhadas para fora da
margem, de legendas que estiverem centralizadas sob as fotos, de ttulos que no
estiverem alinhados com o texto, ou de uma combinao de texto centralizado
com texto alinhado esquerda.
Lembre-se: Nada deve ser colocado arbitrariamente em uma pgina. Cada
elemento deveria ter alguma conexo visual com outro elemento da pgina.

Repetio
Como dar unidade ao design sem usar um diagrama? Um jeito usar elementos
que so semelhantes. Mas isto, levado ao extremo, pode criar um desenho com
pouco apelo visual, ao eliminar o contraste.
O princpio da repetio afirma que algum aspecto do design deve repetir-se
no material inteiro. O elemento repetitivo pode ser uma fonte em negrito, um fio
(linha) grosso, algum sinal de tpico, um elemento do design, algum formato
especfico, relaes espaciais etc. Pode ser qualquer item que o leitor reconhea
visualmente.
O propsito bsico da repetio unificar e acrescentar interesse visual. No
podemos subestimar o interesse visual de uma pgina: se ela for interessante, sua
leitura ser mais agradvel e provavelmente mais lida.
Ns utilizamos a repetio nos nossos trabalhos: quando criamos ttulos com
mesmo tamanho e mesmo peso, quando colocamos um fio no final de cada
pgina, quando usamos o mesmo sinal de tpico em cada listagem referente ao
mesmo trabalho. Estes so todos exemplos de repetio. Ela a consistncia, o
que d a coeso.

figura 108

Porm, a repetio vai alm da simples consistncia: um esforo consciente para

unificar todos os elementos do design.
Se voc estiver trabalhando com um material forte, consistente, poder utilizar
alguns elementos-surpresa. Sugesto: guardar essas surpresas para o uso em
itens sobre os quais queiramos atrair muito a ateno do leitor.
A repetio ajuda a organizar as informaes. Ela ajuda a guiar o leitor pelas
pginas e a unificar partes distintas do design (da diagramao) do material.
Mesmo que o documento tenha apenas uma pgina, a repetio dos elementos

estabelece uma continuidade sofisticada. Se estivermos criando vrios documentos

de uma nica pgina que faam parte de um pacote unificado, extremamente
importante usar a repetio.
Se houver um elemento que agrade, vamos trabalhar com ele! Talvez seja um clip
art ou uma fonte mais desenhada. Sinta-se livre para acrescentar um item
completamente novo apenas para criar a repetio ou, ainda, escolher um simples
elemento e utiliz-lo de vrias maneiras: em diferentes tamanhos, cores ou
ngulos.

figura 109

s vezes os elementos repetidos no so exatamente os mesmos objetos, mas so

to interligados e relacionados que sua conexo se torna bvia .
Em geral podemos usar elementos repetitivos que nada tm a ver com o objetivo
da pgina criada. Por exemplo, colocando alguns petrglifos ou alguns pssaros
estranhos em um relatrio. Escolhendo caracteres particularmente bonitos da
fonte que estiver utilizando e colocando-os em tamanhos maiores, em cinza ou em
uma segunda cor mais luminosa. Vamos aplique-los em vrios ngulos no
material.

figura 110

Lembre-se:
A repetio de elementos visuais no design unifica e fortalece o material,
agrupando partes que seriam separadas. O recurso da repetio muito til em
peas de uma s pgina e essencial em documentos de muitas pginas (neste
caso, a repetio considerada como consistncia).
O que evitar

Evite repetir o elemento em demasia, para que ele no se torne enfadonho ou

excessivo. Estejamos conscientes do valor do contraste; excessivo, torna-se
espalhafatoso confundindo o foco.

Unidade x Contraste
Geralmente, quanto mais o mesmo alguma coisa , mais experimentamos a
monotonia. Ento, a unidade importante, mas no s custas do contraste, que
proporciona o interesse.
Obter um bom equilbrio entre unidade e contraste um caso de habilidade e
sensibilidade. De um lado temos o contraste total - que pode ser definido como
caos - e de outro a total unidade, que pode ser definida como uma mesmice que
enjoa. Atravs da prtica achamos o ponto mgico de equilbrio, que permite que
o design mantenha o interesse sem parecer desconectado.

O que considerar na busca de unidade

1. O design pede por um diagrama?

2. Quo complexo o diagrama deve ser?

3. Pode ser bom sair fora do diagrama ?
4. Obtivemos unidade atravs do uso de elementos semelhantes?
5. O design dirige o olhar?
6. Foram eliminados os elementos desnecessrios?

Harmonia
o que ordem regularidade desarmonia desordem irregularidade

O que harmonia?
A harmonia diz respeito disposio formal bem organizada no todo ou entre as
partes de um todo. Na harmonia, predominam os fatores de equilbrio, de ordem e
de regularidade visual inscritos no objeto ou na composio possibilitando,
geralmente, uma leitura simples e clara.
A harmonia , em sntese, o resultado de uma perfeita articulao visual na
integrao e coerncia formal das unidades ou partes daquilo que apresentado,
daquilo que visto.

figura 111

Ordem
A harmonia por ordem acontece quando se produz concordncias e uniformidades
entre as unidades que compem as partes do objeto ou o prprio objeto como um
todo.
Obtm-se ordem pela presena de relaes ordenadas naquilo que visto ou,
ainda, por compatibilidade de linguagens formais. Ou seja, quando no existem
alteraes ou conflitos formais no padro ou no estilo do objeto.

figura 112

Regularidade
A obteno da harmonia por regularidade consiste, basicamente, em favorecer a
uniformidade de elementos no desenvolvimento de uma ordem tal onde no se
permitam irregularidades, desvios ou desalinhamentos e, na qual, o objeto ou
composio alcance um estado absolutamente nivelado em termos de equilbrio
visual.

figura 113

Desarmonia
A desarmonia a formulao oposta da harmonia. A desarmonia , em sntese, o
resultado de uma desarticulao na integrao das unidades ou partes
constitutivas do objeto, daquilo que visto.
Ela se caracteriza pela apresentao de desvios, irregularidades e desnivelamentos
visuais, em partes ou no objeto como um todo.

figura 114

Desordem
A desarmonia por desordem visual acontece quando se produz discordncias entre
elementos ou unidades dentro de partes de um todo ou do prprio objeto como
um todo.
A desarmonia por desordem se caracteriza tambm pela ausncia de relaes
ordenadas naquilo que visto ou por incompatibilidades de linguagens formais ou,
ainda, quando os desvios so bastante fortes para alterar o padro ou estilo visual
do objeto.

figura 115

Irregularidade
A desarmonia por irregularidade um fator oposto ao de regularidade. Ela se
caracteriza pela ausncia de ordem e de nivelamento.
No obstante, este conceito pode ser utilizado como um fator muitas vezes
estratgico, com o propsito de causar efeitos visuais inesperados ou inslitos do
ponto de vista psicolgico.

figura 116

Equilbrio
o que peso e direo simetria assimetria desequilbrio tenso o que
considerar

O que equilbrio?
A mais importante influncia tanto psicolgica como fsica sobre a percepo
humana a necessidade que o homem tem de equilbrio, de ter os ps firmemente
plantados no solo e saber que vai permanecer ereto. O equilbrio , ento, a
referncia visual mais forte e firme do homem, sua base consciente e inconsciente
para fazer avaliaes visuais.
O equilbrio o estado no qual as foras, agindo sobre um corpo, compensam-se
mutuamente. Ele conseguido, na sua forma mais simples, por meio de duas
foras de igual resistncia que puxam em direes opostas. Esta definio fsica
aplicvel tambm ao equilbrio visual. O sentido da viso experimenta equilbrio
quando as foras fisiolgicas correspondentes no sistema nervoso se distribuem
de tal modo que se compensam mutuamente.
O equilbrio, tanto fsico como visual, o estado de distribuio no qual toda a
ao chegou a uma pausa. Por exemplo, numa composio equilibrada todos os
fatores como configurao direo e localizao determinam-se mutuamente de tal
modo que nenhuma alterao parece possvel e o todo assume o carter de
necessidade de todas as partes.
Ele to fundamental na natureza quanto no homem. o estado oposto ao
colapso, ou caos.

figura 117

Peso e direo
Sempre h mais de uma maneira de se alcanar o equilbrio. Peso e direo so
propriedades que exercem influncia particular sobre o equilbrio. O peso sempre
um efeito dinmico.
Imagine uma pessoa sentada numa gangorra com o assento em que ela est
apoiada na terra e o outro no ar. Qual o tipo de peso que ela precisa para
equilibrar o dela? A resposta lgica seria uma pessoa do mesmo peso. Mas no
a nica, poderiam, por exemplo, ser duas pessoas com a metade do peso.
Uma pessoa menor tambm equilibra o peso, se estiver mais perto do centro.
Alis, se ela estiver no centro no precisa da ajuda de outra pessoa. Ainda, se
deslocar a barra que sustenta a gangorra, pode criar um novo centro de equilbrio.
Assim sendo, o peso sofre influncia da localizao. Uma posio forte no
esquema estrutural pode sustentar mais peso do que uma localizada fora do
centro ou afastada da vertical ou horizontal centrais.
Isto significa, por exemplo, que um objeto colocado no centro pode ser
contrabalanado por outros menores colocados fora dele.

figura 118

Quanto maior for a profundidade alcanada por uma rea do campo visual, maior
ser o seu peso.

figura 119

O peso conseguido atravs da cor pode ser contrabalanado, por exemplo, pelo
peso atravs da localizao.

figura 120

A direo da forma pode ser equilibrada pelo movimento em direo a um centro

de atrao.
Cada uma das direes visuais tem um forte significado associativo e so uma
valiosa ferramenta tanto para solues projetuais de objetos como para a
composio de mensagens visuais.
O ordenamento horizontal-vertical constitui a relao bsica do homem com seu
meio ambiente. Essa conscincia interiorizada da firme verticalidade em relao a
uma base estvel externamente expressa pela configurao visual, por uma
relao horizontal-vertical do que est sendo visto e por seu peso relativo em
relao a um estado de equilbrio. Mas alm do equilbrio simples e esttico existe

o processo de ajustamento a cada variao de peso, que se d atravs de uma

reao de contrapeso.
Em design o equilbrio tem peso porque ns estamos nos equilibrando em quase
tudo que fazemos. Equilibrar os elementos no design no significa
necessariamente usar a simetria com elementos pares - pense por exemplo no
trip - que se equilibra num nmero mpar de pernas.

Simetria.
A simetria um equilbrio axial que pode acontecer em um, ou mais de um eizo.
nas posies: horizontal, vertical, diagonal ou inclinada. uma configurao que
d origem a formulaes visuais iguais, ou seja, as unidades de um lado so
idnticas s do outro lado.
Agrupamentos simetricamente organizados tendem a ser percebidos mais
facilmente do que agrupamentos assimtricos. Sua utilizao pode resultar em
algo enfadonho, sem graa e esttico. Nesse caso, deve-se jogar com outros
conceitos formais de equilbrio, para tornar a composio ou o objeto mais
interessante.

figura 121

Ao usar uma linha, se nosso objetivo alcanar simetria total - isto , um desenho
que est centralizado em todos os sentidos - ficamos muito limitados. Agora
vamos usar a mesma linha num ngulo de 45, no d a mesma sensao de
simetria, mas ainda est em equilbrio. A linha para o outro lado sugere uma
mudana muito sutil.

Assimetria
A assimetria a ausncia de simetria. Ou seja, nenhum dos lados opostos so
iguais, ou mesmo semelhantes, em nenhum dos eixos de referncia: horizontal,
vertical ou diagonal. A sua utilizao para se conseguir equilbrio visual
geralmente complexa. Para se obter um resultado interessante com o fator
assimtrico, requer-se o ajuste de muitas foras que, quando conseguido, valoriza
extraordinariamente o objeto ou a composio do ponto de vista plstico ou de
instigao psicolgica.
Assim sendo, o equilbrio no requer, necessariamente, perfeita simetria. De fato,
se os desenhos simetricamente perfeitos podem ser muito atraentes, as
possibilidades se ampliam quando usamos o equilbrio para criar interesse sem nos
prender a isto.
Por exemplo: escolhendo uma linha com mais ou menos a mesma massa de uma
bola, no podemos criar um desenho perfeitamente simtrico com estes dois
elementos. O nico modo de criar uma perfeita simetria introduzindo outra bola
ou linha.
Quando uma linha no est centralizada na pgina o design fica fora de equilbrio;
ao mesmo tempo cria uma sensao que o desenho equilibrado no traz. Por
vezes o interesse conquistado pela falta de equilbrio refora o impacto do design.

Desequilbrio
a formulao oposta do equilbrio. Ou seja, o estado no qual as foras agindo
sobre um corpo no conseguem se equilibrar mutuamente.

figura 122

Uma composio ou um objeto formal ou visualmente desequilibrado parece

acidental, transitrio e, portanto, instvel. Numa composio ou num objeto, os

elementos constitutivos apresentam uma tendncia para mudar de lugar ou forma,

a fim de conseguir um estado que melhor se relacione com a estrutura total.
Naturalmente, esta instabilidade pode ser utilizada como uma tcnica compositiva
para provocar, inquietar, surpreender ou chamar a ateno do observador.
O desequilbrio pode ter diferentes nveis de tenso.

Tenso
Muitas coisas no meio ambiente parecem no ter estabilidade. Essa sensao de
falta de estabilidade chamada de tenso. Para criar uma sensao diferente,
podemos experimentar usar os mesmos elementos ignorando intencionalmente o
equilbrio. Todos eles podem atuam no espao do formato de maneiras diversas
criando tenso.
s vezes a tenso til para comunicar uma sensao, vezes ela adicionada
para criar interesse ao deixar o desenho fora de equilbrio.
Mesmo formas geomtricas simples como o crculo apresentam um certo nvel de
tenso.
No entanto, no ato de ver, buscamos conferir estabilidade impondo a qualquer
forma ou composio eixos imaginrios. O eixo vertical que analisa e determina
seu equilbrio enquanto forma, e, em seguida a base horizontal como referncia
que completa a sensao de estabilidade. Constitui um processo inconsciente.
As opes visuais para qualquer composio so polaridades expressas em termos
de regularidade e simplicidade de um lado, e de variao complexa e inesperada
de outro. A escolha entre essas opes determina a resposta do espectador, tanto
em termos de repouso e relaxamento quanto de tenso.

figura 123

A tenso no boa nem m. Na teoria da percepo, seu valor est no modo

como usada na comunicao visual, isto , de que maneira refora o significado,
o propsito e a inteno, e, alm disso, como pode ser usada como base para a
interpretao e a compreenso.
A tenso e o processo de estabelecer o eixo vertical e horizontal e as reas
primrias e secundrias de ateno, so responsveis pela ateno e o predomnio
compostivo.
O processo de estabelecer o eixo vertical e a base horizontal atrai o olho com
muito maior intensidade para ambos os campos visuais, dando-lhes
automaticamente uma maior importncia em termos compositivos. Assim, um
elemento visual colocado no local onde se encontra o eixo sentido, v-se
automaticamente enfatizado.
Com relao a importncia da localizao dos elementos na pgina observa-se que
a informao visual contida no painel central predomina, em termos compositivos,
em relao aos painis laterais. A rea axial de qualquer campo sempre aquilo
para o que olhamos em primeiro lugar; em seguida para metade inferior do
campo, a referncia horizontal.

figura 124

O que considerar na busca pelo equilbrio.

1. A idia pede por simetria ou por um equilbrio assimtrico?
2. O design pede tenso?
3. Que elementos usar para obter equilbrio?
4. O equilbrio est sugerindo uma sensao que refora a idia?
5. O conceito e a arte esto bem coordenadas no que diz respeito ao equilbrio?

Contraste
o que expresso atrao visual conflito dirigindo o olhar contradio tipos
o que considerar
Urna obra de arte uma composio de tenses e resolues, equilbrio e desequilbrio,
coerncia rtmica: uma unidade precria, porm contnua. A vida um processo natural
composto por essas tenses, equilbrios e ritmos; isso o que sentimos, quando calmos ou
emocionados, como o pulso de nossa prpria vida. Susanne Langer, em seu ensaio The
Dynamic Image

O que contraste?
A importncia e o significado do contraste comeam no nvel bsico da viso
atravs da presena ou ausncia da luz. a fora que torna visvel as estratgias
da composio visual. de todas as tcnicas, a mais importante para o controle
visual de uma mensagem bi ou tridimensional. tambm um processo de
articulao visual e uma fora vital para a criao de um todo coerente.
Em todas as artes, o contraste uma poderosa ferramenta de expresso, o meio
para intensificar o significado e, portanto, para simplificar a comunicao.
Na verdade, assim que adicionamos qualquer elemento a uma pgina em branco
j estamos utilizando o contraste. Ele automtico.
O contraste , tambm, uma contra-fora tendncia do equilbrio absoluto, ele
desequilibra, sacode, estimula e atrai a ateno.
Os objetivos bsicos do contraste so criar interesse sobre uma pgina e auxiliar
na organizao das informaes. O leitor deveria ser capaz de compreender
instantaneamente a maneira atravs da qual as informaes so estruturadas, o
fluxo lgico de um item para outro. Os elementos contrastantes nunca deveriam
confundir o leitor ou criar um foco que no seja o correto.

figura 125

Expresso
O contraste, como estratgia visual para aguar o significado, no s excita e atrai
a ateno do observador, como tambm, capaz de dramatizar esse significado
para faz-lo mais importante e mais dinmico.
Esta intensificao do significado consiste na supresso do desnecessrio levando
ao natural enfoque do essencial.

figura 126

O contraste um instrumento essencial da estratgia de controle dos efeitos

visuais, e, conseqentemente, do significado. Mas o contraste , ao mesmo tempo,
um instrumento, uma tcnica e um conceito. Em termos bsicos, nossa
compreenso do liso mais profunda quando o contrapomos ao spero.
Ao compararmos o dessemelhante, aguamos o significado de ambos os opostos.
O contraste um caminho fundamental para a clareza do contedo em arte e
comunicao.
Mas o impulso demonstrado pelo contraste entre os opostos deve ser manipulado
com delicadeza tendo em vista o principal objetivo de uma manifestao visual,
sua expresso, a transmisso de idias, informaes e sentimentos.
O contraste o aguador de todo significado, o definidor bsico das idias.
Entendemos muito mais uma qualidade quando a contrapomos seu contrrio.
O amor, por exemplo, pode ser sugerido por curvas, formas circulares, cores
quentes, texturas macias e propores semelhantes. O dio, como seu oposto,
poderia ser intensificado por ngulos, formas retas, cores agressivas, texturas
speras e propores dessemelhantes.
Podemos explicar mais facilmente o alto se o compararmos com o baixo,
sobretudo quando so usados estmulos visuais.

Atrao visual
O contraste pode ser utilizado, no nvel bsico de construo e decodificao do
objeto, com todos os elementos bsicos: linhas, tonalidades, cores, direes,
contornos, movimentos e, sobretudo, com a proporo e a escala. Todas essas
foras so valiosas na ordenao dos input e output visuais, realando a
importncia do contraste para o controle do significado e da organizao visual .
uma maneira eficaz para acrescentar algum atrativo visual a uma pgina , criando
uma hierarquia organizacional entre diferentes elementos. O que de v ser
lembrado que para o contraste ser realmente eficaz, ele deve ser forte.
A proporo importante na manipulao compositiva do campo. Assim, para
expressar a nfase na dessemelhana, o ponto principal deve ocupar a maior
proporo do espao a ele dedicado.
A maneira mais fcil de acrescentar contraste a um material para torn-lo
interessante trabalhar com as fontes. Mas no podemos nos esquecer dos fios,
do espaamento entre os elementos, das texturas etc.
Se utilizarmos colunas altas e estreitas no boletim, faamos alguns ttulos mais
fortes para criar um direcionamento horizontal contrastante na pgina.

Conflito
Cria-se o contraste quando dois elementos so diferentes. Se eles diferirem um
pouco mas no muito acontecer um conflito. Assim, se dois itens no forem
exatamente os mesmos, diferencie-os completamente.

Aplique contraste nas opes de tipologia, nas espessuras das linhas, nas cores,
nas formas, nos tamanhos, nos espaos etc. Criar elementos marcantes a
maneira de criar interesse visual.

Dirigindo o olhar
O contraste um ponto crtico na organizao das informaes; o leitor sempre
deveria ser capaz de, primeira passada de olhos sobre um material,
compreender imediatamente o que ele representa.

figura 127

Contradio
Enquanto os elementos do design so geralmente utilizados para apoiar o
contedo da mensagem, o contraste pode ser usado para criar uma contradio.

figura 128

Tipos de contraste
O contraste pode ser criado com o uso do tamanho, da cor, da forma, da textura,
da tipologia, etc., escolhendo a combinao que melhor representa a idia que
vamos comunicar.
Contraste de luz e tom

O contraste por luz e tom baseia-se nas sucessivas oposies de claro-escuro. O

efeito da luz, reproduzindo-se sobre os objetos, cria a noo de volume. figura 62.
Na pgina impressa, o contraste de valor assume muitas formas: a relao do
negrito e a linha branca na composio; a imagem negativa ou reversa jogada
contra a imagem positiva; a imagem de um escuro intenso colocada no espao
branco.
O contraste pode ser expresso nos valores ou tonalidades de uma nica figura. H
dois fatores de percepo visual que intensificam a efetividade do contraste: a
iluso de que um objeto escuro nos parece mais prximo do que um objeto claro;
e o modo pelo qual um objeto escuro parece ainda mais escuro numa superfcie
clara.
Entre a luz e a escurido, h uma grande variao de tons. Numa representao
monocromtica, pode-se utilizar uma escala de cinzas que vai do branco ao preto,
obtida pelo uso de retculas e padres. Um mesmo tom muda seu valor conforme
outro que se lhe associe, dentro de certas relaes contextuais. O contraste por
luz e tom um recurso visual bastante explorado, por exemplo, na fotografia, na
pintura e artes cnicas.
A diviso do espao da pgina tambm gera uma modificao tonal que deve
submeter-se s leis do contraste.

figura 129

Contraste de cor

A cor a parte mais emotiva do processo visual. Pode ser empregada para
expressar e reforar a informao visual. As cores, dependendo de como se
organizam, podem fazer um elemento recuar ou avanar. O peso e o volume do
objeto pode ser alterado pelo uso da cor, influindo no equilbrio da composio.
A cor no s tem um significado universalmente compartilhado atravs da
experincia, como tambm tem um valor independente informativo, atravs dos
significados que se lhe adicionam simbolicamente. A cor pode ser explorada para
diversas finalidades funcionais, psicolgicas, simblicas, mercadolgicas,
cromoterpicas e outras.
Quando se trata de imagens coloridas, o designer deve considerar tanto contrastes
cromticos como os de valor. O contraste se verifica entre as cores neutras e as
cores de alta intensidade; entre cores frias e cores quentes; e na justaposio
deliberada de cores complementares. Das trs dimenses da cor (matiz, tom e
croma), o tom a que predomina em nossa relao com o meio ambiente.

figura 130

Depois do tonal, outro importante contraste de cor seja o quente-frio. A natureza

recessiva da gama azul-verde sempre foi usada para indicar distncia, enquanto a
qualidade dominante da gama vermelho-amarelo tem sido usada para expressar
expanso.
Essas qualidades podem afetar a posio espacial, uma vez que a temperatura da
cor pode sugerir proximidade ou distncia.
Contraste de direo

Um objeto de certo tamanho, forma ou cor, visualmente ter mais peso, quando
colocado mais alto. Portanto, o equilbrio na direo vertical no pode ser
conseguido colocando-se objetos iguais em diferentes alturas. Significa, por

exemplo, que se quisermos que duas metades sejam percebidas visualmente

idnticas, deve-se fazer a metade superior mais curta.
De modo geral, as formas horizontais passam a sensao de maior solidez e de
maior estabilidade, enquanto que, com as verticais passam a sensao de leveza e
menos estabilidade, tendendo a se elevar.

figura 131

Contrastes de movimento

O movimento visual definido como sendo funo de velocidade e direo. Ele

est relacionado com o sistema nervoso que cria a sensao de mobilidade e
rapidez.
Pode-se afirmar que daro impresso de movimento, qualquer imagem visual que
apresenta os objetos por meio de qualidades perceptivas, tais como: forma de
cunha, direo oblqua, superfcie sombreada, e outras.

figura 132

O contraste por dinamismo um movimento dinmico, ou seja, um movimento

mais exacerbado, mais forte ou mais veloz.
Pode-se considerar como dinmica uma composio visual em que predominem as
sensaes de movimentos e ritmos, de forma exacerbada, no objeto como um
todo, ou em partes do objeto. Reflete sobretudo mobilidade e ao.
O ritmo um movimento que pode ser caracterizado como um conjunto de
sensaes de movimentos encadeados ou de conexes visuais ininterruptas,
uniformemente contnuas, seqenciais, semelhantes ou alternadas.
Contraste de passividade

A passividade definida como o estado natural de um ser que sofre ao sem

reagir, inerte e submisso.
A tcnica de representao passiva produz uma fora imvel, mediante um
equilbrio absoluto. Pode-se tambm considerar como passiva ou esttica qualquer
composio ou objeto que apresente um equilbrio absoluto.

figura 133

Contraste de proporo

Contrastando o tamanho dos elementos o desenho ganha uma nova dimenso, e

esta mais uma ferramenta disposio do designer. As relaes entre as
medidas do contorno de um campo visual ou de um objeto e as medidas das
partes ocupadas por elementos nele dispostos ou montados, podem ser
arbitrrias, obedecer a uma ordem matemtica ou determinada intuitivamente.

figura 134

Contraste de escala

Este tipo de contraste pode ser conseguido de duas maneiras: pela modificao
dos tamanhos relativos de duas ou mais imagens na pgina impressa, ou pela
comparao de objetos reais diferentes, dentro de uma mesma composio. A
imagem grande parecer ainda maior quando colocada ao lado de uma pequena
imagem. Os elementos ou unidades formais definem-se uns em relao aos
outros. Um elemento grande ou pequeno, claro ou escuro, pesado ou leve, frio
ou quente, etc., sempre comparativamente a outro. Essa relao chama-se escala,

e um meio para reproduzir realisticamente, as relaes existentes entre os

objetos, sejam elas dimensionais, tonais, trmicas ou outras.
A escala sempre vai estabelecer uma certa proporo entre os referidos elementos
ou categorias - escala natural, reduzida ou ampliada, dimensional.
A distoro da escala, por exemplo, pode chocar o olho ao manipular fora a
proporo dos objetos e contradizer tudo aquilo que, em funo de nossa
experincia, esperamos ver.

figura 135

A importncia do contraste de tamanho pode parecer bvia. No entanto, grande

parcela de designs medocres pode ser atribuda uniformidade de escala das
imagens.
Contraste de agudeza

Est intimamente relacionado com a clareza e com a acuidade visual, que a

capacidade de discriminar estmulos visuais a fim de se obter nitidez de expresso
da forma.

figura 136

Predomina sobretudo, em organizaes formais geomtricas. A agudeza se

consubstancia por meio de contornos retos, precisos, de formas pontiagudas,
rgidas, penetrantes e cortantes dos objetos. A agudeza, amide, produz uma
sensao de tenso e, quase sempre, de grande impacto visual.
Contraste de forma

Contraste na forma pode sugerir extravagncia ou criar um tom sombrio.

Comparemos a sustica de Hitler com os cartazes da gerao flower power.

figura 137

A necessidade que todo o sistema perceptivo do ser humano tem de nivelar, de

atingir um equilbrio absoluto e o fechamento visual a tendncia contra a qual o
contraste desencadeia uma ao neutralizante. Atravs da criao de uma fora
compositiva antagnica, a dinmica do contraste poder ser prontamente
demonstrada em cada exemplo de elemento visual bsico que dermos. Se o
objetivo for atrair a ateno do observador, a forma regular, simples e resolvida,
dominada pela forma irregular, imprevisvel. Ao serem justapostas as texturas
desiguais intensificam o carter nico de cada uma .
Os mesmos fatores de justaposio de qualidades desproporcionais e diferenciadas
se fazem notar no emprego de todos os elementos visuais quando se tem por
objetivo aproveitar o valor do contraste na definio do significado visual. A funo
principal da tcnica aguar, atravs do efeito dramtico, mas ela pode, ao
mesmo tempo e com muito xito, dar maior requinte atmosfera e s sensaes
que envolvem uma manifestao visual. O contraste deve intensificar as intenes
do designer.

Contraste no uso da tipologia

Podemos contrastar diferentes fontes com muito cuidado. At saber como usar
este recurso com sensibilidade, pode ser melhor experimentar apenas com duas
ou trs.
Ao colocar letras em seu formato, para reforar a idia podemos considerar a
possibilidade de contrastar o tamanho, as fontes ou o peso. Podemos variar o
espao entre as linhas e entre as letras. Podemos tambm variar a largura das
colunas ou o alinhamento.

figura 138

Nem todos os contrastes devem ser dramticos, s vezes pode ser melhor usar um
contraste mais sutil, desde que este no desaparea ou seja to pequeno que
chegue a parecer um erro.
O contraste enriquece a percepo das diferenas em nossa vida diria. O design
apenas uma extenso do nosso dia-a-dia, que nos permite comunicar conceitos
visuais e idias aos outros.
Outros contrastes

Um deles o contraste de sentimentos que se verifica quando um mesmo painel

de design contm estmulos emocionais opostos: agressivo e suave, alegre e

melanclico, srio e humorstico. Por fim, pode-se estabelecer contraste pelas

relaes entre formas e intensidades: curvas e retas horizontais e verticais,
cncavas e convexas. Este tipo de contraste pode influir em nossa percepo de
espao. Uma nfase vertical pode fazer o espao parecer mais alto ao passo que a
nfase nas linhas horizontais pode torn-lo aparentemente mais largo. Variaes
de ngulos e de formatos dentro de determinado espao tambm podem produzir
iluses de profundidade e dimenses e at de impulso e movimento.

O que considerar ao se buscar contraste.

1- Os contrastes que escolhemos reforam a idia?
2- Consideramos todas as possibilidades de criar contraste?
3- As escolhas de contraste na tipologia tornam o texto mais legvel?
4- Usamos todo o potencial de contraste ao utilizar as ilustraes?
5- Consideramos as possibilidades de contraste menos acentuado?

Bibliografia utilizada
Donis A. Dondis - A sintaxe da linguagem visual. Martins Fontes. So Paulo, 1991.
Gomes Filho, Joo - Gestalt do objeto. Sistema de leitura visual da forma. Escrituras
Editora. So Paulo, 2000.
Hulburt, Allen - Layout: O design da pgina impressa. Editora Nobel. So Paulo, 1986.
Peterson, Bryan L. - Using Design basics to get creative results. North Light Books.
Cincinnati, 1997
Ribeiro, Milton - Planejamento Visual Grfico. Lnha Grfica Editora. Braslia, 1987.
Williams. Robin - Design para quem no designer. Ed. Callis, 1995.