SlideShare une entreprise Scribd logo
1  sur  23
FACULDADES INTEGRADAS PITÁGORAS DE MONTES CLAROS




PSICOLOGIA DAS CORES APLICADA
        À WEB DESIGN



        DeAngeliS Caldeira Mateus
       Orientador: Rodrigo Barbosa de Queiroz
                 Montes Claros / MG
                 06 de Junho de 2012
 O fortalecimento da globalização nos últimos anos e a evolução das
  tecnologias da informação;

 Produção de website;

“A seleção de cores para obtenção de resultados específicos deve ser
   cuidado. A dosagem adequada de seu emprego e a escolha das
   demais cores que terão que coexistir, refletirão no efeito desejado
   em sites (AZEVEDO; SANTOS; OLIVEIRA, 2010).”

 Com o intuito de verificar a relevância da utilização da psicologia das
  cores na construção de sites, bem como analisar criticamente o
  quanto as cores influenciam na percepção dos usuários;
 Revisão bibliográfica que permite a inclusão simultânea de pesquisa
  experimental     e     semiexperimental,    proporcionando     uma
  compreensão mais completa do foco de interesse;

 Coleta de referências: agosto a dezembro de 2011
 Etapas: coleta de bibliografias, avaliação das bibliografias, análise e
  interpretação dos dados coletados e apresentação dos resultados.

 Questão norteadora da pesquisa: O uso da psicologia das cores é
  decisivo para o sucesso ou insucesso de um website?
 Criação da World Wide Web;

 Formatação sem preocupação visual

 Elementos de formatação HTML
    <title> - Título da página definido
    <h1> - Cabeçalho entre elementos
    <p> - Parágrafo

 Papel da Web.
 As cores e a transmissão de mensagens;


 Canal físico da informação das cores: os olhos;

 A cor e seus efeitos psicológicos;

 Combinações podem causar efeitos como de
  excitação,   urgência,    contentamento, calma,
  vulgaridade, melancolia, segurança, etc.
“Sendo assim, Grujic (2011) delega as sensações
visuais de cada cor a um significado, de maneira que
a cor branca significa pureza, o preto-negativo, cinza
tristeza, vermelho-calor e dinamismo, rosa-graça e
ternura, azul-pureza e fé.”
 Sensação acromática.
    Branco – Inocência, paz, divindade, calma, harmonia.
    Preto – Sujeira, sombra, carvão, miséria, pessimismo, nobreza, seriedade.
    Cinza – Pó, chuva, neblina, tédio, tristeza, velhice, passado, seriedade.


 Sensação cromática;
      Vermelho – Violência, paixão, revolta, guerra, sol, fogo, atenção, mulher, coragem,
      Laranja – Prazer, êxtase, dureza, festa, tentação, flamejar de fogo, luminosidade.
      Amarelo – Flores grandes, verão, calor da luz solar, alerta, inveja, prazer, conforto.
      Verde – Umidade, frescor, bosque, bem-estar, saúde (medicina), esperança.
      Azul – Frio, mar, espaço, intelectualidade, harmonia, viagem, verdade, amor.
      Roxo – Fantasia, mistério, egoísmo, noite, aurora, igreja, misticismo, calma.
      Marrom – Cordialidade, pensar, terra, lama, desconforto, pesar, vigor.
      Púrpura – Furto, miséria, dignidade, estima.
      Violeta – Estima, valor, roubo, afetividade, agressão, poder sonífero.
      Vermelho-Alaranjado – Sexualidade, dominação, competição, desejo, agressão.
 Usar as cores de maneira harmoniosa;

 A escolha de cores para um web site representa metade de
  um design.

 As sete diretrizes de utilização das cores (Guimarães, 2004).
  1) Estética ;
  2) Visibilidade, legibilidade e saturação de leitura;
  3) Organização e usabilidade;
  4) Identidade;
  5) Repertório simbólico;
  6) Informação;
  7) Limitações e recursos técnicos;
GLOBOESPORTE - www.globoesporte.com

Possui uma combinação de cor dedicada ao perfil do
time ou esporte que o internauta procura;
 Utiliza cores nos tons verde;
HAVAIANAS - www.havaianas.com.br

Utiliza-se das cores no seu site para estabelecer uma
íntima comunicação com seu público-alvo.
O desdobramento das cores associadas a modelos
específicos flui muito bem e gera infinitas possibilidades.
VEJA SÃO PAULO – www.vejinha.com.br

Trabalha com hierarquia visual a partir das cores, devido
ao uso constante de fotos.
As cores utilizadas no site da revista são de bom tom ao
que se propõe, visto que, estas têm por objetivos chamar a
atenção ao público leitor de maneira a entretê-lo torna-lo
informado.
Divino Buffet - Gastronomia

Empresa do ramo alimentício;
Prestação de serviço para jantares, eventos e bufê;
Captação de novos clientes;
Divulgação dos eventos realizados;
Orçamento online.
 Cores relacionadas a área;
 Layout centralizado absoluto;
 Menu em formato horizontal e no topo da página para
  melhor usabilidade;
 Formulário de orçamento fácil e rápido na página inicial.
 Usabilidade.
 A cor perde apenas para estímulos sonoros;

 A cor é relevante para o desenvolvimento de sites de sucesso;

 O profissional de design e a psicologia das cores;

 A psicologia das cores agrega valor ao processo de produção de
  web site independente de seu segmento;

 necessidade de aprimoramento na forma de chegar ao usuário de
  forma a satisfazê-lo;

 Propõe-se um aprofundamento do tema em questão.
» PSICOLOGIA DAS CORES APLIACA À WEB
  DESIGN

  ˃ DEANGELIS CALDEIRA MATEUS
  ˃ (38) 8805-3797 / 9216-5205
  ˃ dangelis@gmail.com

Contenu connexe

Similaire à Apresentação

Web 2.0 uso_das_cores_nas_interfaces_digitais
Web 2.0 uso_das_cores_nas_interfaces_digitaisWeb 2.0 uso_das_cores_nas_interfaces_digitais
Web 2.0 uso_das_cores_nas_interfaces_digitaisCris Souza
 
Web 2.0 uso_das_cores_nas_interfaces_digitais_cris_souza
Web 2.0 uso_das_cores_nas_interfaces_digitais_cris_souzaWeb 2.0 uso_das_cores_nas_interfaces_digitais_cris_souza
Web 2.0 uso_das_cores_nas_interfaces_digitais_cris_souzaCris Souza
 
Projetomultimidia
ProjetomultimidiaProjetomultimidia
Projetomultimidiareideson
 
Psicologia das Cores Atualizado
Psicologia das Cores AtualizadoPsicologia das Cores Atualizado
Psicologia das Cores AtualizadoMarcelo Vicente
 
Mediatall Psicologia de Cores
 Mediatall Psicologia de Cores Mediatall Psicologia de Cores
Mediatall Psicologia de CoresRodrigomtall
 
encontro_02_semiotica.ppt
encontro_02_semiotica.pptencontro_02_semiotica.ppt
encontro_02_semiotica.pptLeniomar Morais
 
Design de Cores na Web, por Martha Gabriel
Design de Cores na Web, por  Martha GabrielDesign de Cores na Web, por  Martha Gabriel
Design de Cores na Web, por Martha GabrielMartha Gabriel
 
Utilizando cores nas apresentações - Apresentações Digitais
Utilizando cores nas apresentações - Apresentações DigitaisUtilizando cores nas apresentações - Apresentações Digitais
Utilizando cores nas apresentações - Apresentações DigitaisGerson Victor
 
A importância na cor certa para uma marca
A importância na cor certa para uma marcaA importância na cor certa para uma marca
A importância na cor certa para uma marcaAlessandra Gondra
 
Unidade integrada sesi senai
Unidade integrada sesi senaiUnidade integrada sesi senai
Unidade integrada sesi senaiedusoaresaraujo
 

Similaire à Apresentação (18)

AULA 02 - TE - CORES.pptx
AULA 02 - TE - CORES.pptxAULA 02 - TE - CORES.pptx
AULA 02 - TE - CORES.pptx
 
Web 2.0 uso_das_cores_nas_interfaces_digitais
Web 2.0 uso_das_cores_nas_interfaces_digitaisWeb 2.0 uso_das_cores_nas_interfaces_digitais
Web 2.0 uso_das_cores_nas_interfaces_digitais
 
Web 2.0 uso_das_cores_nas_interfaces_digitais_cris_souza
Web 2.0 uso_das_cores_nas_interfaces_digitais_cris_souzaWeb 2.0 uso_das_cores_nas_interfaces_digitais_cris_souza
Web 2.0 uso_das_cores_nas_interfaces_digitais_cris_souza
 
Design Gráfico I.pptx
Design Gráfico I.pptxDesign Gráfico I.pptx
Design Gráfico I.pptx
 
Projetomultimidia
ProjetomultimidiaProjetomultimidia
Projetomultimidia
 
Processo criativo final
Processo criativo finalProcesso criativo final
Processo criativo final
 
Psicologia das Cores Atualizado
Psicologia das Cores AtualizadoPsicologia das Cores Atualizado
Psicologia das Cores Atualizado
 
Mediatall Psicologia de Cores
 Mediatall Psicologia de Cores Mediatall Psicologia de Cores
Mediatall Psicologia de Cores
 
encontro_02_semiotica.ppt
encontro_02_semiotica.pptencontro_02_semiotica.ppt
encontro_02_semiotica.ppt
 
web design
web designweb design
web design
 
Design de Cores na Web, por Martha Gabriel
Design de Cores na Web, por  Martha GabrielDesign de Cores na Web, por  Martha Gabriel
Design de Cores na Web, por Martha Gabriel
 
Cores
CoresCores
Cores
 
TeoriaCor_Aula01
TeoriaCor_Aula01TeoriaCor_Aula01
TeoriaCor_Aula01
 
Utilizando cores nas apresentações - Apresentações Digitais
Utilizando cores nas apresentações - Apresentações DigitaisUtilizando cores nas apresentações - Apresentações Digitais
Utilizando cores nas apresentações - Apresentações Digitais
 
Troca cultural
Troca culturalTroca cultural
Troca cultural
 
A importância na cor certa para uma marca
A importância na cor certa para uma marcaA importância na cor certa para uma marca
A importância na cor certa para uma marca
 
Teoria da cor estudo de algumas cores i
Teoria da cor   estudo de algumas cores iTeoria da cor   estudo de algumas cores i
Teoria da cor estudo de algumas cores i
 
Unidade integrada sesi senai
Unidade integrada sesi senaiUnidade integrada sesi senai
Unidade integrada sesi senai
 

Apresentação

  • 1. FACULDADES INTEGRADAS PITÁGORAS DE MONTES CLAROS PSICOLOGIA DAS CORES APLICADA À WEB DESIGN DeAngeliS Caldeira Mateus Orientador: Rodrigo Barbosa de Queiroz Montes Claros / MG 06 de Junho de 2012
  • 2.
  • 3.  O fortalecimento da globalização nos últimos anos e a evolução das tecnologias da informação;  Produção de website; “A seleção de cores para obtenção de resultados específicos deve ser cuidado. A dosagem adequada de seu emprego e a escolha das demais cores que terão que coexistir, refletirão no efeito desejado em sites (AZEVEDO; SANTOS; OLIVEIRA, 2010).”  Com o intuito de verificar a relevância da utilização da psicologia das cores na construção de sites, bem como analisar criticamente o quanto as cores influenciam na percepção dos usuários;
  • 4.
  • 5.  Revisão bibliográfica que permite a inclusão simultânea de pesquisa experimental e semiexperimental, proporcionando uma compreensão mais completa do foco de interesse;  Coleta de referências: agosto a dezembro de 2011
  • 6.  Etapas: coleta de bibliografias, avaliação das bibliografias, análise e interpretação dos dados coletados e apresentação dos resultados.  Questão norteadora da pesquisa: O uso da psicologia das cores é decisivo para o sucesso ou insucesso de um website?
  • 7.
  • 8.  Criação da World Wide Web;  Formatação sem preocupação visual  Elementos de formatação HTML  <title> - Título da página definido  <h1> - Cabeçalho entre elementos  <p> - Parágrafo  Papel da Web.
  • 9.  As cores e a transmissão de mensagens;  Canal físico da informação das cores: os olhos;  A cor e seus efeitos psicológicos;  Combinações podem causar efeitos como de excitação, urgência, contentamento, calma, vulgaridade, melancolia, segurança, etc.
  • 10. “Sendo assim, Grujic (2011) delega as sensações visuais de cada cor a um significado, de maneira que a cor branca significa pureza, o preto-negativo, cinza tristeza, vermelho-calor e dinamismo, rosa-graça e ternura, azul-pureza e fé.”
  • 11.  Sensação acromática.  Branco – Inocência, paz, divindade, calma, harmonia.  Preto – Sujeira, sombra, carvão, miséria, pessimismo, nobreza, seriedade.  Cinza – Pó, chuva, neblina, tédio, tristeza, velhice, passado, seriedade.  Sensação cromática;  Vermelho – Violência, paixão, revolta, guerra, sol, fogo, atenção, mulher, coragem,  Laranja – Prazer, êxtase, dureza, festa, tentação, flamejar de fogo, luminosidade.  Amarelo – Flores grandes, verão, calor da luz solar, alerta, inveja, prazer, conforto.  Verde – Umidade, frescor, bosque, bem-estar, saúde (medicina), esperança.  Azul – Frio, mar, espaço, intelectualidade, harmonia, viagem, verdade, amor.  Roxo – Fantasia, mistério, egoísmo, noite, aurora, igreja, misticismo, calma.  Marrom – Cordialidade, pensar, terra, lama, desconforto, pesar, vigor.  Púrpura – Furto, miséria, dignidade, estima.  Violeta – Estima, valor, roubo, afetividade, agressão, poder sonífero.  Vermelho-Alaranjado – Sexualidade, dominação, competição, desejo, agressão.
  • 12.  Usar as cores de maneira harmoniosa;  A escolha de cores para um web site representa metade de um design.  As sete diretrizes de utilização das cores (Guimarães, 2004). 1) Estética ; 2) Visibilidade, legibilidade e saturação de leitura; 3) Organização e usabilidade; 4) Identidade; 5) Repertório simbólico; 6) Informação; 7) Limitações e recursos técnicos;
  • 13.
  • 14. GLOBOESPORTE - www.globoesporte.com Possui uma combinação de cor dedicada ao perfil do time ou esporte que o internauta procura;  Utiliza cores nos tons verde;
  • 15.
  • 16. HAVAIANAS - www.havaianas.com.br Utiliza-se das cores no seu site para estabelecer uma íntima comunicação com seu público-alvo. O desdobramento das cores associadas a modelos específicos flui muito bem e gera infinitas possibilidades.
  • 17.
  • 18. VEJA SÃO PAULO – www.vejinha.com.br Trabalha com hierarquia visual a partir das cores, devido ao uso constante de fotos. As cores utilizadas no site da revista são de bom tom ao que se propõe, visto que, estas têm por objetivos chamar a atenção ao público leitor de maneira a entretê-lo torna-lo informado.
  • 19.
  • 20. Divino Buffet - Gastronomia Empresa do ramo alimentício; Prestação de serviço para jantares, eventos e bufê; Captação de novos clientes; Divulgação dos eventos realizados; Orçamento online.
  • 21.  Cores relacionadas a área;  Layout centralizado absoluto;  Menu em formato horizontal e no topo da página para melhor usabilidade;  Formulário de orçamento fácil e rápido na página inicial.  Usabilidade.
  • 22.  A cor perde apenas para estímulos sonoros;  A cor é relevante para o desenvolvimento de sites de sucesso;  O profissional de design e a psicologia das cores;  A psicologia das cores agrega valor ao processo de produção de web site independente de seu segmento;  necessidade de aprimoramento na forma de chegar ao usuário de forma a satisfazê-lo;  Propõe-se um aprofundamento do tema em questão.
  • 23. » PSICOLOGIA DAS CORES APLIACA À WEB DESIGN ˃ DEANGELIS CALDEIRA MATEUS ˃ (38) 8805-3797 / 9216-5205 ˃ dangelis@gmail.com