[cv - 2011.2] 04-elementos relacionais

Elementos relacionais
Comunicação Visual - 8.11

sexta-feira, 26 de agosto de 11

Nas aulas anteriores, vimos elementos Básicos e Visuais.
Hoje, veremos os elementos que necessitam de outros
para comporem um layout, por isso, chamados de
Elementos Relacionais (escala, equilíbrio, gravidade,
direção e posição).


Escala


O que chamamos de escala? Escala pode ser objetiva e
se referir às dimensões exatas de um objeto físico.


Em um mapa, a escala faz relação da imagem com um objeto real
(Google, 2011)


Subjetivamente, ela alude à impressão que alguém tem
do tamanho de um objeto.


Em Shadow of Colossus, a escala é muito utilizada para demonstrar
a diferença descomunal entre o protagonista e os colossos
enfrentados. E aí, vai encarar? (Team Ico, 2005)

Dizemos que algo está fora de escala quando não há
indícios que conectem a imagem a uma experiência
vivida.


Como falamos antes, a escala é relativa, isso signiﬁca
dizer que um objeto é maior ou menor dependendo do
tamanho, da localização e da cor dos elementos ao
redor.


A ideia de profundidade está ligada à de escala. Quando
temos um elemento na tela, não temos noção do quão
profundo tal objeto está. No momento que adicionamos
um outro elemento referencial, já podemos começar a
explorar sua profundidade.


Pink Floyd (1969)


A falta de referenciais faz com que a escala de um objeto
seja difícil de determinar, gerando confusão, mas
também atraíndo olhares.


Fotografar pequenos objetos de muito perto e de um
ângulo baixo cria a ilusão de monumentalidade.


O edifício desta estação elétrica em Utrecht, na Holanda, não tem
janelas, nem portas para indicar sua escala em relação aos seres
humanos ou tipos familiares de edifícios. (NL Architecs, 1998)

Cuidado ao escalonar!


Escalonar objetos pode transformar seu impacto na
página ou tela. Cuidado! É fácil distorcer um elemento
por escaloná-lo desproporcionalmente.


A A A

AAAAA A


Ritmo e Equilíbrio


Equilíbrio é uma condição humana. É um conforto
estimado em nossa cultura e que acabamos por
perceber em coisas que vemos, ouvimos, cheiramos,
provamos, tocamos.


O equilíbrio age como uma baliza para a forma, a ancora
e ativa elementos do espaço. Ele acontece quando o
peso de uma ou mais coisas está distribuído igualmente
ou proporcionalmente no espaço.


Equilíbrio simétrico
Acontece quando os elementos de uma composição são
os mesmos em ambos os lados de uma linha axial.


Contemplation - David Lanham


A inércia inerente à simetria pode ser problemática
quanto aos objetivos da comunicação desejada. O
observador normalmente evitará o material e fugirá
rapidamente uma reﬂexão intelectual aprofundada.


Equilíbrio assimétrico
Em vez de preocupar-se com imagens reﬂexas em
ambos os lados do layout, o balanço assimétrico envolve
objetos de diferentes tamanhos, formas, tonalidades ou
posicionamento.


Starry Night - Van Gogh (1889)

Composições assimétricas provocam maior
envolvimento, exigem que o olho se mova mais. Tornar
diferentes todas as proporções entre e em volta de
elementos minimiza a possibilidade de simetria.


Gravidade


Como já falado, as experiências humanas são
comumente levadas às telas e páginas para criar
sensações diversas. A gravidade é uma delas.


Direção


A ideia de direção, como vimos quando estudamos
retas, ajuda a criar ritmo nas composições.


Posição


Dependendo da forma em que o objeto é posicionado na
tela, ele assume um signiﬁca diferente, criando ou
reforçando determinados sentidos.


Bibliograﬁa


BEAIRD, Jason. Princípios do Web Design Maravilhoso. Alta Books:
Rio de Janeiro, 2008.

Lupton, Ellen. Novos Fundamentos do Design. São Paulo: Cosac
Naify, 2008.

Samara, Timothy. Elementos do Design: guia do estilo gráﬁco. Porto
Alegre: Bookman, 2010.


Elementos relacionais
eduardonovais@virtual.ufc.br


[cv - 2011.2] 04-elementos relacionais

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (10)

Plus de Eduardo Novais

Plus de Eduardo Novais (20)

[cv - 2011.2] 04-elementos relacionais