Ubuntu Para Iniciantes

PADRÃO DE CORES NA WEB

As cores em um site ou blog desempenham um papel fundamental na WEB. Dos mais simples ao mais avançados ambientes web, as cores bem elaboradas, tornam o visual elegante.

pradronização e combinação de cores para trabalho de web desginer e desenvolvimento de paginas na web


Embora o título faça uma referência de padrão, como se houve um padrão de cor específico, o sentido é correspondente a combinação ou combinar cores para projetos de desenvolvimento. O padrão é o que na verdade você irá definir ou seja quais as cores se relacionam entre si e será melhor para um determinado projeto.

O que você encontrará neste post sobre cores:
  • A importância e a influência das cores
  • Ferramentas de combinação de cores
  • Plugin no Firefox e Chrome para capturar cores

Não há um padrão específico mas sim um uso coerente e harmonioso entre as cores.

AS CORES E SUA INFLUÊNCIA NAS DECISÕES

Johann Wolfgang von Goethe (1810), um filósofo alemão diz em seu trabalho intitulado de A TEORIA DAS CORES:
Cada cor produz um efeito específico sobre o homem, revelando, assim, sua presença tanto na retina quanto na alma.
O estudo sobre as cores e sua influência na psicologia humana não é algo tão recente, a partir de pesquisas como ao de Goethe pode perceber que nós somo suscetíveis as decisões influenciados por prismas coloridos.

Em tudo em que paramos o olhar, descobrimos formas de diferentes aspectos representativos, em meio a todo este mundo de forma a cor sempre está presente.
Em algumas áreas do conhecimento humano o papel da da importância das cores passaram a ter um enfoque notório. Mas é nas estratégias de Marketing que os artifícios coloridos passaram a ter uma grande representatividade.
as cores para as decisoes dos consumidores na hora da compra
Fonte: Viver de Blog
Em um artigo realizado por acadêmicos do Centro Universitário Fundação Santo André, mostra que 82% dos pesquisados acreditam que o aspecto visual de um produto é de relevância para a decisão. Este produto, pode ser perfeitamente um site. E entenda que o aspecto visual está incluso ao contexto das formas e cores.

o papel das cores no consumo
Fonte: Viver de Blog

As cores não só colaboram com as estratégicas mercadológicas, mas também intensificam outros outros sentidos. 

o fovorecimento das cores no aprendizado cognitivo
Fonte: Viver de Blog

Como se nota, a cores possuem uma influência íntima a nós e nos estimulam em nossas ações. 

A cores e outras técnicas de sensibilidades humanas são utilizadas em outra a
linha do Marketing denominada de Neuromarketing 

tecnicas de neuromarketing como cores influenciam as pessoas no consumo
Fonte: Uol
Acesse este link a seguir do site do UOL e você será direcionado para uma imagem interativa que irá demonstrar como o Neuromarketing pode atuar influenciando os consumidores.  Clique em um dos departamentos para que você observe as demonstrações apresentadas por pontos de interrogações "?".

FERRAMENTAS PARA COMBINAÇÕES  DE CORES ÓTIMO PARA WEB 

Existem várias ferramentas na WEB, que os Web Designers podem se apropriarem de seu conteúdo e favorecer seus trabalhos como desenvolvedores de sites ou outros tipos de produtos. 

O meu preferido é o Color Scheme Designer, um aplicativo online que dá exemplos com as cores pré selecionadas. Basta selecionar as cores e seus tons e clicar em Light Page Exemple ou Dark Page Exemple.

Web2.0 - Cores para Site
Color Scheme Designer - Otimizar cores em harmonia  - Web2.0
Escolha um conjunto de cores sóbrias e confira as grandes vantagens dessa ferramenta.

Outra ferramenta interessante em forma de paleta com combinação de cores é o Color Combos. Há diversas combinações para equiparar as cores.

Combo Color - Web2.0 Paleta de Cores
Paleta de Cores - Color Combo
O  Color Combos trás para o usuário uma grama de cores definidas em um formato de combinação, vale a pena conferir.

Um outro site que você pode utilizar para criar seus projetos web é o Color Wheel da Adobe. Este site funciona de forma semelhante ao Color Scheme Designer. Você escolhe uma cor primária e ele irá criando analogias com as cores que você está definindo. 
color wheel da adobe para escolher cores em seus projetos web

O processo de formatação de Layout incluindo a escolha das cores é um aprendizado importante, principalmente para aqueles que estão aprendendo as técnicas de Web Designer.
Existem outras ferramentas muito boas para padronização e harmonização de cores na Web.  

Há também sites com TABELAS DE CORES com padrões de CSS e RGB como é o caso do http://www.flextool.com.br/tabela_cores.html.
 

COLORZILLA PLUGIN PARA CAPTURAR CORES 

O ColorZila é um plugin que você pode instalar o Firefox ou no Google Chrome e pegar aquela cor bacana que você viu em algum site ou na imagem contida nele. 

copiar cores com o colorzilla no googlechrome ou no firefox
Você poderá copiar a suas cores no formato HEXADECIMAL  ou no padrão RGB e aplicar em seus códigos de CSS

Neste link você pode instalar o ColorZilla no Firefox e neste outro você poderá instalar o ColorZilla no Google Chrome sem nenhuma dificuldade.  

Se você ainda está aprendendo a utilizar CSS e HTML recomendo um site fantástico, http://www.maujor.com neste site você irá encontrar várias aplicações de css. 

Mas é importante perceber que todos os grandes web sites possuem uma certa elegância e padronização de cores, trabalham com um conjunto limitado de cores e aplicam de acordo com a estrutura de seu layout, como, texto, background e ícones. 

Se quiser saber mais sobre a influência das cores, cores quentes e frias, consulte o site Viver de Blog e veja um infográfico com informações mais detalhadas sobre cores.
 

Bem, espero que tenham gostado, se for possível comentem e compartilhe seu conhecimento. Deixe seu comentário com suas críticas e sugestões. Assine também a lista do Ubuntu Para Iniciantes e receba as atualizações eu seu e-mail. Abraços.
PADRÃO DE CORES NA WEB Reviewed by Ubuntu para Iniciantes Marcelo Weihmayr on 10:15:00 Rating: 5

Nenhum comentário :

Olá, faça seu comentário com sugestões, dicas ou críticas

Powered By Blogger , Designed by Sweetheme

Formulário de contato

Nome

E-mail *

Mensagem *

Marcelo Weihmayr. Tecnologia do Blogger.