Breve Introduao ao Design

12/06/12 17:45

INTRODUO AO DESIGN
Tipologia e Tipografia Webdesign e Webdesigner Cores 1 (Estudo e Definies) Cores 2 (Psicologia das Cores) Organizao Espacial

Etimologia da palavra Design Conceitos de Design Vocabulrio Links

CORES II
(Psicologia das cores) A escolha das cores fundamental para uma boa harmonia dos elementos de um site. Ela pode enfatizar textos, imagens e caracterizar especialmente os elementos da pgina. A cor exerce influncia decisiva nos olhos dos seres humanos, afeta a atividade muscular, mental e nervosa. A combinao das cores afeta o psicolgico e pode tornar um ponto importante no interesse do pblico em seu site. A combinao certa pode causar efeitos como de excitao, urgncia, contentamento, calma, vulgaridade, melancolia, segurana etc., e ainda destacar algum elemento em relao a outro. Na Web a seleo de uma cor um pouco complicada, pois impossvel garantir que uma determinada cor ir se apresentar no monitor do usurio como ela realmente , ou seja, como a que o designer colocou. Isto acontece devido ao fato de cada monitor ter uma especificao diferente, uns podem trabalhar com mais vermelho, ser mais brilhante, ter mais contraste e etc., e ainda cada um pode estar configurado com uma determinada resoluo como 640x480 pixels, 800x600 pixels e assim por diante. A combinao desses fatores que ir determinar a fidelidade e a reproduo de cores e a qualidade das imagens. Abaixo voc poder visualizar algumas sensaes psicolgicas conhecidas: As cores e os efeitos psicolgicos Sensaes visuais + significado: Branco pureza Preto negativo Cinza tristeza Vermelho calor, dinamismo Rosa graa, ternura Azul pureza, f Sensaes Acromticas Branco: inocncia, paz, divindade, calma, harmonia, para os orientais pode significar morte, batismo, casamento, cisne, lrio,
http://www.lsc.ufsc.br/~edla/design/cores2.htm Page 1 of 3

Breve Introduao ao Design

12/06/12 17:45

orientais pode significar morte, batismo, casamento, cisne, lrio, neve, ordem, simplicidade, limpeza, bem, pureza. Preto: sujeira, sombra, carvo, fumaa, misria, pessimismo, melancolia, nobreza, seriedade. expressivo e angustiante ao mesmo tempo. Alegre quando combinado com outras cores. Cinza: p, chuva, neblina, tdio, tristeza, velhice, passado, seriedade. Posio intermediria entre luz e sombra. Sensaes Cromticas Vermelho: guerra, sol, fogo, ateno, mulher, conquista, coragem, furor, vigor, glria, ira, emoo, paixo, emoo, ao, agressividade, perigo, dinamismo, baixeza, energia, revolta, calor, violncia. Laranja: prazer, xtase, dureza, euforia, outono, aurora, festa, luminosidade, tentao, senso de humor. Flamejar do fogo. Amarelo: egosmo, cimes, inveja, prazer, conforto, alerta, esperana, flores grandes, vero, limo, calor da luz solar, iluminao, alerta, euforia. Verde: umidade, frescor, bosque, mar, vero, adolescncia, bem-estar, paz, sade (medicina), esperana, liberdade, paz repousante. Pode desencadear paixes. Azul: frio, mar, cu, horizonte, feminilidade, espao, intelectualidade, paz, serenidade, fidelidade, confiana, harmonia, afeto, amizade, amor, viagem, verdade, advertncia. Roxo: fantasia, mistrio, egosmo, espiritualidade, noite, aurora, sonho, igreja, justia, misticismo, delicadeza, calma. Marrom: cordialidade, comportamento nobre, pensar, melancolia, terra, lama, outono, doena, desconforto, pesar, vigor. Prpura: violncia, furto, misria, engano, calma, dignidade, estima. Violeta: calma, dignidade, estima, valor, misria, roubo, afetividade, misria, calma, violncia, agresso, poder sonfero. Vermelho-alaranjado: sexualidade, agresso, competio, operacionalidade, desejo, excetabilidade, dominao. A escolha da cor sofre influncia da moda, das tendncias e da deciso do designer. Harmonia e Contraste Espaos em branco podem ser definidos como reas que no contenham textos, imagens ou qualquer outro elemento grfico. Saber balancear o contedo e o espao em branco em um site a chave para manter a harmonia dos elementos dentro da pgina e prender a ateno do usurio. A conseqncia da m utilizao desse recurso no ter um bom equilbrio, assim os olhos ficam confusos pois no existir uma progresso visual para o internauta seguir e conseqentemente ele perder o interesse pela pgina. O que pode ser feito para que isto no acontea seguir as
http://www.lsc.ufsc.br/~edla/design/cores2.htm Page 2 of 3

Breve Introduao ao Design

12/06/12 17:45

O que pode ser feito para que isto no acontea seguir as recomendaes de alguns "gurus" em design: "No coloque o mximo de informaes dentro de uma pgina". "Os espaos vazios reforam a unidade de grupos, harmonizam as reas, aumentam o contraste e facilitam a visualizao e leitura". Em geral as cores claras e quentes elevam e expandem, por isso, no passado era comum casas com o teto pintado de azul e paredes amarelas, a sensao que passava era de mais espao. Por exemplo, nunca se deve pintar um teto de preto ou roxo, essas cores passariam a sensao de opresso e clausura. Visibilidade Amarelo e Azul so as cores que melhor se lem a distncia O contraste preto-amarelo se v desde mais longe O contraste preto-branco tem um valor neutro O contraste vermelho-verde o que menos se percebe Em geral os elementos grficos escuros sobre fundo claro se percebem melhor que o contrrio.

Baseado no material do professor de Design da Universidade Anhembi Morumbi - Andrej Grujic

http://www.lsc.ufsc.br/~edla/design/cores2.htm

Page 3 of 3