PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO...

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

PROGRAMAÇÃO

Aula 3 – 31/8

Teoria da GestaltCores -> uso e processos

Exercício em sala* e trabalho para casa

ATENÇÃO: PRÓXIMA AULA -> LABORATÓRIO DE INFORMÁTICA

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

RELEMBRANDO: 1º TRABALHO. Entrega em 14 de setembro

Brienfing

Você deverá produzir um cartão postal para a empresa Mica em uma homenagem à cidade do Rio de Janeiro (retratada por determinado Estilo Artístico Contemporâneo)Tamanho: 10x15IndividualTécnica: livre

O trabalho deverá ser entregue junto à uma pequena pesquisa.Objetivo do trabalho: buscar referências visuais nos elementos que caracterizam o estilo proposto (linhas, cores, símbolos, etc)

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

GESTALT

Universidade de Frankfurt, Escola de Psicologia Experimental

Início do século XX (1910)

Max Wertheimer (1880-1943), Wolfang Kohler (1887-1967) e Kurt Koffka (1886-1941)

Estuda o fenômeno da percepção e tenta entender os motivos pelos quais algumas formas são mais agradáveis que outras

Ideia base: a percepção de um objeto não se dá por partes isoladas, mas sim por um todo

Segue o princípio de que vemos as coisas sempre dentro de um conjunto de relações -> o que traz o significado

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Linhas horizontais paralelas

AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Os quadrados magentas ficam com tonalidades mais escuras dentro dos verdes e mais claros nos quadradinhos brancos

AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Sensação de movimento

AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Subir e descerMaurits Cornelis Escher

AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

LEIS DA GESTALT

Características da percepção comuns para a maioria das pessoas (FILHO, 2000):

UnidadeSegregaçãoUnificaçãoFechamentoContinuaçãoProximidadeSemelhançaPregnância da forma

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

UNIDADE

Único elemento encerra-se e si mesmo ou como parte de um todo. Um ou mais de um elemento que constitui o objeto.

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

SEGREGAÇÃO

Percepção da forma por meio de constrates (cores, brilhos, matizes etc). Consegue-se separar e identificar as unidades

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

UNIFICAÇÃO

Harmonia, ordem e equilíbrio visual devem fazer parte da composição. Reforça a união da figura.

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

FECHAMENTO

Sensação de fechamento para uma unidade visual por uma ordem estrutural definida

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

CONTINUAÇÃO

Impressão de saber como as partes se sucedem(comum em teste psicotécnicos)

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

PROXIMIDADE

Elementos próximos tendem a serem vistos juntos e formar uma unidade

Nem sempre a proximidade forma unidade

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

SEMELHANÇA

Igualdade, grupamentos de partes semelhantes – cor ou forma

A Proximidade e a Semelhança normalmente agem juntos, fortalecedo ou enfraquecendo a composição.O

BSER

VAÇÃ

O

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

PREGNÂNCIA DA FORMA

Quanto melhor for a organização visual e mais rápida a sua compreensão, maior o indíce de pregnância (legibilidade, compreensão, máximo de clareza)

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

USO DA COR

Meta de uma projeto: harmonia e contraste•Pela disposição dos elementos•Cores utilizadas

Fatores que influenciam a escolha das cores:•Meio ambiente (contexto)•Faixa etária•Condições sociais•Influências culturais

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

USO DA COR

“Não existe norma para determinar a utilização da cor, porém os conceitos sensitivos transmitidos em relação a alegria,

tristeza, seriedade, agitação, movimento etc. produzem uma reação que deve ser perseguida quando elaboramos um

projeto gráfico” (COLLARO, 2000, P.73)

Mas há parâmetros que auxiliam na definição das cores (Brasil)

Vamos a eles

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

PRETO

Morte, luto, infortúnio

Elegância, sensualidade

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Violeta /tonalidades de lilás

Misticismo, meditação, magiaVermelho

Alegria, força, vitalidade

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Púrpura

Riqueza e dignidadeVerde

Estático e frio, traz tranquilidade

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Azul

Exprime profundidade. Introvertida e discreta

Laranja

Transmite radiação e expansão

Branco: paz, solidão

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

As composições podem ser feitas de forma atenuante ou contrastanteReferência: o círculo cromático

UTILIZAÇÃO

Amarelo

Verde

Cian

Azul

Magenta

Vermelho

São complementares

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Cores próximas a complementar tendem a aparecer mais

UTILIZAÇÃO

Contrastes:Com contorno em preto – ficam mais vistosasCom contorno em branco – ficam mais desbotadas

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Síntese SubtrativaPrimárias: cian, magenta, e amareloPigmentoDiz-se: CMYK

NA PRODUÇÃO GRÁFICA

Síntese AditivaPrimárias: vermelho, azul e verdeLuzDiz-se: RGB

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Outros sistemas de cores utilizados

NA PRODUÇÃO GRÁFICA

Pantone Cores padrões. Possibilidade de cores não

possíveis com o CMYK: metálicas, pastéis, fluorescente

Cores indexadas Grupos de 16 ou 256 cores Ocupam menos espaço

(bits) Menor para ambiente web

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

Chapada -> 100%

Retícula -> X%

REPRODUÇÃO GRÁFICA

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

REPRODUÇÃO GRÁFICA

Cada cor é processada separadamenteAssim, elas devem ser impressas em ângulos direfentes para evitar a justaposição

Caso esse processo tenha problemas,

causa o que é denomidado como

MOIRÉ

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

TRABALHO 2: Produção do círculo cromático

Individual Produzir o círculo cromático com as cores primárias,

secundárias e, ao menos, uma terciária entre elas. Apresentação: hoje!

TRABALHO 3: entrega em 14 de setembro

Individual Achar imagens em jornais ou revistas que retratem cada lei

da Gestalt. Colar em uma folha e abaixo defender a escolha e a relação com a lei.

Fazer uma composição que retrate uma das leis e defender o projeto.

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

TRABALHO PARA AVALIAÇÃO FINAL: 1ª PARTE

A dupla deverá escolher uma publicação institucional (house organ) que não julgue adequado para fazer uma avaliação.

Os estudantes deverão apontar os pontos positivos e negativos do projeto, trazendo possíveis soluções gráficas para os problemas apresentados.

Analisar colunas, fontes, estilos, imagens, marca, disposição gráfica, papel, cores etc. – isso poderá ser feito por tópicos.

Incluir um exemplar da publicação no trabalho ou reprodução (scaneada)

O trabalho deverá ser entregue impresso no dia da P1 e conter no mínimo duas laudas e no máximo cinco.

Lembrem-se que esse projeto será desenvolvido graficamente até o final do semestre

PROJETO GRÁFICO VISUAL

Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

REFERÊNCIAS UTILIZADAS

COLLARO, Antonio Celso. Projeto gráfico: teoria e prática da diagramação. São Paulo: Summus, 2000.

FILHO, João G. Gestalt do objeto: sistemas de leitura visual da forma. São Paulo: Escrituras Editora, 2000.

MARTINS, Nelson. A imagem digital na editoração: manipulação, conversão e fechamento de arquivos. Rio de Janeiro: Ed. Senac Nacional, 2003.