COM

TE

XTO

PL

PRINCPIOS
DE COMPOSIO

PG

ET

As caractersticas intrafigurais (forma, cor, etc) de uma parte

elementar (elemento primrio de uma configurao), bem como
as relaes interfigurais que existem em uma configurao,
como a relao figura/fundo, o controle sobre o foco de
ateno, o balano visual, entre outras, so definidas por Wong
(Apud HODGSON, 1985:69) como elementos da "gramtica"
da organizao visual.

presenciar a passagem (ainda que em alta velocidade) de uma

Ferrari, ter sua ateno voltada para aquela imagem e poder,
ainda que no enxergue perfeitamente o veculo (no sentido
fsico), identific-lo e v-lo com detalhes.
Outro espectador que no tenha ligaes cognitivas com o
assunto automveis provavelmente, sequer ter notado a
passagem do veculo.

Essa organizao passa, no nvel tcnico ou no intuitivo pelos

princpios bsicos de composio, que podem ser descritos
como "as foras compulsoriamente ativas no trabalho com
formas no espao, do modo como so percebidas pelo
espectador" (HODGSON, 1985:69)

HODGSON (1985:69) descreve os princpios pertinentes

gerao controlada da forma, diretamente utilizveis na
disposio espacial das partes elementares visando a criao de
configuraes:

Os princpios de composio so baseados em pesquisas no

campo da percepo visual e em experincias com a organizao
de formas. So aceitos como tcnicas bsicas no campo da
gerao controlada da forma e foram bem documentados na
literatura (ARNHEIM, 1974; BOWMAN, 1968; CHEATHAM,
1983; DONDIS, 1973; WONG, 1972).

BALANO
o equilbrio visual entre as partes elementares de uma
configurao. Da mesma forma como ocorre com dois corpos
fsicos diferentes vistos por um espectador, os elementos de uma
composio (seja ela uma obra de arte, uma obra arquitetnica,
um produto, etc) criam sensaes no espectador em relao ao
equilbrio e estabilidade.

Baseados na teoria da gestalt*, sua utilizao hoje est

relativizada pelos princpios da Psicologia Cognitiva, que
prope (e demonstra) que a emisso de uma mensagem no
atinge indistintamente a todos os receptores. A recepo da
informao, provou-se, est diretamente relacionada cognio
do receptor e existncia de esquemas antecipativos
individualizados que norteiam sua predisposio para estar ou
no atento a um sinal que emitido.
(*) A palavra gestalt (substantivo comum da lngua alem) quer
dizer basicamente forma, configurao e tem sido usada desde o incio
do sculo para identificar um conjunto de princpios cientficos
extrados principalmente de experimentos em percepo sensorial que
norteiam o conhecimento sobre percepo visual.

Na recepo da informao, ... indues perceptivas diferem

das inferncias lgicas. Inferncias so operae mentais que
acrescentam algo aos fatos visuais dados, ao interpret-los.
Indues perceptivas so s vezes interpolaes que se baseiam
em conhecimento adquirido previamente. Caractersticamente,
entretanto, so concluses tiradas espontaneamente durante a
percepo de determinada configurao do padro.
(ARNHEIM, 1974:5)
A forma de um objeto (ou composio) que vemos, contudo,
no depende apenas de sua projeo retiniana num dado
momento. Estritamente falando, a imagem determinada pela
totalidade das experincias visuais que tivemos com aquele
objeto durante toda a nossa vida. (ARNHEIM, 1974:40)
Por esse motivo, para algum que curte automobilismo, ao

Uma configurao com reas mais pesadas visualmente que

outras ou que aparentem estar "tombando" para um lado pode
causar desconforto ou inibir a transmisso da informao.

Figura 1A

CONJUNTO
SEM BALANO
VISUAL

O balano o modo de distribuio desses componentes para

que o conjunto transmita ao espectador a sensao de
estabilidade e equilbrio, mesmo que as partes elementares que
compem a configurao no sejam isomorfas e tenham cores e
texturas diferentes.

Figura 1B

CONJUNTO
COM OS
ELEMENTOS
BALANCEADOS

Na obteno do balano muitos elementos devem ser considerados. O "peso percebido" de uma configurao (ou

01

conjunto de componentes) funo do tamanho, da iluminao

e da localizao de cada uma das partes elementares que a
compem, do entorno, da direo da viso, da distribuio das
cores entre os elementos, etc.

So exemplos de simetria e assimetria aplicadas a fotografias:

So exemplos de balano aplicado a peas grficas:

The Economist

TAMANHO E ESCALA

SIMETRIA E ASSIMETRIA

A proximidade entre dois objetos gera uma interao que cria

efeitos ticos e iluses no observador, afetando a percepo das
caractersticas fsicas de cada um desses objetos.

O balano da composio obtido quando os eixos de

equilbrio esto localizados nos eixos centrais (vertical e
horizontal) da configurao.
A composio simtrica quando as imagens ou suas partes
esto dispersas igualmente em torno desses eixos.

Uma das "Iluses de Luckiesh" mostra dois crculos isomorfos:

um deles circundado por crculos de pequeno dimetro e o
outro por crculos de maior dimetro. Os crculos originais
aparentam ter dimetros diferentes, sendo o primeiro maior que
o segundo.

Figura 3A

ILUSO DE
LUCKIESH

Figura 2A

COMPOSIO
SIMTRICA

A composio assimtrica obtida pelo arranjo de objetos no

isomorfos de modo que os eixos de equilbrio permaneam nos
eixos centrais.

Nas famlias de tipos projetadas, as caractersticas prprias de

cada letra criam a necessidade da criao de alteraes e
distores em algumas delas para que o conjunto - uma palavra parea homogneo para o leitor.

AS
Figura 2B

COMPOSIO
ASSIMTRICA

Os arranjos simtricos tendem a ser formais, estveis e estticos,

alm de serem facilmente 'decifrados'. Os arranjos assimtricos
so mais informais e atrativos. A 'tenso visual' decorrente do
balanceamento de imagens diferentes cria um certo interesse no
observador.
Por esse motivo as composies assimtricas tendem a ser mais
'interessantes' que as simtricas.

Figura 3B

CORREO
VISUAL EM
TIPIAS

O tamanho do objeto interfere tambm na percepo que o

observador tem de sua localizao no espao.
Objetos maiores aparentam estar mais prximos e objetos
menores aparentam estar mais distantes do observador.
Essa "insinuao visual" (visual cue) pode ser usada para simular
distncia e profundidade.

02

serem sobrepostas, unidas, cruzadas ou coincididas, oferecendo

muitas opes para sua organizao e, consequentemente,
muitos efeitos visuais diferentes.

AS

AS

So exemplos de proximidade aplicada a imagens:

Figura 3C

VARIAO
DIMENSIONAL E
PROFUNDIDADE

So exemplos de tamanho e escala aplicados a peas grficas:

SIMILARIDADE
Elementos similares em tamanho, forma, aparncia ("shape"),
cor, direo, valor ou velocidade tendem a se ligar perceptivamente, formando grupos.
PROXIMIDADE
Elementos que estejam muito prximos entre s tendem a
formar "chunks" ou grupos e a serem percebidos dessa forma
pelo observador, fazendo com que cada um dos elementos perca
sua 'identidade' e individualidade.

Figura 5A

GRUPOS SIMILARES PELA VARIAO DE DIMENSES DOS

COMPONENTES

Figura 5B

GRUPOS SIMILARES PELA VARIAO DA FORMA DOS

COMPONENTES
Figura 4A

DISTRIBUIO
HOMOGENEA
INSTVEL COM
24 ELEMENTOS

A explorao dessa lei de organizao pode contribuir para que

as relaes visuais fiquem mais claras.
So exemplos de similaridade aplicada a imagens:

Normalmente este tipo de grupamento faz com que o observador perceba, por exemplo, seis elementos em uma composio quando na verdade ali existem seis grupos de elementos.

Figura 4B

EFEITO DA
PROMIXIDADE NA
INDIVIDUALIDADE
DOS ELEMENTOS

As formas que estejam muito prximas entre si podem ser

espacialmente destacadas ou podem se tocar, se interpenetrarem,

03

A direo pode ainda ser usada para transmitir informaes diferentes com um mesmo objeto.

CONTRASTE
O mais primrio fator de deteco de um objeto a diferena
entre ele e seu entorno). Essa diferenciao se d em relao
cor, luminncia, ao movimento, aparncia, ao tamanho,
textura, posio, direo e ao volume. O contraste entre o
objeto e o entorno em qualquer delas pode criar distino e nfase.

Nas sinalizaes de aeroportos, por exemplo, pictogramas com

o mesmo desenho iconogrfico de um avio sinalizam o porto
de embarque - cone orientado para cima - e o porto de
desembarque - cone orientado para baixo. Setas orientadas para
cima, para baixo, esquerda ou di-reita indicam caminhos
diferentes.

O uso de fortes contrastes pode prevenir ambiguidades e tornar

o conjunto mais atraente e interessante, alm de facilitar a tarefa
de identificao dos elementos que o compem.
Figura 7B

USO DA
DIREO PARA
TRANSMITIR
INFORMAO

So exemplos de direo aplicada a imagens:

Figura 6

EFEITO DO CONTRASTE NA PERCEPO DOS OBJETOS

So exemplos de contraste aplicado a imagens:

LEMOS DA ESQUERDA PARA A DIREITA

REPETIO
A repetio de formas simples pode ser usada para criar movimento, atividade e direo (figura 8A).

DIREO
A direo simplesmente a orientao de um ou mais partes
elementares sobre o plano ou o espao. Ela importante porque
pode controlar (ou interferir) no padro de busca dos olhos percorrendo um conjunto de elementos, conduzindo a leitura para
um ponto especfico.
A repetio de formas em linha reta ou em ngulo constitui
uma forma particular de indicar uma direo. O direcionamento em diagonal sugere movimento ativo e dinmico, ao passo que o vertical ou horizontal aparentam esttica e passividade.

O uso repetido de formas regulares pode aparentar harmonia,

unidade e ritmo.
Pode-se ainda repetir somente a cor, a direo ou a posio de
elementos na composio de padres, que se agruparo por
similaridade.
A repetio de objetos pode ser feita de forma linear ou em
crculos, quadrados ou configuraes geomtricas compostas.
Elas podem ainda variar em direo ou arranjo espacial. Podem
ser refletidas ou rotacionadas (figura 8B).
Figura 8A

REPETIO
DETERMINANDO
DIREO
Figura 7A

DETERMINAO
DO PADRO DE
BUSCA PELA
DIREO DAS
FORMAS

Figura 8B

REPETIO
COM ROTAO

So exemplos de repetio aplicada a peas grficas:

04

Da mesma forma que o contraste, ela est ligada capacidade de

deteco de variaes entre figura e entorno, podendo ser criada
por alteraes de cor, posio, direo, aparncia ("shape"), tamanho ou velocidade.
A anomalia semelhante ao contraste. A diferena est no fato
de que ela se refere a uma interrupo brusca e localizada na organizao geral ou no estado de regularidade, enquanto o contraste pode existir em todo o conjunto.

Figura 10

ANOMALIA CRIADA POR MUDANA DE POSIO E DE COR

HARMONIA

So exemplos de anomalia aplicada a imagens:

A harmonia pode ser descrita como o estado no qual todos os

componentes primrios (forma, cor, textura, etc) trabalham em
conjunto para a obteno de uma conjunto confortvel e agradvel para o observador.
Segundo HODGSON (1985:72), no existe uma frmula para a
criao da harmonia, mas geralmente ela conseguida quando
os elementos so manipulados corretamente com os princpios
de composio, de maneira uniforme, organizada e rtmica e os
fundamentos de comunicao visual so considerados (figura 9).
A harmonia colabora na legibilidade e na compreenso das configuraes. A falta de harmonia pode ocasionar a perda de sequncia, a confuso e a instabilidade.
CONCENTRAO
A concentrao diz respeito ao nvel de aproximao entre os
mltiplos elementos distribudos em uma superfcie (figura 11).

Figura 9

HARMONIAS CRIADAS PELA APLICAO DOS PRINCPIOS DE

COMPOSIO

So exemplos de harmonia aplicadas a imagens:

Aumentar ou diminuir a concentrao uma maneira de criar

nfase e de dirigir a ateno. O crescimento progressivo e uniforme da concentrao pode criar um padro visual de ligao
entre uma rea e outra - ou entre dois elementos - ou criar a sensao de profundidade e perspectiva.
Por envolver a repetio de elementos, a concentrao pode ser
usada como um mtodo para a construo de texturas e figuras.
Diferentemente da Proximidade, que se refere aos itens como
grupos e no como elementos isolados, a Concentrao se refere
distribuio espacial de um certo nmero de partes elementares e especialmente sobre mudanas na sua quantidade e/ou
disperso.

ANOMALIA
A anomalia uma irregularidade ou variao de um padro que
pode ser um importante elemento para romper propositadamente a monotonia em determinada circunstncia. um
princpio eficiente para atrair a ateno do observador para um
determinado elemento ou ponto do conjunto (figura 10).

Figura 11

DIFERENTES NVEIS DE CONCENTRAO

05

So exemplos de concentrao aplicada a peas grficas:

So exemplos de Radiao aplicadas a imagens:

GRADAO E RADIAO
A Gradao uma transio gradual ou uma transformao das
formas realizada em passos ordenados - por exemplo, do maior
ao menor, de muitos para poucos, etc (figura 12A). A escala
logartmica um bom exemplo de Gradao.
A Radiao uma gradao irradiada desde um ponto central,
como por exemplo uma espiral ou crculos concntricos (figura
12B).

Figura 12A

GRADAO
Figura 12B

RADIAO

Ambas utilizam algum tipo de estrutura sistemtica, envolvem

uma direo e so criadas pela repetio de formas, sendo adequadas para denotar movimento, mudana e particularmente
energia. Podem ser usadas para a construo de padres e para
estruturar transies ou progresses.
So exemplos de Gradao aplicadas a imagens:

OBSERVAES FINAIS
1. Este texto no pretende exaurir o assunto. Existem outros
princpios de composio alm dos aqui apresentados. Buscouse nesta sntese apresentar aqueles mais utilizados e frequentemente encontrados nas composies.
2. Os nomes dos princpios adotados neste texto se originam no
trabalho de Hogdson. Eles podem variar de autor para autor e, a
depender da traduo, pode-se encontrar a terminologia de um
mesmo autor com termos diferentes.
3. Em sua maioria, os exemplos aqui apresentados so referenciados em fotos e no em peas grficas. Nas fotos, eles se
tornam mais evidentes como interao com a natureza e os
objetos. Fotografar consiste em determinar um ponto de viso e
uma estratgia de comunicao diante de um conjunto de elementos tridimensionais. uma captura. O uso dos princpios
de composio no projeto de peas grficas uma construo.
H mais liberdade e possibilidade de misturar elementos de diversos tipos.
4. A identificao de um s princpio por foto tem uma
dimenso pedaggica. De fato, em cada uma das imagens podese detectar vrios princpios alm daquele apontado no texto.
Busc-los durante o estudo deste texto pode ser um bom exerccio de fixao do contedo estudado.
5. E, finalmente, mais importante se reter o conceito de cada
um dos princpios (a explorao de suas caractersticas como
elemento de comunicao) do que decorar seu nome.

06