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).
sexta-feira, 26 de agosto de 11
Escala
sexta-feira, 26 de agosto de 11
O que chamamos de escala? Escala pode ser objetiva e se referir às dimensões exatas de um objeto físico.
sexta-feira, 26 de agosto de 11
Em um mapa, a escala faz relação da imagem com um objeto real (Google, 2011)
sexta-feira, 26 de agosto de 11
Subjetivamente, ela alude à impressão que alguém tem do tamanho de um objeto.
sexta-feira, 26 de agosto de 11
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)
sexta-feira, 26 de agosto de 11
Dizemos que algo está fora de escala quando não há indícios que conectem a imagem a uma experiência vivida.
sexta-feira, 26 de agosto de 11
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.
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
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.
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
Pink Floyd (1969)
sexta-feira, 26 de agosto de 11
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.
sexta-feira, 26 de agosto de 11
Fotografar pequenos objetos de muito perto e de um ângulo baixo cria a ilusão de monumentalidade.
sexta-feira, 26 de agosto de 11
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)
sexta-feira, 26 de agosto de 11
Cuidado ao escalonar!
sexta-feira, 26 de agosto de 11
Escalonar objetos pode transformar seu impacto na página ou tela. Cuidado! É fácil distorcer um elemento por escaloná-lo desproporcionalmente.
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
A AAsexta-feira, 26 de agosto de 11
A A A A A (�A
sexta-feira, 26 de agosto de 11
Ritmo e Equilíbrio
sexta-feira, 26 de agosto de 11
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.
sexta-feira, 26 de agosto de 11
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.
sexta-feira, 26 de agosto de 11
Equilíbrio simétricoAcontece quando os elementos de uma composição são os mesmos em ambos os lados de uma linha axial.
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
Contemplation - David Lanham
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
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.
sexta-feira, 26 de agosto de 11
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.
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
Starry Night - Van Gogh (1889)
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
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.
sexta-feira, 26 de agosto de 11
Gravidade
sexta-feira, 26 de agosto de 11
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.
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
Direção
sexta-feira, 26 de agosto de 11
A ideia de direção, como vimos quando estudamos retas, ajuda a criar ritmo nas composições.
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
Posição
sexta-feira, 26 de agosto de 11
Dependendo da forma em que o objeto é posicionado na tela, ele assume um significa diferente, criando ou reforçando determinados sentidos.
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
Bibliografia
sexta-feira, 26 de agosto de 11
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.
sexta-feira, 26 de agosto de 11
Elementos [email protected]
sexta-feira, 26 de agosto de 11