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

Apresentação em tema: "ATENÇÃO: PRÓXIMA AULA -> LABORATÓRIO DE INFORMÁTICA"— Transcrição da apresentação:

1 ATENÇÃO: PRÓXIMA AULA -> LABORATÓRIO DE INFORMÁTICA
PROJETO GRÁFICO VISUAL 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 -> Aula 2 24/8/2009 (4-6 – noite)

2 RELEMBRANDO: 1º TRABALHO. Entrega em 14 de setembro
PROJETO GRÁFICO VISUAL 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: 10x15 Individual Té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 -> Aula 2 24/8/2009 (4-6 – noite)

3 Universidade de Frankfurt, Escola de Psicologia Experimental
PROJETO GRÁFICO VISUAL GESTALT Universidade de Frankfurt, Escola de Psicologia Experimental Início do século XX (1910) Max Wertheimer ( ), Wolfang Kohler ( ) e Kurt Koffka ( ) 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 -> Aula 2 24/8/2009 (4-6 – noite)

4 AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS
PROJETO GRÁFICO VISUAL AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

5 Linhas horizontais paralelas
PROJETO GRÁFICO VISUAL AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS Linhas horizontais paralelas Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

6 PROJETO GRÁFICO VISUAL
AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS Os quadrados magentas ficam com tonalidades mais escuras dentro dos verdes e mais claros nos quadradinhos brancos Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

7 PROJETO GRÁFICO VISUAL
AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS Sensação de movimento Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

8 Maurits Cornelis Escher
PROJETO GRÁFICO VISUAL AS RELAÇÕES CONTRIBUEM PARA ALTERAR A PERCEPÇÃO DAS COISAS Subir e descer Maurits Cornelis Escher Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

9 PROJETO GRÁFICO VISUAL
LEIS DA GESTALT Características da percepção comuns para a maioria das pessoas (FILHO, 2000): Unidade Segregação Unificação Fechamento Continuação Proximidade Semelhança Pregnância da forma Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

10 PROJETO GRÁFICO VISUAL
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 -> Aula 2 24/8/2009 (4-6 – noite)

11 PROJETO GRÁFICO VISUAL
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 -> Aula 2 24/8/2009 (4-6 – noite)

12 PROJETO GRÁFICO VISUAL
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 -> Aula 2 24/8/2009 (4-6 – noite)

13 PROJETO GRÁFICO VISUAL
FECHAMENTO Sensação de fechamento para uma unidade visual por uma ordem estrutural definida Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

14 Impressão de saber como as partes se sucedem
PROJETO GRÁFICO VISUAL CONTINUAÇÃO Impressão de saber como as partes se sucedem (comum em teste psicotécnicos) Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

15 Nem sempre a proximidade forma unidade
PROJETO GRÁFICO VISUAL PROXIMIDADE Elementos próximos tendem a serem vistos juntos e formar uma unidade Nem sempre a proximidade forma unidade Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

16 Igualdade, grupamentos de partes semelhantes – cor ou forma
PROJETO GRÁFICO VISUAL 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. OBSERVAÇÃO Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

17 PROJETO GRÁFICO VISUAL
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 -> Aula 2 24/8/2009 (4-6 – noite)

18 Meta de uma projeto: harmonia e contraste
PROJETO GRÁFICO VISUAL 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 -> Aula 2 24/8/2009 (4-6 – noite)

19 Mas há parâmetros que auxiliam na definição das cores (Brasil)
PROJETO GRÁFICO VISUAL 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 -> Aula 2 24/8/2009 (4-6 – noite)

20 Elegância, sensualidade
PROJETO GRÁFICO VISUAL PRETO Morte, luto, infortúnio Elegância, sensualidade Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

21 Violeta /tonalidades de lilás
PROJETO GRÁFICO VISUAL Violeta /tonalidades de lilás Vermelho Misticismo, meditação, magia Alegria, força, vitalidade Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

22 Estático e frio, traz tranquilidade
PROJETO GRÁFICO VISUAL Púrpura Verde Riqueza e dignidade Estático e frio, traz tranquilidade Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

23 Exprime profundidade. Introvertida e discreta
PROJETO GRÁFICO VISUAL Azul Exprime profundidade. Introvertida e discreta Laranja Transmite radiação e expansão Branco: paz, solidão Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

24 As composições podem ser feitas de forma atenuante ou contrastante
PROJETO GRÁFICO VISUAL UTILIZAÇÃO As composições podem ser feitas de forma atenuante ou contrastante Referência: o círculo cromático Amarelo Vermelho Verde Magenta Cian Azul São complementares Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

25 Cores próximas a complementar tendem a aparecer mais
PROJETO GRÁFICO VISUAL UTILIZAÇÃO Cores próximas a complementar tendem a aparecer mais Contrastes: Com contorno em preto – ficam mais vistosas Com contorno em branco – ficam mais desbotadas Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

26 Primárias: cian, magenta, e amarelo Pigmento Diz-se: CMYK
PROJETO GRÁFICO VISUAL NA PRODUÇÃO GRÁFICA Síntese Subtrativa Primárias: cian, magenta, e amarelo Pigmento Diz-se: CMYK Síntese Aditiva Primárias: vermelho, azul e verde Luz Diz-se: RGB Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

27 Outros sistemas de cores utilizados
PROJETO GRÁFICO VISUAL NA PRODUÇÃO GRÁFICA Outros sistemas de cores utilizados 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 -> Aula 2 24/8/2009 (4-6 – noite)

28 REPRODUÇÃO GRÁFICA Chapada -> 100% Retícula -> X%
PROJETO GRÁFICO VISUAL REPRODUÇÃO GRÁFICA Chapada -> 100% Retícula -> X% Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)

29 Cada cor é processada separadamente
PROJETO GRÁFICO VISUAL REPRODUÇÃO GRÁFICA Cada cor é processada separadamente Assim, 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 -> Aula 2 24/8/2009 (4-6 – noite)

30 TRABALHO 2: Produção do círculo cromático
PROJETO GRÁFICO VISUAL 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 -> Aula 2 24/8/2009 (4-6 – noite)

31 TRABALHO PARA AVALIAÇÃO FINAL: 1ª PARTE
PROJETO GRÁFICO VISUAL 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 -> Aula 2 24/8/2009 (4-6 – noite)

32 REFERÊNCIAS UTILIZADAS
PROJETO GRÁFICO VISUAL 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. Projeto Gráfico Visual -> Aula 2 24/8/2009 (4-6 – noite)