Gestalt do ObjetoGestalt do ObjetoSistema de Leitura Visual da FormaSistema de Leitura Visual da Forma

Categorias Conceituais Fundamentais

TécnicasTécnicas Vi i A li dVisuais Aplicadas

Prof. Dr. João Gomes Filho I 2009I 2009

ClarezaOrganizações visuais unificadas.Facilidade de compreensão da forma.

Clareza Decodificação rápida do objeto. Fácil leitura.

SimplicidadeSimplicidadePoucas unidades formais.

Organização visual harmoniosa.

Auditório Parque do Ibirapuera – São paulo. Obra: arq. Oscar Niemayer

SimplicidadepLivre de complicações. Associada à clareza.

Simplicidade Livre de complicações. Associada à clareza.p

MinimidadeMinimidadeMínimo de unidades formais.Mínimo de unidades formais.

Apenas o essencial.

Organização visual frugalOrganização visual frugal.

MinimidadeMinimidadeRealça a simplicidade e a clareza.

Nas artes remete ao estilodo Minimalismo.

ComplexidadepConfigurações polissêmicas

Oposto ao conceito de simplicidade.p p

Numerosas unidades formais.

Geralmente Baixa Pregnância FormalGeralmente Baixa Pregnância Formal

ComplexidadepLeitura visual mais lenta.Leva mais tempo para compreensão do objetoLeva mais tempo para compreensão do objeto.

ComplexidadeComplexidade

Harmonia e equilíbrio são fundamentais. q

Pode concorrer para poluição visual

ProfusãoExemplos típicos: linguagens visuais

do barroco rococó art nouveau gótica etcProfusão do barroco, rococó, art nouveau, gótica, etc.

Manifestações visuais carregadas de detalhes.

ProfusãoNumerosas unidades informacionais. Motivos

ornamentais, decorativos. Muita vezes supérfluos.

Leitura rica em significados.

Geralmente Baixa Pregnância Formal

ProfusãoProfusão

CoerênciaCoerênciaOrganização formal integrada, uniforme, equilibrada e harmoniosaCompatibilidade de estilo e/ou linguagens formaisCompatibilidade de estilo e/ou linguagens formais

Coerência

Conceito formal de linha ou família de produtos – VW

Incoerente em relação a família

IncoerênciaIncoerênciaOrganização formal desintegrada e desarmoniosa i C ERÊ IAe desarmoniosa.Desarticulações e conflitos formais.Incompatibilidade de linguagens formais

inCoERÊncIA

Exageraçãog ç

Expressão visual intensa e amplificada p pAtrai e chama à atenção

ExageraçãoExageraçãoGeralmente configurações formais extravagantes. Ênfase no todo ou em detalhes estratégicos.

Exageraçãog çGeralmente configurações formais extravagantes.extravagantes. Ênfase no todo ou em detalhes estratégicos.

ArredondamentoArredondamentoPresente na naturezaFormas orgânicas: maciez e suavidadeAusência de sobressaltos visuais

ArredondamentoFacilidade no percurso do olhar

Arredondamento

Geralmente facilitaGeralmente facilita também a leitura formal

Arredondamento Formas Orgânicas e Geométricas

Transparência FísicaTransparência FísicaPercepção através do objetoPermite a visualização de coisas sobrepostasPermite a visualização de coisas sobrepostasConfere sensação de maior leveza do objetoTransparência (grau mais claro ao mais escuro)

Transparência FísicapPercepção através do objetoPermite a visualização de coisas sobrepostasSensação de maior leveza do objetoSensação de maior leveza do objetoTransparência (grau mais claro ao mais escuro)

Transparência pSensorial

Produzida artificialmente. Técnicas pictóricas: desenhos, pinturas, ilustrações, ... T áfi i iTratamentos gráficos, computacionais,...

Transparência SensorialpProduzida artificialmente. Técnicas pictóricas: desenhos, pinturas, ilustrações etc, p , çTratamentos gráficos, computacionais etc

OpacidadeTécnica oposta a da transparência. Implica bloqueio ocultação de elementosOpacidade Implica bloqueio, ocultação de elementos visuais em partes do todo

RedundânciaRedundânciaRepetição de unidades

informacionais.

Excesso de elementos iguais

ou semelhantes.

Redundância Enfatizar, atrair, chamar à atenção para Redundância o objeto ou de partes deste

RedundânciaRedundância

Enfatizar, atrair ou chamar à atençãopara o objeto ou de partes deste.

AmbigüidadeAmbigüidadeCerta indefinição formal. Interpretação diferentes do que se vê.

Ambigüidade Efeitos interessantesAmbigüidade Efeitos interessantes, surpreendentes. curiosos e Instigantes

Relação çfigura-fundo.

AmbigüidadeAmbigüidade

Ambigüidade Ef it i t tAmbigüidade Efeitos interessantes, surpreendentes. Curiosos, lúdicos , Artistícos. Instigantes

Espontaneidade Os elementos articulados são pinseridos de modo livre, porém, obedecendo uma ordem.

Espontaneidade Técnica voluntária. Carga emotiva Espontaneidade e impulsiva. Traço livre, solto.

AleatoriedadeSensação de falta de planejamento prévio. Aparente desorganização formal. Apresentação acidental da informação visual.

AleatoriedadeSensação de falta de planejamento prévio. Aparente desorganização formal. Apresentação acidental da informação visualApresentação acidental da informação visual.

FragmentaçãoFragmentaçãoAssociada a decomposição dos elementos formais.

FragmentaçãoFragmentaçãoExpressa sobretudo excitação e variedadeExpressa sobretudo excitação e variedade.Em alguns objetos, uma certa agressividade visual.

FragmentaçãoFragmentaçãoExpressa sobretudo excitação e variedade.

SutilezaSutilezaElegância. Esmero. Refinamento.Di ti ã D li d S fi ti ãDistinção. Delicadeza. Sofisticação.

Certa relatividade em razão daibilid d d d b dsensibilidade de cada observador.

SutilezaSutileza

SutilezaSutilezaA diagramação e a escolha da tipografia

adequada na composição desempenha papeladequada na composição desempenha papel

importante neste conceito.

SutilezaSutilezaO enquadramento da imagem na composição desempenha também importante papel neste p p p pconceito.

Jogo do claro-escuro. Colorido e monocromáticomonocromático

DiluiçãoçO objeto não é claramente definido por linhas, planos ou volumes rígidos.P õ d h f t i il ãPassa sensações de sonho, fantasia, ilusão, calor. Algo fora de foco.

DiluiçãoDiluiçãoFora de foco. Não se associa a precisãoNão se associa a precisão.

Em alguns casos esta associada ao conceito deassociada ao conceito de movimento.

Distorsão

Distorsão Responde a um intenso propósito visual.

DistorsãoDistorsãoResponde a umResponde a um intenso propósito visual.

DistorsãoForça o realismo. Dramatiza o objeto

ProfundidadePerspectiva.Geralmente apresentamGeralmente apresentam sucessões de objetos ou de configurações visuais como linhas planoscomo, linhas, planos, volumes, cores,texturas, brilhos, etc.

ProfundidadeProfundidade

I õ i iImpressões sensoriais que

acompanham as percepções

de distanciamento do Primeiro plano.p

ProfundidadeImpressões sensoriais

que acompanham as

percepções de distanciamento

do primeiro plano.

Superficialidade Oposto à profundidade. Chapado. C i õ i i bidi i iSuperficialidade Composições visuais bidimensionais ou objetos vistos de maneira bidimensional

SuperficialidadeSuperficialidadeConfigurações planas regidas pela ausência do efeito de perspectiva.

SeqüencialidadeOrdenação de unidades de modo contínuo e lógico.

E f did d j t tEm profundidade, justapostos,sobrepostos, alinhados lado alado, em espiral etc.

Pode se dar por meio de linhas, planos,volumes, cores, texturas,brilhos etc.

SeqüencialidadeSeqüencialidade

SobreposiçãoSobreposição

Objetos uns em cima de outrosOpacos, transparentes ou translúcidostranslúcidos

Sobreposiçãop çObjetos uns em cima de outrosOpacos, transparentes ou p , ptranslúcidos

Sobreposiçãop çRequer maior controle visual em

i i t t h d id dposicionamento, tamanho, densidade, proporção e escala

Ruído VisualRuído Visual• Interferências ou distorsões que perturbam a

harmonia visual.harmonia visual. • Enfatiza funções – botões, teclas, vinhetas etc. • Valoriza detalhes importantes

P d Ch à CESP• Ponto de atração. Chama à atenção. CESP

Ruído VisualRuído VisualAlgo inesperado. Extemporâneo.Gera foco de atração visual.

Ruído VisualAlgo inesperado. Extemporâneo.Extemporâneo.Gera foco de atração visual.

Ajuste ÓpticoAjuste Óptico

Equilíbrio e HarmoniaEquilíbrio e Harmonia

sobretudo nas linhas que

configuram e contornam osconfiguram e contornam os

objetos.

................................................

Ajuste da aparência do objeto.

Controle e refinamento da

forma.

Ajuste ÓpticoAjuste ÓpticoEquilíbrio e Harmonia.M lh â i í l

b

Melhor pregnância possível.

p q b Times

p q b Sylfaen

p q b Garamond

Tipografia: No aj stes de letras Pala ras frases paragrafos blocos de te tosNo ajustes de letras, Palavras, frases, paragrafos, blocos de textos.Desenho, espacejamento, entrelinhamento... Efeitos planejados (interferências).

Aj t Ó tiNo Equílibrio e Harmonia > Perfeição.A t i i i d t lh ífiAjuste Óptico Acentua ou minimiza detalhes específicos.Uso de técnicas de contrastes de cor, luz e tom. Criação de mascaras teatrais, circences e outras.

Maquiagem : Fotografia, cinema, tv-novela, teatro … Disfarça imperfeições, envelhece, rejuvenece, ... Produz diferenciados efeitos ou correções Acentua expressividade (closes) ...

Ajuste Óptico

Editoração: Tratamentos gráficos computacionais.

Ajuste Óptico

Obrigado gpela atenção !p ç