SlideShare uma empresa Scribd logo
1 de 62
Forma Visual e Cor Comunicação Visual e Design Gráfico Marketing
Forma Visual
CVDG Comunicação Visual  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CVDG Percepção ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
CVDG Teoria de Gestalt A psicologia de Gestalt afirma que as partes nunca podem proporcionar uma real compreensão do todo. De acordo com a teoria gestáltica, não é possível ter conhecimento do "todo" por meio das suas partes, pois o  todo é maior que a soma de suas partes . A Gestalt, após sistemáticas pesquisas, apresenta uma nova teoria sobre o fenómeno da percepção. Segundo esta o que acontece no cérebro não é idêntico ao que acontece na retina. A agitação cerebral não se dá por pontos isolados, mas por extensão. A sensação gerada já é global, de forma e unificada.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],CVDG Princípios de Gestalt aplicados ao Design
Proximidade
Simetria
Unidade
Segregação (Figura/Fundo)
Segregação (Figura/Fundo)
Semelhança
Semelhança (mau exemplo)
Continuidade
Fechamento ,[object Object]
Cor
CVDG A cor é radiação electromagnética emitida num determinado comprimento de onda do espectro electromagnético. O que é a Cor?
O que é a Cor? CVDG ,[object Object],[object Object],[object Object],[object Object]
Modelos de Cor CVDG A forma de armazenar e representar cores num sistema informático pode ser vista, de certa forma, como uma simplificação da forma que o olho humano usa para reconhecer as cores. Com vista a representar com exactidão cada uma das cores, e visto que ainda não se generalizou forma de descrever todos os aspectos relacionados com a cor, foram desenvolvidos diversos modelos para a representação da cor.
RGB CVDG Segundo a teoria dos 3 estímulos proposta por  Young-Helmholtz  (Século XIX), o olho humano interpreta a cor através da estimulação dos 3 pigmentos visuais presentes nos cones da retina (existem igualmente os bastonetes), que possuem picos de sensibilidade aproximada nos seguintes comprimentos de onda: 630 nm (Vermelho ( R )), 530 nm (Verde ( G )) e 450 nm (Azul ( B )). Curiosidade : O daltonismo deve-se a uma anomalia de um (ou mais) destes pigmentos. Faltando um, todas as cores terão de ser representadas através da combinação dos outros dois pigmentos, originando representações “incorrectas” das cores.
Sistema Aditivo (RGB) CVDG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sistema Visual Humano vs RGB CVDG
Sistema Subtrativo (CMYK) CVDG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Pantone CVDG Pantone Inc.  ( www.pantone.com ), é uma empresa norte americana   conhecida pelo seu sistema (numérico) de cor, largamente utilizado na indústria gráfica.  O sistema Pantone é baseado numa mistura específica de pigmentos para se criarem novas cores. O sistema Pantone também permite que cores especiais sejam impressas, tais como as cores metálicas e fluorescentes. O sistema Pantone garante uma fidelidade de impressão entre 95% e 100%. Contudo, é mais caro imprimir com tons Pantone do que com o sistema  CMYK .
Pantone CVDG O sucesso do sistema deveu-se muito ao facto de ser muito mais confiável especificar números, que não são ou estão sujeitos a subjectividade humana do que em nomes, que podem ter diferentes conotações noutros locais ou sociedades. Os números de cor e valores da Pantone são propriedade intelectual da  Pantone Inc.  e o uso gratuito da lista não é autorizado. É por este motivo que as cores Pantone não são suportadas em aplicações gráficas de software livre como  GIMP  e  Inkscape , e muitas vezes não estão presentes em soluções de software de baixo custo.
Pantone CVDG Curiosidade : O Parlamento escocês definiu que a bandeira escocesa é da cor Pantone 300. Outros países, como Canadá e Coreia do Sul, também indicam cores Pantone para a produção de bandeiras.
Sistema HSL CVDG ,[object Object],[object Object],[object Object],[object Object]
Propriedades da Cor CVDG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Valor lumínico CVDG No entanto, o valor lumínico também depende da cor de fundo onde ela é apresentada. Por exemplo, sobre fundo claro, as cores claras parecem mais escuras e menos luminosas. A mesma cor sobre um fundo escuro parece mais luminosa.
Condicionantes na escolha de cores CVDG ,[object Object],[object Object],[object Object],[object Object],[object Object]
Como escolher as cores? CVDG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Discriminação CVDG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Valor lumínico CVDG Valores aproximados: vibração ! Valores distanciados: contraste Valor lumínico como medida de contraste entre duas cores:
Valor lumínico CVDG Valor lumínico como medida de equilíbrio entre várias cores: Valores distintos: desequilíbrio Valores mais próximos: + harmonia
Ordem espectral CVDG A ordem espectral é mais harmoniosa
Cores complementares CVDG (0, 50, 100)  (255, 205, 155) (255, 0, 0)  (0, 255, 255) (255, 0, 255) (0, 255, 0) a a a a (150, 50, 100)  (105, 205, 155) Cores complementares e saturadas: vibração! Cores complementares não saturadas: contraste + harmonioso
Saturação CVDG Textos colocados sobre fundos de cores saturadas provocam fadiga Combinações de cores muito saturadas produzem sombras ou vibrações: Textos  extensos em cores muito saturadas provocam fadiga no leitor
Texto vs Fundo CVDG Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor. Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor . Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor. Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor. Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor. Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor. Algumas combinações de cores desadequadas...
Ênfase CVDG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CVDG Ênfase O vermelho quando apresentado em pequena extensão assume enorme força. Chama a atenção por estar em menor tamanho.
Dinâmica das cores CVDG A cor afecta profundamente a nossa percepção do espaço. Cores saturadas (quentes), visualmente parecem mais próximas do observador. Cores frias, parecem mais distantes.
Consequências do mau uso da cor CVDG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Simbolismo da Cor CVDG A cor actua fortemente sobre a sensibilidade e condiciona a fisiologia dos seres que a percepcionam. Alguns significados possíveis (embora subjectivo): ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Simbolismo da Cor CVDG
Contraste por cores primárias CVDG
Contraste por cores complementares CVDG
Contraste por cores quente-frio CVDG
Profundidade por cores saturadas complementares CVDG “ La Agoria en el Jardin ”, El Greco (1590)

Mais conteúdo relacionado

Mais procurados

Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficonfeio
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Elementos da Linguagem Visual: Teoria das cores
Elementos da Linguagem Visual: Teoria das coresElementos da Linguagem Visual: Teoria das cores
Elementos da Linguagem Visual: Teoria das coresRaphael Lanzillotte
 
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdf
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdfPRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdf
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdfUNIP. Universidade Paulista
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 
Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 
Programa disciplina Comunicação Gráfica e Audiovisual
Programa disciplina Comunicação Gráfica e AudiovisualPrograma disciplina Comunicação Gráfica e Audiovisual
Programa disciplina Comunicação Gráfica e AudiovisualCarina Lopes
 
Produção Audiovisual - A função do som pdf
Produção Audiovisual - A  função do som pdfProdução Audiovisual - A  função do som pdf
Produção Audiovisual - A função do som pdfUNIP. Universidade Paulista
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digitalMarconi Pacheco
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fábio Gonçalves
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisRuiCorgan
 
Aula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignAula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Características fundamentais da linguagem audiovisual
Características fundamentais da linguagem audiovisualCaracterísticas fundamentais da linguagem audiovisual
Características fundamentais da linguagem audiovisualThiago Assumpção
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTEangelicaferraz
 
As Cores E Seus Significados
As Cores E Seus SignificadosAs Cores E Seus Significados
As Cores E Seus SignificadosDaniela Fiuza
 

Mais procurados (20)

Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Elementos da Linguagem Visual: Teoria das cores
Elementos da Linguagem Visual: Teoria das coresElementos da Linguagem Visual: Teoria das cores
Elementos da Linguagem Visual: Teoria das cores
 
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdf
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdfPRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdf
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdf
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Programa disciplina Comunicação Gráfica e Audiovisual
Programa disciplina Comunicação Gráfica e AudiovisualPrograma disciplina Comunicação Gráfica e Audiovisual
Programa disciplina Comunicação Gráfica e Audiovisual
 
Produção Audiovisual - A função do som pdf
Produção Audiovisual - A  função do som pdfProdução Audiovisual - A  função do som pdf
Produção Audiovisual - A função do som pdf
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriais
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Aula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignAula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e Design
 
Características fundamentais da linguagem audiovisual
Características fundamentais da linguagem audiovisualCaracterísticas fundamentais da linguagem audiovisual
Características fundamentais da linguagem audiovisual
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTE
 
As Cores E Seus Significados
As Cores E Seus SignificadosAs Cores E Seus Significados
As Cores E Seus Significados
 

Destaque

Simbologia da cor e linha
Simbologia da cor e linhaSimbologia da cor e linha
Simbologia da cor e linhaJoana Santos
 
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia FascioneGestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia FascioneLuiza Amaral
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltDanilo Aroeira
 
Processos Mentais 2 - A Percepção
Processos Mentais 2 - A PercepçãoProcessos Mentais 2 - A Percepção
Processos Mentais 2 - A PercepçãoJorge Barbosa
 
DESENHO GRÁFICO - O CARTAZ
DESENHO GRÁFICO - O CARTAZDESENHO GRÁFICO - O CARTAZ
DESENHO GRÁFICO - O CARTAZpacobr
 
Aula 09 design gráfico na publicidade uso das cores
Aula 09   design gráfico na publicidade uso das coresAula 09   design gráfico na publicidade uso das cores
Aula 09 design gráfico na publicidade uso das coresElizeu Nascimento Silva
 
Gimp e Diferença entre RGB e CMYK - Analise
Gimp e Diferença entre RGB e CMYK - AnaliseGimp e Diferença entre RGB e CMYK - Analise
Gimp e Diferença entre RGB e CMYK - AnaliseJonathan Célio
 
Desenho industrial
Desenho industrialDesenho industrial
Desenho industrialpacobr
 
LINGUAGEM E PUBLICIDADE
LINGUAGEM E PUBLICIDADELINGUAGEM E PUBLICIDADE
LINGUAGEM E PUBLICIDADEpacobr
 
Design e Percepção - Palestra Campus Party 2012
Design e Percepção - Palestra Campus Party 2012Design e Percepção - Palestra Campus Party 2012
Design e Percepção - Palestra Campus Party 2012popup_design
 
Pesquisa de identidade visual comfrio
Pesquisa de identidade visual   comfrioPesquisa de identidade visual   comfrio
Pesquisa de identidade visual comfrioLuiz Henrique Weg
 

Destaque (20)

Simbologia da cor e linha
Simbologia da cor e linhaSimbologia da cor e linha
Simbologia da cor e linha
 
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia FascioneGestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da Gestalt
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
Processos Mentais 2 - A Percepção
Processos Mentais 2 - A PercepçãoProcessos Mentais 2 - A Percepção
Processos Mentais 2 - A Percepção
 
Palestra de Cor - Lucas Marques
Palestra de Cor - Lucas MarquesPalestra de Cor - Lucas Marques
Palestra de Cor - Lucas Marques
 
04 gestalt
04 gestalt04 gestalt
04 gestalt
 
DESENHO GRÁFICO - O CARTAZ
DESENHO GRÁFICO - O CARTAZDESENHO GRÁFICO - O CARTAZ
DESENHO GRÁFICO - O CARTAZ
 
Aula 09 design gráfico na publicidade uso das cores
Aula 09   design gráfico na publicidade uso das coresAula 09   design gráfico na publicidade uso das cores
Aula 09 design gráfico na publicidade uso das cores
 
Aula 3
Aula 3Aula 3
Aula 3
 
Workshop: O Que Você Precisa Saber Sobre Identidade Visual
Workshop: O Que Você Precisa Saber Sobre Identidade VisualWorkshop: O Que Você Precisa Saber Sobre Identidade Visual
Workshop: O Que Você Precisa Saber Sobre Identidade Visual
 
Geometria
GeometriaGeometria
Geometria
 
Gimp e Diferença entre RGB e CMYK - Analise
Gimp e Diferença entre RGB e CMYK - AnaliseGimp e Diferença entre RGB e CMYK - Analise
Gimp e Diferença entre RGB e CMYK - Analise
 
Design e percepção
Design e percepçãoDesign e percepção
Design e percepção
 
Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
Desenho industrial
Desenho industrialDesenho industrial
Desenho industrial
 
LINGUAGEM E PUBLICIDADE
LINGUAGEM E PUBLICIDADELINGUAGEM E PUBLICIDADE
LINGUAGEM E PUBLICIDADE
 
Design e Percepção - Palestra Campus Party 2012
Design e Percepção - Palestra Campus Party 2012Design e Percepção - Palestra Campus Party 2012
Design e Percepção - Palestra Campus Party 2012
 
Pesquisa de identidade visual comfrio
Pesquisa de identidade visual   comfrioPesquisa de identidade visual   comfrio
Pesquisa de identidade visual comfrio
 
Cores - Colors
Cores  -  ColorsCores  -  Colors
Cores - Colors
 

Semelhante a Forma visual e Cor

Aplicações Informáticas B cor e sistdigitais.pptx
Aplicações Informáticas B cor e sistdigitais.pptxAplicações Informáticas B cor e sistdigitais.pptx
Aplicações Informáticas B cor e sistdigitais.pptxDanielLima356312
 
Guia de Cores
Guia de CoresGuia de Cores
Guia de Coresdmazbnet
 
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADEGESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADEVitor Pedro
 
Cores E TransparêNcias
Cores E TransparêNciasCores E TransparêNcias
Cores E TransparêNciasrenatamruiz
 
Multimidia na educação
Multimidia na educaçãoMultimidia na educação
Multimidia na educaçãosergioborgato
 
Fundamentos do desenho
Fundamentos do desenhoFundamentos do desenho
Fundamentos do desenhosergioborgato
 
slides PDI 2007 leonardo
slides PDI 2007 leonardoslides PDI 2007 leonardo
slides PDI 2007 leonardoRaphael Marques
 
Gerenciamento de cores para designers e fotógrafos.
Gerenciamento de cores para designers e fotógrafos.Gerenciamento de cores para designers e fotógrafos.
Gerenciamento de cores para designers e fotógrafos.Artefato Design
 
Computacao grafica
Computacao graficaComputacao grafica
Computacao graficaHélio Jovo
 
Colorimetria na impressão digital
Colorimetria na impressão digitalColorimetria na impressão digital
Colorimetria na impressão digitalAry Luiz
 
Trabalho 2 - Seminário sobre Imagens
Trabalho 2 - Seminário sobre ImagensTrabalho 2 - Seminário sobre Imagens
Trabalho 2 - Seminário sobre ImagensJuliano Tiago Rinaldi
 
O uso de imagens na educação
O uso de imagens na educaçãoO uso de imagens na educação
O uso de imagens na educaçãoJaire Passos
 

Semelhante a Forma visual e Cor (20)

Aplicações Informáticas B cor e sistdigitais.pptx
Aplicações Informáticas B cor e sistdigitais.pptxAplicações Informáticas B cor e sistdigitais.pptx
Aplicações Informáticas B cor e sistdigitais.pptx
 
Guiadecores
GuiadecoresGuiadecores
Guiadecores
 
Guia de Cores
Guia de CoresGuia de Cores
Guia de Cores
 
PDI Slides
PDI SlidesPDI Slides
PDI Slides
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADEGESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
 
Cores E TransparêNcias
Cores E TransparêNciasCores E TransparêNcias
Cores E TransparêNcias
 
Multimidia na educação
Multimidia na educaçãoMultimidia na educação
Multimidia na educação
 
Aplicaçoes unidade 4
Aplicaçoes unidade 4Aplicaçoes unidade 4
Aplicaçoes unidade 4
 
Gerenciamento de cor - parte 2 da aula
Gerenciamento de cor - parte 2 da aulaGerenciamento de cor - parte 2 da aula
Gerenciamento de cor - parte 2 da aula
 
Fundamentos do desenho
Fundamentos do desenhoFundamentos do desenho
Fundamentos do desenho
 
slides PDI 2007 leonardo
slides PDI 2007 leonardoslides PDI 2007 leonardo
slides PDI 2007 leonardo
 
Gerenciamento de cores para designers e fotógrafos.
Gerenciamento de cores para designers e fotógrafos.Gerenciamento de cores para designers e fotógrafos.
Gerenciamento de cores para designers e fotógrafos.
 
Computacao grafica
Computacao graficaComputacao grafica
Computacao grafica
 
Colorimetria na impressão digital
Colorimetria na impressão digitalColorimetria na impressão digital
Colorimetria na impressão digital
 
Unidade4 Parte I
Unidade4   Parte IUnidade4   Parte I
Unidade4 Parte I
 
Trabalho 2 - Seminário sobre Imagens
Trabalho 2 - Seminário sobre ImagensTrabalho 2 - Seminário sobre Imagens
Trabalho 2 - Seminário sobre Imagens
 
O uso de imagens na educação
O uso de imagens na educaçãoO uso de imagens na educação
O uso de imagens na educação
 
A Imagem Digital
A Imagem DigitalA Imagem Digital
A Imagem Digital
 
Modelos de Cor
Modelos de Cor Modelos de Cor
Modelos de Cor
 

Último

ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024Jeanoliveira597523
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBAline Santana
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinhaMary Alvarenga
 
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptxthaisamaral9365923
 
02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdfJorge Andrade
 
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaAula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaaulasgege
 
Família de palavras.ppt com exemplos e exercícios interativos.
Família de palavras.ppt com exemplos e exercícios interativos.Família de palavras.ppt com exemplos e exercícios interativos.
Família de palavras.ppt com exemplos e exercícios interativos.Susana Stoffel
 
Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavrasMary Alvarenga
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasRosalina Simão Nunes
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxLuizHenriquedeAlmeid6
 
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxApostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxIsabelaRafael2
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADOcarolinacespedes23
 
E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?Rosalina Simão Nunes
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasCassio Meira Jr.
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresaulasgege
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfEditoraEnovus
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxleandropereira983288
 
Governo Provisório Era Vargas 1930-1934 Brasil
Governo Provisório Era Vargas 1930-1934 BrasilGoverno Provisório Era Vargas 1930-1934 Brasil
Governo Provisório Era Vargas 1930-1934 Brasillucasp132400
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalJacqueline Cerqueira
 

Último (20)

ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinha
 
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
 
02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf
 
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaAula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
 
Família de palavras.ppt com exemplos e exercícios interativos.
Família de palavras.ppt com exemplos e exercícios interativos.Família de palavras.ppt com exemplos e exercícios interativos.
Família de palavras.ppt com exemplos e exercícios interativos.
 
Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavras
 
Em tempo de Quaresma .
Em tempo de Quaresma                            .Em tempo de Quaresma                            .
Em tempo de Quaresma .
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
 
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxApostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
 
E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e Específicas
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autores
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdf
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptx
 
Governo Provisório Era Vargas 1930-1934 Brasil
Governo Provisório Era Vargas 1930-1934 BrasilGoverno Provisório Era Vargas 1930-1934 Brasil
Governo Provisório Era Vargas 1930-1934 Brasil
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem Organizacional
 

Forma visual e Cor

  • 1. Forma Visual e Cor Comunicação Visual e Design Gráfico Marketing
  • 3.
  • 4.
  • 5.  
  • 6.  
  • 7.  
  • 8.  
  • 9.  
  • 10.  
  • 11.  
  • 12.  
  • 13.  
  • 14.  
  • 15.  
  • 16.  
  • 17.  
  • 18.  
  • 19. CVDG Teoria de Gestalt A psicologia de Gestalt afirma que as partes nunca podem proporcionar uma real compreensão do todo. De acordo com a teoria gestáltica, não é possível ter conhecimento do "todo" por meio das suas partes, pois o todo é maior que a soma de suas partes . A Gestalt, após sistemáticas pesquisas, apresenta uma nova teoria sobre o fenómeno da percepção. Segundo esta o que acontece no cérebro não é idêntico ao que acontece na retina. A agitação cerebral não se dá por pontos isolados, mas por extensão. A sensação gerada já é global, de forma e unificada.
  • 20.
  • 29.
  • 30. Cor
  • 31. CVDG A cor é radiação electromagnética emitida num determinado comprimento de onda do espectro electromagnético. O que é a Cor?
  • 32.
  • 33. Modelos de Cor CVDG A forma de armazenar e representar cores num sistema informático pode ser vista, de certa forma, como uma simplificação da forma que o olho humano usa para reconhecer as cores. Com vista a representar com exactidão cada uma das cores, e visto que ainda não se generalizou forma de descrever todos os aspectos relacionados com a cor, foram desenvolvidos diversos modelos para a representação da cor.
  • 34. RGB CVDG Segundo a teoria dos 3 estímulos proposta por Young-Helmholtz (Século XIX), o olho humano interpreta a cor através da estimulação dos 3 pigmentos visuais presentes nos cones da retina (existem igualmente os bastonetes), que possuem picos de sensibilidade aproximada nos seguintes comprimentos de onda: 630 nm (Vermelho ( R )), 530 nm (Verde ( G )) e 450 nm (Azul ( B )). Curiosidade : O daltonismo deve-se a uma anomalia de um (ou mais) destes pigmentos. Faltando um, todas as cores terão de ser representadas através da combinação dos outros dois pigmentos, originando representações “incorrectas” das cores.
  • 35.
  • 36. Sistema Visual Humano vs RGB CVDG
  • 37.
  • 38. Pantone CVDG Pantone Inc. ( www.pantone.com ), é uma empresa norte americana conhecida pelo seu sistema (numérico) de cor, largamente utilizado na indústria gráfica. O sistema Pantone é baseado numa mistura específica de pigmentos para se criarem novas cores. O sistema Pantone também permite que cores especiais sejam impressas, tais como as cores metálicas e fluorescentes. O sistema Pantone garante uma fidelidade de impressão entre 95% e 100%. Contudo, é mais caro imprimir com tons Pantone do que com o sistema  CMYK .
  • 39. Pantone CVDG O sucesso do sistema deveu-se muito ao facto de ser muito mais confiável especificar números, que não são ou estão sujeitos a subjectividade humana do que em nomes, que podem ter diferentes conotações noutros locais ou sociedades. Os números de cor e valores da Pantone são propriedade intelectual da Pantone Inc. e o uso gratuito da lista não é autorizado. É por este motivo que as cores Pantone não são suportadas em aplicações gráficas de software livre como GIMP e Inkscape , e muitas vezes não estão presentes em soluções de software de baixo custo.
  • 40. Pantone CVDG Curiosidade : O Parlamento escocês definiu que a bandeira escocesa é da cor Pantone 300. Outros países, como Canadá e Coreia do Sul, também indicam cores Pantone para a produção de bandeiras.
  • 41.
  • 42.
  • 43. Valor lumínico CVDG No entanto, o valor lumínico também depende da cor de fundo onde ela é apresentada. Por exemplo, sobre fundo claro, as cores claras parecem mais escuras e menos luminosas. A mesma cor sobre um fundo escuro parece mais luminosa.
  • 44.
  • 45.
  • 46.
  • 47. Valor lumínico CVDG Valores aproximados: vibração ! Valores distanciados: contraste Valor lumínico como medida de contraste entre duas cores:
  • 48. Valor lumínico CVDG Valor lumínico como medida de equilíbrio entre várias cores: Valores distintos: desequilíbrio Valores mais próximos: + harmonia
  • 49. Ordem espectral CVDG A ordem espectral é mais harmoniosa
  • 50. Cores complementares CVDG (0, 50, 100) (255, 205, 155) (255, 0, 0) (0, 255, 255) (255, 0, 255) (0, 255, 0) a a a a (150, 50, 100) (105, 205, 155) Cores complementares e saturadas: vibração! Cores complementares não saturadas: contraste + harmonioso
  • 51. Saturação CVDG Textos colocados sobre fundos de cores saturadas provocam fadiga Combinações de cores muito saturadas produzem sombras ou vibrações: Textos extensos em cores muito saturadas provocam fadiga no leitor
  • 52. Texto vs Fundo CVDG Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor. Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor . Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor. Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor. Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor. Aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor, aplicação de texto sobre um fundo de cor. Algumas combinações de cores desadequadas...
  • 53.
  • 54. CVDG Ênfase O vermelho quando apresentado em pequena extensão assume enorme força. Chama a atenção por estar em menor tamanho.
  • 55. Dinâmica das cores CVDG A cor afecta profundamente a nossa percepção do espaço. Cores saturadas (quentes), visualmente parecem mais próximas do observador. Cores frias, parecem mais distantes.
  • 56.
  • 57.
  • 59. Contraste por cores primárias CVDG
  • 60. Contraste por cores complementares CVDG
  • 61. Contraste por cores quente-frio CVDG
  • 62. Profundidade por cores saturadas complementares CVDG “ La Agoria en el Jardin ”, El Greco (1590)

Notas do Editor

  1. Gestalt theory describes how the mind organizes visual data . O todo é diferente que a soma das partes. A forma como o nosso cérebro interpreta o que vemos é influenciado por: meio socioeconómico/cultural (vermelho na China) , cor dos objetos circundantes, proximidade aos objetos, idade, estados de espírito, tudo o que é visualizado no campo visual.
  2. Um principio básico de gestalt afirma que tudo o que está no nosso campo visual, influência tudo o resto que visualizamos
  3. Left: Os segmentos de reta parecem ter comprimentos diferentes. Right & Middle: O espaçamento das linhas verticais parece ser maior que as linhas horizontais.
  4. Investigações demonstraram que as crianças não podem identificar o casal na posição intima, pois a sua matriz comportamental ainda não está associada a essa realidade.
  5. Elementos próximos entre si, irão ser interpretados como um objeto coerente. The fifteen figures above (top left) form a  unified whole  (the shape of a tree) because of their  proximity . In the "preferences window" of the Opera browser, colour is used to make the user group the menu items on the basis of their background colour. The grey background of the first four menu items thus "tie them together“.
  6. Objects we tend to perceive them as  symmetrical shapes that form around their centre. Though the logo (Finland’s Center for Science and Technology) sports two separate elements pointing in different directions and having different colors, the logo is easily viewed as a single entity because of symmetry.
  7. Elements that have a visual connectedness are perceived as being more related than elements with no connection. The image on the left you see two squares and two rectangles. When you look at the image on the right you see two objects, each consisting of a square and a circle
  8. In perceiving a visual field, some objects take a prominent role (the figures) while others recede into the background (the ground). Ground is sometimes thought of as background or negative space. Can you find the two people in the Hope for African Children Initiative logo below. Hint: a child is looking up at a woman, presumably his mother. Mac logo shows not just a happy face — but a happy face in profile, presumably looking with delight into their computer screen. Gnome Desktop Environment can be viewed as both a "G" and a footprint.
  9. Por ano, na Alemanha, mais de 300.000 crianças sofrem abusos
  10. Elementos similares serão percetíveis como um grupo ou padrão . Reuters: similar colour and dot sizes are used to make the logo cohesive even though the dots never touch. When similarity occurs, an object can be emphasised if it is dissimilar to the others. But it isn’t only similarities that our mind recognizes. We also notice when something is out of order or disrupting a pattern. This is known as an anomaly and it also works well in logo design. Mobil: Mobil logo make use of a design anomaly in order to add interest.
  11. During the 2008 US presidential campaign, People Magazine ran a cover photo of the McCain family, with then presidential candidate John McCain in the center. The McCains’ adopted daughter Bridget, a young woman from Bangladesh, was apparently "shoved into the corner," occupying the bottom left corner of the magazine cover. Combined with the effect of the top line of the cover text — which, if extended to the left, essentially "cuts" Bridget out of the picture — the photo gave some observers the idea that the McCains (or rather, the McCain campaign) were trying to "segregate" Bridget from the rest of the far more homogeneous family group.
  12. O ser humano tem a tendência de manter a continuidade contornos sempre que o padrão visualizado sugere um determinada direção . The viewer's eye (left) will naturally follow a line or curve. The smooth flowing crossbar of the "H" leads the eye directly to the maple leaf. In the image (right) you should see a curved line with a vertical line running through it. Continuation is stronger than similarity of colour here. The red circles in the curved line are more related to the black circles along that same curve than they are to the red circles in the vertical line.
  13. Temos a tendência fechar contornos ignorando buracos que possam existir na figura. IBM: Espaços (linhas) em branco que o nosso cérebro “fecha” para ler as letras IBM . We see the figure on Paul Thagard's book as forming a three-dimensional box although all we see, in fact, is 24 dissimilar red shapes on a dark red background. Our perception fills in the blanks.  The “ Mars Face" was just a landform.
  14. Os ecrãs tradicionais não conseguem apresentar grande parte do que o SVH consegue percecionar.
  15. Os leques/escalas da Pantone são guias de referência rápida que trazem o número da cor e como obtê-la através do método de impressão CMYK
  16. PMS – Pantone Matching System Enquanto que a maior parte das cores do sistema Pantone esteja além da gama de cores reproduzíveis pelo CMYK, as que podem ser simuladas pelo sistema de quatro cores (CMYK) são marcadas como tais nas guias da empresa.
  17. A fórmula do valor limínico serve apenas para se perceber que algumas componentes contribuem muito mais para o valor lumínico de uma cor do que outras. Por exemplo, um aumento na componente Verde (G) provoca um aumento do valor lumínico numa cor muito superior a um aumento igual na componente Azul (B).
  18. Limitações Humanas: Discriminação, daltonismo, dispersão visual, fadiga Identidade visual: É necessário respeitar a identidade e as conceções do público alvo. Se existe uma identidade visual marcada (e.g. imagem corporativa de uma empresa) então ela deve ser respeitada. Ambiente de Trabalho: As condições do ambiente de trabalho, nomeadamente a iluminação, a visibilidade e o tempo de exposição ao ecrã condicionam a escolha de cores para uma interface. Limitações do hardware: O número de cores que podem ser visualizadas e as características do monitor (tamanho, mono ou policromático).
  19. Ao conjugar a cor com a sua complementar, é preciso efetuar alguns ajustes quando as cores envolvidas têm uma Saturação elevada, o que provoca vibração entre as cores ou aparecimento de sombras nas linhas fronteira entre as cores
  20. Fundos de cores saturadas cujas complementares são quase sempre também saturadas, provocando cintilação ou sombras entre o texto e o fundo. Nestes casos é preciso ajustar a cor do texto, resultante. Ou então, gradação da cor deve respeitar a cor original. Por exemplo se o fundo é verde escuro podemos usar um verde muito claro quase amarelado, ou um verde azulado, mas desde que se possa dizer que é um verde .
  21. Forma vermelha mais próxima do que a forma castanha.