32
PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> 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) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

Embed Size (px)

Citation preview

Page 1: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 2: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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)

Page 3: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 4: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 5: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 6: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 7: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 8: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 9: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 10: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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.

Page 11: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 12: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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.

Page 13: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 14: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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)

Page 15: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 16: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 17: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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)

Page 18: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 19: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 20: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

PROJETO GRÁFICO VISUAL

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

PRETO

Morte, luto, infortúnio

Elegância, sensualidade

Page 21: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 22: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 23: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 24: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 25: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 26: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 27: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 28: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 29: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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É

Page 30: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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.

Page 31: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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

Page 32: PROJETO GRÁFICO VISUAL Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite) PROGRAMAÇÃO Aula 3 – 31/8 Teoria da Gestalt Cores -> uso e processos Exercício

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.