[cv - 2011.2] 04-elementos relacionais

Elementos relacionaisComunicaçã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 significa 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 AAsexta-feira, 26 de agosto de 11

A A A A A (�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étricoAcontece 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 reflexão intelectual aprofundada.

Equilíbrio assimétricoEm vez de preocupar-se com imagens reflexas 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 significa diferente, criando ou reforçando determinados sentidos.

Bibliografia

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áfico. Porto Alegre: Bookman, 2010.

Elementos relacionaiseduardonovais@virtual.ufc.br

[cv - 2011.2] 04-elementos relacionais

Design

Transcript of [cv - 2011.2] 04-elementos relacionais

CITAÇOES 2011.2

Estudando Para o Exame 2011.2

Jornal da Facom - 2011.2

Acidente Vascular Encefálico - S1 2011.2

2° medio - matemáticas - 2011.2

Comportamentos Relacionais em Futebol Robótico · Comportamentos Relacionais em Futebol Robótico ... Palavras Chave Futebol Robótico, Comportamentos Relacionais, Compromisso, Sincronização,

TCC Guilherme Urguisa 2011.2

Prática Simulada IV - 2011.2

SIMULADO OAB 1º Fase 2011.2

2011.2.resp civil01

PORTUGUÊS - Caderno Regular 2011.2

Banco de Dados Não Relacionais vs Banco de Dados Relacionais

[cv - 2011.2] 16 - grids (cont)

Nova eco aldeia 2011.2

Booklet DDays 2011.2

[cv - 2011.2] 12 - organizacao visual

Apostila Refrigeração 2011.2 Parte 1

[cv - 2011.2] 08 - tangram

Aula Carboidrato 2011.2

Linguagens relacionais