O documento discute vários aspectos da comunicação visual e da teoria das cores, incluindo os modelos de cores RGB e CMYK, os princípios de Gestalt aplicados ao design, a escolha de cores, e o simbolismo das cores.
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.
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.
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
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.
62. Profundidade por cores saturadas complementares CVDG “ La Agoria en el Jardin ”, El Greco (1590)
Notas do Editor
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.
Um principio básico de gestalt afirma que tudo o que está no nosso campo visual, influência tudo o resto que visualizamos
Left: Os segmentos de reta parecem ter comprimentos diferentes. Right & Middle: O espaçamento das linhas verticais parece ser maior que as linhas horizontais.
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.
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“.
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.
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
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.
Por ano, na Alemanha, mais de 300.000 crianças sofrem abusos
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.
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.
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.
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.
Os ecrãs tradicionais não conseguem apresentar grande parte do que o SVH consegue percecionar.
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
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.
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).
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).
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
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 .
Forma vermelha mais próxima do que a forma castanha.