![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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/1.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/7.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/9.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/10.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/11.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/12.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/13.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/14.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/15.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/16.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/17.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/18.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/19.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/20.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/21.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/22.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/23.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/24.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/25.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/26.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/27.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/28.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/29.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/30.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/31.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062623/552fc0fe497959413d8bbbad/html5/thumbnails/32.jpg)
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.