A Importncia das cores na WEB

www.cursoweb3.com.br

O Usurio
Pesquisas revelaram que um usurio tem de 5 a 10 segundos para decidir se vai continuar ou no no seu site.

80% da nossa percepo vem primeiramente da viso os outros 20% so divididos no restante dos sentidos

A Importncia das Cores

So dois elementos bsicos da comunicao visual. As cores e as Formas. Forma Afeta o Intelecto, entidade tangvel Cor - Afeta as Emoes, Entidade Intagvel Puramente Visual

A Importncia das Cores

A cor um comunicador poderoso. Para Van Gogh, era a cor, no a imagem que transmitia o contedo expressivo de suas pinturas A cor tem um papel fundamental na deciso crtica de um consumidor. Comprar ou no, entra em um site ou no.

As cores e a nossa percepo

As cores e a nossa percepo

Na web...
Um site diferente de tudo e qualquer forma existente na comunicao visual.
Um site um espao, no um plano. Um anncio de tv so lineares tem comeo e fim. Um site interativo Layout e navegao sempre tem algo novo a nos apresentar.
Um site uma mdia instvel. Tamanhos, resolues e tipos de monitores, gamas, tamanhos de fontes, propores de pixels e as opes do usurio, sempre esto a contribuir para a instabilidade de uma pgina.

Na web...
Philip Kotler diz: Um dos 7 principais problemas encontrados no ecommerce o design mal projetado no front end. As cores podem trabalhar a seu favor como podem destruir o seu contedo. Isso ocorre quando usamos cores ou combinaes inadequadas em nosso site. O layout e as palavras contidas no site podem dizer uma coisa, mas as cores dizem tudo!
Um vermelho marcante, pode animar e dar vontade de comer em um site de fast food, no entanto pode ser fatal em um site de clinica hospitalar devido aos seus tons vibrantes para um ambiente sereno e calmo.

Nosso Desafio...
A Web um terreno muito instvel, e como estamos desenvolvendo uma mdia para este ambiente, devemos escolher um esquema de cores o mais harmnico Possivel. Pra que?
Para atrair e manter usurios no nosso site Para ser capaz de transmitir os sentimentos emocionais que precisamos para alcanarmos nossos objetivos de marketing.

Nosso Desafio...
Precisamos estar bem fundamentados em dois pontos principais para sermos bem sucedidos em nossos projetos com relao as cores.
1. Harmonia de Cores Transmitir equilibrio 2. Psicodinmica de cores Transmitir sentimentos.

Nosso Desafio...
VOC DEVE PENSAR MUITO SOBRE QUAIS CORES DEVE USAR PARA OBTER O SENTIMENTO NECESSRIO QUE CAUSARO A REAO QUE ESTEJA ESPERANDO DO USURIO.

Psicodinmica das Cores

Os significados das cores dependem do contexto
Onde aparecem, roupas, paredes, sites etc. Percepo cultural, ex: esquims combinadas. O Preto sozinho uma cor triste, mas combinado com amarelo se torna nobre. Moda Idade do usurio.

Psicodinmica das Cores

Existem alguns significados que so 80% sentidos da mesma forma ao redor do mundo (culturas ocidentais) e estes sero os que veremos a seguir.
Cores Primrias Cores Secundrias Cores Tercirias Preto e Branco e Cinzas

Psicodinmica das Cores

Cores Primrias VERMELHO Cor da proximidade e encontros Guerra, Sol, fogo, paixo, ateno, mulher, conquista, seduo, coragem, seduo, poder, glria, energia, raiva, emoo. AZUL Cor do movimento para o infinito Frio, mar, cu, horizonte, feminilidade, espao, viagem, afeio, intelecto, paz, serenidade, fidelidade, confiana. AMARELO Cor do Sol Flores grandes, vero, limo, calor da luz do sol, luz, alerta, inveja, cimes, egosmo, euforia, covardia. Elas so chamadas de primrias porque no podem ser criadas atravs da mistura de outras cores. Cores primrias so a base da teoria das cores, pois com sua mistura possvel obter outras cores.

Psicodinmica das Cores

Cores Secundrias LARANJA Fogo Flamejante Outono, amanhecer, festa, poder, brilho, tentao, senso de humor. VERDE Equilibrio, Paz, e Paixo Livre Humildade, floresta, mar, vero, adolescentes, bem-estar, paz, sade(medicina), esperana, liberdade, posio no espectro de cores. VIOLETA Mistrio Noite, anoitecer, sonho, igreja, justia, misticismo, bondade, calma. So as cores produzidas pela combinao de duas cores primrias em quantidades iguais e esto localizadas entre as cores primrias, justamente para indicar de quais cores so feitas.

Psicodinmica das Cores

Cores Tercirias Cores Trreas Marrom violeta - Verde Lembram a terra, lama, outono, doena, desconforto, melancolia, energia. So combinaes das primrias e secundrias. H seis cores tercirias: vermelho-laranja, laranja, amarelo, amarelo-verde, azul-violeta, verde, azul e vermelho-violeta. Na composio desses nomes, tais como vermelholaranja, deve-se colocar o nome da cor primria inicialmente, para indicar um excesso de sua cor em relao cor secundria.

Psicodinmica das Cores

Pretos Cinzas e Branco Preto Expressivo e pertubador ao mesmo tempo brilhante quando misturado com outras cores. Nobreza e serenidade Sujeira, luto, sombra, carvo, misria, pessimismo, melancolia. Cinza Posio Intermediria entre claro e escuro Entardecer, chuva, nvoa, aborrecimento, tristeza, velhice, passado. Branco Pureza e Paz Batismo, Casamento, Simplicidade, Limpeza, bom, paz, pureza, harmonia

Psicodinmica das Cores

Esquema de Harmonia de Cores
Tridico Anlogo Complementar Quente/Frio

A roda de cores, tambm conhecida como roscea, e a representao circular do espectro de cores. Ela serve para explicar a relao existente entre as diferentes cores e parte essencial da teoria das cores. A roda de cores tambm ilustra a classificao das cores, servindo como um referencia rpida de cores primarias, secundarias e terciarias e ainda pode ajudar um designer a escolher com sucesso um esquema cores.

Harmonia Tridica
Quaisquer 3 cores equidistantes entre si formando um triangulo equiltero no circulo das cores. Tridica com cores primrias Mximo contraste com trs cores. Tridica com cores secundrias. Contraste mdio Tridica com cores tercirias Contraste sutil com 3 cores

Harmonia Anloga
Quaisquer 3 cores selecionadas lado a lado no tringulo de cores Normalmente uma das cores predomina.

Harmonia Complementar
Quaisquer 2 cores opostas no crculo de cores. Mximo estabilidade, contraste, equilbrio. Somando-se uma cor primria com sua complementar, obtemos o cinza cromtico o cancelamento das cores.

Contraste Quente Frio

Cores adquirem temperatura conforme suas posies no crculo das cores e dependendo das outras cores existentes na composio Mximo estabilidade, contraste, equilbrio. Somando-se uma cor primria com sua complementar, obtemos o cinza cromtico o cancelamento das cores.

Quente

Frio

Dicas para usar cores no seu design

Conhea seu pblico alvo

Idade, Cultura, Localizao Geogrfica, status econmico, Equipamentos, (SO e Monitores), podem fazer a diferena de como as cores do site sero vistas por eles

Use poucas cores

Um bom esquema de cores usa apenas algumas cores selecionadas e misturadas adequadamente. AMADORES USAM CORES DEMAIS Mais Menos e Menos Mais.

Use uma linha baseada em harmonia de cores

Uma combinao de cores quentes e frias funcionam sempre bem.

No Esquea do Contedo
Cores de navegao precisam harmonizar com as cores de contedo. Experimente cores, dinmicas e sutis. Depois escolha a que melhor se encaixa ao seu design de navegao

Harmonias Dinmicas
Com contrastes fortes so energizantes e atraem a ateno muito bom para contedos baseados em texto.

Harmonias sutis
Com baixo contrastes so mais fluidas e discretas. Em alguns casos so mais sofisticadas, boas para contedos baseados em imagens.

Sistema de Cores
Partindo dos sistema aditivo e do subtrativo de cores surgiram os dois principais sistemas de cores, o RGB e o CMYK, respectivamente. O RGB, cuja sigla se refere a red, blue e green, exatamente o vermelho, o verde e o azul do sistema aditivo, e o sistema usado nos meios eletrnicos, pois correspondem a cores primarias da luz.

Sistema de Cores
O CMYK e o sistema usual de impresso, baseado no sistema subtrativo de cores. Sua sigla significa cyan, magenta, yellow e key, respectivamente, ciano, magenta, amarelo e preto. Quase todas as cores podem ser impressas combinando-se essas quatro cores.
Outros sistemas de cores sao o Pantone, o Fluorescente e o Metalico.

Concluso
Vimos que para um bom design no basta apenas escolher duas ou trs cores no photoshop, mais que isso, tem toda uma cincia por trs do que estamos fazendo, o que tornar nosso trabalho cada vez melhor Usemos as cores com moderao e sensibilidade para que nossos sites sejam verdadeiras obras de arte na web.

Obrigado!