cores e design

Cores e Design

Psicologia das Cores

Estudo das Cores

Tendências de Cores

Ferramentas de

Combinação de Cores

Aplicação das Cores

Estudo das Cores

Cores Primárias

São aquelas que não podem ser obtidas a partir da mistura de outras cores. São as cores básicas, a partir das quais, todas as demais são obtidas. As cores primárias são o vermelho, o azul e o amarelo.

Cores Secundárias

Cores Terciárias

São aquelas originadas pela mistura de duas cores primárias. Misture azul com amarelo e obterá o verde. Misture amarelo com vermelho e obterá o laranja. A mistura do azul com o vermelho resulta no violeta.

São as cores que se consegue misturando uma cor primária com uma cor secundária. Por exemplo: o amarelo alaranjado se consegue misturando o amarelo (cor primária) com o laranja (cor secundária). Misturando-se o vermelho (cor primária) com o laranja (cor secundária), chega-se ao vermelho alaranjado.

Estudo das Cores

Círculo Cromático

Cores Complementares

Em Oposição

Cores Análogas

Lado a lado

Na tabela de cores encontramos os seguintes itens: eixo matiz, zona de saturação, zona de escurecimento, subdivididos em cromáticos e acromáticos. Branco como presença de luz e preto como ausência de luz.

Cores Frias

Cores Quentes


Definição

A cor exerce influência decisiva nos olhos dos seres humanos, afeta a atividade muscular, mental e nervosa. A combinação das cores pode causar efeitos como de excitação, urgência, contentamento, calma, segurança etc., e ainda destacar algum elemento em relação a outro.

Sensações Acromáticas

Sensações Cromáticas


Branco: inocência, paz, divindade, calma, harmonia, para os orientais pode significar morte, batismo, casamento, cisne, lírio, neve, ordem, simplicidade, limpeza, bem, pureza. Preto: sujeira, sombra, carvão, fumaça, miséria, pessimismo, melancolia, nobreza, seriedade. É expressivo e angustiante ao mesmo tempo. Alegre quando combinado com outras cores. Cinza: pó, chuva, neblina, tédio, tristeza, velhice, passado, seriedade. Posição intermediária entre luz e sombra.

A escolha da cor sofre influência da moda, das tendências e da decisão do designer.

Sensações Visuais




Harmonia

Balancear o conteúdo e o espaço em branco em um site é a chave para manter a harmonia dos elementos dentro da página e prender a atenção do usuário. O site precisa ter progressão visual para o internauta manter seu interesse pela página.

Vermelho: guerra, sol, fogo, atenção, mulher, conquista, coragem, furor, vigor, glória, ira, emoção, paixão, emoção, ação, agressividade, perigo, dinamismo, baixeza, energia, revolta, calor, violência. Laranja: prazer, êxtase, dureza, euforia, outono, aurora, festa, luminosidade, tentação, senso de humor. Flamejar do fogo. Amarelo: egoísmo, ciúmes, inveja, prazer, conforto, alerta, esperança, flores grandes, verão, limão, calor da luz solar, iluminação, alerta, euforia.




Visibilidade

Em geral as cores claras e quentes elevam e expandem. Os elementos gráficos escuros sobre fundo claro se percebem melhor que o contrário.

Verde: umidade, frescor, bosque, mar, verão, adolescência, bem-estar, paz, saúde (medicina), esperança, liberdade, paz repousante. Pode desencadear paixões. Azul: frio, mar, céu, horizonte, feminilidade, espaço, intelectualidade, paz, serenidade, fidelidade, confiança, harmonia, afeto, amizade, amor, viagem, verdade, advertência. Roxo: fantasia, mistério, egoísmo, espiritualidade, noite, aurora, sonho, igreja, justiça, misticismo, delicadeza, calma.




Contraste

Amarelo e Azul são as cores que melhor se leem a distância. O contraste preto-amarelo se vê desde mais longe. O contraste vermelho-verde é o que menos se percebe. O contraste preto-branco tem um valor neutro. O bege e o cinza são considerados neutros pois de acordo com a combinação podem ser quentes ou frios.

Marrom: cordialidade, comportamento nobre, pensar, melancolia, terra, lama, outono, doença, desconforto, pesar, vigor. Púrpura: violência, furto, miséria, engano, calma, dignidade, estima. Violeta: calma, dignidade, estima, valor, miséria, roubo, afetividade, miséria, calma, violência, agressão, poder sonífero. Vermelho-alaranjado: sexualidade, agressão, competição, operacionalidade, desejo, excitabilidade, dominação.



Tendência de Cores

Pantone

O verde-esmeralda é a cor do ano pela escala Pantone. É uma aposta para este ano em design. As diversas variações de tons neutros como marrons e cinzas são fortes tendências para 2013. Ainda nas tonalidades mais sóbrias, o verde-oliva torna-se mais forte e predominante. Todas essas cores usadas juntamente com alguns pontos de tons vibrante, além do estilo “navy”, como o azul-marinho. Teremos mudanças sutis em tons mais acesos como o amarelo que fica mais suave e os vermelhos que puxam mais para o tom laranja. Os tons de roxo e lilás também se tornaram estrelas do design em 2013. Além dessas novidades, o azul “bic” e os azuis mais claros também estão em alta. Tons fortes, ousados e brilhantes como o neon e as candy colors, seguem bem populares.

Tendência de Cores

Tendências não

garantem o sucesso

A chave para a análise de tendências de design é lembrar que eles não são inerentemente boas ou ruins. Em vez disso, eles servem apenas como uma forma de observar e lembrar os gostos coletivos.

Representatividade

Conceito

Essas cores são escolhidas a cada ano por um motivo, criar conceito. O mais importante é saber exatamente o que você ou seu cliente quer expressar e como aplicar. Se o conjunto de valores estiver certo, tudo bem conceituado, então terá sucesso no projeto.

Devemos ousar com essas dicas de design sem comprometer a integridade e a representação da nossa marca. Escolher a paleta cromática é importante para comunicar a mensagem, reforçar a idéia de unidade e criar consciência de marca.

Ferramentas de Combinação de Cores

A escolha de cores para um site web representa metade do design. O primeiro passo é analisar o foco da empresa ou produto. O segundo passo é agradar o cliente. Ao escolher as tonalidades para um projeto, opte pelo menor número de cores possíveis e trabalhe em cima da logomarca da empresa/produto. Também tenha em mente a idéia de cores contrastantes, para facilitar a leitura e destacar elementos em um layout. Por exemplo, em uma paleta de três cores, uma deve estar em contraste com as outras duas. Ou seja, a paleta deve possuir uma cor suave e duas cores escuras; ou uma cor suave, uma média e uma escura.

Para facilitar esta escolha, diversas ferramentas estão disponíveis na web para a seleção de tonalidades. Uma outra técnica legal para criar um tema de cores é utilizar uma foto como base.

Kuler

https://kuler.adobe.com

Color Hunter

http://www.colorhunter.com/

Color Scheme Designer

http://colorschemedesigner.com/


Kuler


Color Hunter




Kuler - http://kuler.adobe.com/


Color Scheme Designer - http://colorschemedesigner.com/ Kuler


Color Hunter





Color Hunter - http://www.colorhunter.com/ Kuler


Color Hunter





Critérios

Público

Marca Relacione as cores de seu site com sua logomarca ou empresa, crie uma relação entre as cores escolhidas e sua empresa.

Harmonia cromática é um dos critérios mais importantes para se criar uma experiência agradável para os visitantes. É altamente recomendável empregar um número moderado de cores, quatro ou cinco no máximo. Mais do que isso, não só irá gerar incoerência: vai trazer uma fadiga visual para o visitante, fazendo com que ele pule partes importantes do site.

As respostas para as cores variam de acordo com fatores como sexo, idade ou formação cultural. Faça uma pequena pesquisa com pessoas que pertençam ao perfil do website. As pessoas tem diferentes reações às cores. Faça uma distinção entre o público, usando as cores apropriadas para cada categoria.


Idade

Cultura

As experiências vividas pelas pessoas influenciam em suas reações às cores. Pessoas de idade avançada, tendem a preferir tons mais frios, de base azul, devido a possível associação com experiências passadas e imagens que transmitem o significado de distância, imersão, sentimento de saudade dessas pessoas. Já os jovens, tendem as cores mais quentes, vibrantes, que provocam reações mais rápidas no cérebro. Também se deve ao fato que tons quentes de destacam mais, sendo que os jovens sentem a necessidade de se destacar. Por final, as crianças, tendem a cores mais vivas, e os contrastes também são interessantes nessa fase. O fato de eles enxergarem primeiro a cor vermelha, faz com que as cores com essa base seja mais atraente para eles.

O fator cultura é muito decisivo no efeito de uma cor. Tradições milenares e religiões influenciaram até hoje o gosto por determinadas cores. O branco, por exemplo, no Ocidente lembra pureza e paz, enquanto no Oriente é uma cor associada a morte. É importante conhecer esses significados corretos em cada cultura e saber escolher aquelas que causarão o efeito esperado.






Sexo

Classe Social

Quando nos referimos às cores femininas e masculinas, a maioria das pessoas automaticamente imaginam as cores rosa e azul. De fato, as preferências das cores se alteram dependendo do sexo da pessoa, mas não exatamente da mesma maneira. No layout as cores podem expressar feminilidade ou masculinidade, é fundamental considerar o sexo do público-alvo.

O fator social também é muito decisivo no efeito de uma cor. As classes sociais mais altas tendem ao gosto mais sofisticado, e procuram gostar de produtos mais raros, especialmente quando feitas com cores estranhas e inusitadas, e assim, procuram sempre tonalidade escuras. Essa classe social prefere: combinações mais sóbrias, mais atenuações, mais cores combinadas e uso de suaves degradês em boxes e pequenas áreas de fundo. Em contra parte, a classe mais baixa, é mais simples, tendendo a uma estabilidade maior e a uma resistência mais definida às inovações muito rápidas. Esta classe social prefere: mais contraste entre as cores, combinações entre cores complementares e predominância de cores primárias e secundárias chapadas em 100%.

Cores e Design

Cores e Design

Cores e Design

Cores e Design

Não há verdades absolutas quanto ao uso das cores, mas elas tendem a obedecer um parâmetro, sempre de acordo com o ramo de negócio.

Bom senso e vale ressaltar: Menos é mais!

Documents

cores e design