Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

DESIGN

Prof. Jan Veneziani - 2019

Técnicas para Soluções Visuais

X

Harmonia

Equilíbrio

Simetria

Regularidade

Simplicidade

Unidade

Economia

Minimização

Presivibilidade

Estase

Sutileza

Neutralidade

Opacidade

Estabilidade

Exatidão

Planura

Singularidade

Seqüencialidade

Difusão

Repetição

Contraste

Instabilidade

Assimetria

Irregularidade

Complexidade

Fragmentação

Profusão

Exagero

Espontaneidade

Atividade

Ousadia

Ênfase

Transparência

Variação

Distorção

Profundidade

Justaposição

Acaso

Agudeza

Episodicidade

Composição

  • Transmite o significado da manifestação visual.

  • Determina a compreensão da mensagem.

  • Expressa a essência da obra.

Importante: Não há regras absolutas, mas conceitos que poderemos utilizar para compreender o significado da mensagem.

Exemplo

Jacques Louis David,

A morte de Marat

Arte Renascentista

São fatores interdependentes.

Criar x Observar

O criador coloca suas bases culturais na criação.

É necessário um conhecimento dessas bases culturais pelo observador para que se conclua o processo de comunicação.

Observação da comunicação visual como um todo.

Leituras Visuais

Imagens de experiências visuais compartilhadas no dia a dia / vida comum.

Abstração: ligação direta com o subconsciente.

Formas denotativas.

Equilíbrio

Referência visual mais forte e firme do homem.

Equilíbrio

Base inconsciente para avaliações visuais.

Observação: o olho persegue naturalmente a área axial.

Exemplos

Processo de ajustamento a cada

variação de peso - contrapeso.

Peso relativo ao

estado de equilíbrio.

Verticalidade em

relação a uma base

estável.

Relação

horizontal/vertical

da imagem observada.

Tensão

Não domina o olho por si só, mas desvia a atenção do expectador.

Tensão

É mais difícil de localizar em formas mais complexas.

Exemplos

Parece instável.

No ato de ver,

o olho impõe ao

círculo um eixo

vertical.

Em seguida, a base

horizontal, firmando

assim a sensação

de estabilidade.

Quanto mais complexa a peça analisada, mais difícil

torna-se a percepção deste eixo.

Quando o eixo de sentido varia, a sensação visual

de instabilidade aumenta.

Irregularidade

Complexidade

Tensão

Regularidade

Simplicidade

Repouso

O raio em ponta não se ajusta ao eixo invisível criado pelo olho. No entanto é modificado por ele, tanto no centro como na base da circunferência.

Logo, em termos de design, o círculo que chama mais a atenção é o que possui o raio em ponta no seu interior, pois cria uma tensão visual.

Nivelamento e Aguçamento

Nivelamento e Aguçamento

  • Criam tensões na composição.

  • Geram “surpresas” visuais.

  • Se não forem bem utilizados, podem gerar desatenção no espectador.

Observação: as formas visuais, pela

lei da Gestalt, devem criar oposições atrativas, e não gerar ambigüidades.

Exemplos

Exemplo simples de nivelamento, não oferece

nenhuma surpresa visual, criando uma

composição harmoniosa.

Nas 3 figuras da primeira linha,

o ponto cria uma tensão visual, aguçando o olho.

Já nas 2 figuras da segunda linha,

o ponto se confunde com o centro de tensão visual,

gerando ambiguidade.

Outros aspectos:

  • O olho segue 2 padrões de varredura de campo, da esquerda para a direita, e de cima para baixo.

  • As diferenças de peso têm grande valor na composição final.

  • Existem várias formas possíveis de nivelamento.

Padrão de varredura de

campo que reage ao eixo

vertical-horizontal.

Padrão de varredura

de campo que reage

ao impulso perceptivo

inferior esquerdo.

Tensão Mínima

Tensão Máxima

Divisão linear:

composição

nivelada

Os elementos visuais que se situam em áreas

de tensão possuem mais peso do que

os elementos nivelados.

A complexidade, a instabilidade e a irrregularidade aumentam a tensão visual e, em decorrência disso,

atraem o olho.

Figuras a seguir:

Equilibrada, racional, harmoniosa X Exagerada, distorcida e emocional.

Equilíbrio

Racionalidade

Harmonia

Distorção

Exagero

Emoção

Os designs de equilíbrio axial são facilmente obtidos pela função de “contrapeso”.

As variações dos meios visuais envolvem fatores compositivos de peso, tamanho e posição.

Desequilíbrio anulado pelo

contrapeso gerado pelo

outro ponto.

Estado de

desequilíbrio

gerado pelo

ponto.

Distribuição axial do

peso, baseada nos

tamanhos.

Equilíbrio de pesos diferentes

conforme a posição.

Atração e Agrupamento

Atração e Agrupamento

O ponto isolado

se relaciona diretamente

com o quadro.

Dois pontos

disputam a atenção, dão a impressãode se repelirem

ao mesmo tempo.

Interação:

os pontos se harmonizam

e se atraem.

Quanto mais próximos os pontos,

maior a sua interação.

As unidades visuais criam outras formas distintas. Quanto mais próximas estiverem, poderão delinear formas mais complexas.

O olho completa os elos ausentes.

Ex.: Constelações.

Na linguagem visual, os opostos se repelem,

mas os semelhantes se atraem.

Outras afinidades visuais que regem a lei do agrupamento.

Tamanho

Textura

Tom

Positivo e Negativo

Positivo e Negativo

Em todos os acontecimentos visuais há elementos separados e, ainda sim, unificados.

Muitas vezes a visão positiva e negativa engana o olho, criando ilusões óticas.

Podemos observar a mesma tensão gerada nas

duas imagens, positiva e negativa.

Essa distância fica mais clara com a superposição.

O que é maior parece mais próximo dentro do campo visual.

Elementos claros sobre fundo escuro geram sensação de expansão; escuros sobre fundo claro, geram sensação de contração.

linha

A Luz

textura

cor

dimensão

forma

escala

direção

movimento

  • Criar 1 imagem como exemplo de equilíbrio perfeito e 1 exemplo de desequilíbrio completo.

  • Criar 1 imagem utilizando contraposição de recursos visuais.

Exercício

Bibliografia:

Sintaxe da Linguagem Visual

Donis A. Dondis

Learn more about creating dynamic, engaging presentations with Prezi