Posts

Gestalt e sua teoria

A Gestalt e suas teorias sempre seguiram padrões reconhecíveis que vêm de cultura e tendências sociais para ser eficaz. Para funcionar bem para o design tem de se considerar não apenas o elemento único, mas como a totalidade é percebida. É assim que podemos definir a Teoria da Gestalt como uma questão de percepção do todo.

Elementos visuais são caracterizados em relação e forma profunda que qualquer bom designer tem que saber e entender. Princípios da Gestalt pode ser útil para descobrir como funciona a visão ao perceber e por que algumas formas ou elementos são melhor agrupadas ao olhar do que outros.




A Importância da Abordagem Psicologia no design

A psicologia é um aspecto importante do trabalho de design porque é tudo sobre a emoção e a percepção das pessoas. O designer tem que construir o seu produto moldado sobre as necessidades-alvo e emoção para criar um sentimento, também com base em padrões sociais. A Gestalt pode realmente ajudar em focalizar a atenção e organização de conteúdos de uma forma eficaz. Eles certamente pode ser considerado uma ferramenta essencialmente teórica. Eles não são apenas um esquema matemático a seguir, mas uma forma de reorganizar o conteúdo para transformar objeto familiar organizando-os em pontos de vista não familiar. Isso permite que o desenvolvimento da nova configuração do objeto já existente, estimulando a criatividade.

Como designer é realmente importante entender como as pessoas percebem um projeto visual e tirar vantagem dessas regras.




Qual é a Teoria da Gestalt

Os Princípios da Gestalt ou gestaltismo (em alemão: Gestalt – “essência ou a forma da forma completa de uma entidade”) da Escola de Berlim é uma teoria da mente e postulando que o princípio do funcionamento do cérebro é holístico, paralelo e analógico, com a auto-organização de tendências. O efeito Gestalt é a capacidade de geração de forma de nossos sentidos, principalmente no que diz respeito ao reconhecimento visual das figuras e formas inteira em vez de apenas uma coleção de linhas simples e curvas. Em psicologia, gestaltismo é muitas vezes contrário ao estruturalismo e Wundt. A frase “O todo é maior do que a soma das partes” é muitas vezes usado para explicar os princípios da Gestalt.

Wertheimer, o fundador original da teoria, tem mostrado a melhor forma de entender a percepção visual é de fundamental importância, considerando alguns modos de agrupamento. A organização visual destes elementos surge por uni-los em estruturas maiores.

Nós empregamos e dependemos desses princípios na maioria dos aspectos da nossa vida cotidiana. Ambos fisicamente e conceitualmente compõem nossa experiência. Como nós nos movemos em grupos, como nós combinamos a roupa e suas cores, como pensamos e percebemos um todo a partir de elementos, que poderia ser um cartaz, uma foto, um logotipo ou até mesmo um prato, é influenciada por princípios da Gestalt.

A relação entre os objetos nada mais é que uma percepção e esta é, acima de tudo, campo de ação do designer.

Percepção

Como perceber as pessoas é de fundamental importância para designers. Criação de um logotipo, um site ou qualquer produto ou outros gráficos temos que levar em consideração o todo e não simplesmente a soma das partes porque é a totalidade complexa dos elementos em relação estreita entre eles, que cria o significado.

Detalhes são importantes, mas apenas na forma como eles contribuem para o geral. Um web design perfeito, sombras, textura, escolha da fonte devem contribuir para obter um design, mesmo que seus clientes provavelmente não estejam realmente vendo. Pessoas que não são treinados para a percepção de detalhes são influenciados, principalmente, da primeira vista e até mesmo designers começam a ver os detalhes somente depois que seu cérebro recebeu a primeira mensagem.

Pessoas completam a organização visual de uma forma previsível. Designers exploraram o processo criativo para deixar a mensagem principal, que sai, como a primeira impressão.

Pintores famosos do passado recente estavam cientes do papel da percepção e jogaram com ele, criando imagens únicas. Um grande exemplo disso é a pintura bem conhecida Gala Contemplando o Mar Mediterrâneo por Salvator Dalì. Dali pintou um retrato de sua esposa Gala, que de longe torna-se um retrato de Abraham Lincoln.

principios-da-gestalt-percepcao-miltondesign

As Seis Regras da Gestalt

Como escrevi, anteriormente, os Princípios da Gestalt são uma forma de organizar a percepção visual. Gestaltistas descobriram como os elementos diferentes podem reorganizar-se em um sistema de solidariedade, seguindo certas regras.

Aqui, seguindo a lista dos seis regras que eles encontraram:

Proximidade

A distância desempenha um papel-chave na determinação da percepção de elementos. Coisas que são próximas entre si são percebidos como mais relacionadas do que coisas que estão espalhadas distante. O conceito subjacente ao conceito de proximidade é o grupo .

principios-da-gestalt-proximidade-miltondesign

Similaridade

Há uma tendência natural em colocar em relação elementos similares mais do que os diferentes. Eles podem ser, por exemplo, semelhante à cor, forma ou dimensão.

principios-da-gestalt-similaridade-miltondesign

Percebendo semelhanças não só nos ajuda a assumir que elementos são relacionados um ao outro, implica também uma estrutura baseada em um padrão emergente. Esses tipos de objetos que compartilham algumas características criam coesão no projeto porque o nosso cérebro automaticamente busca por padrões.

Fechamento

Olhando para um arranjo complexo de elementos individuais, os seres humanos tendem a olhar primeiro para uma única forma obtida a partir de contornos reconhecíveis. Formas fechadas podem ser obtidas por linhas de mesma cor ou o contraste ou até mesmo a falta deles.

A Lei de fechamento ocorre quando um objeto é incompleto ou um espaço não está completamente fechado e o cérebro ativa alguns mecanismos para completar a figura, preenchendo as informações que faltam.

A figura abaixo é chamado de Cubo de Necker. O que você pode ver? Você pode ver um cubo branco delineado? Por uma questão de fato, o cubo não está lá, só temos oito círculos pretos com alguma área em falta. O cubo está implícito, porque a nossa mente complementa a relação destas linhas brancas formando um cubo.

principios-da-gestalt-fechamento-miltondesign

 

Lei de Prägnanz Relacionamento de grupos de figuras

O cérebro humano tende a interpretar imagens ambíguas ou complexo como simples e completa. Em uma imagem os elementos que compõem são percebidos como valores único. Conhecimentos novos e preexistentes podem ser trocados e em ambos os caso, eles assumem um significado preciso.

O exemplo mais famoso de figura / fundo da imagem é a do vaso de Rubin .

principios-da-gestalt-Lei-de-Pragnanz-miltondesign

O objeto rodeado é visto como figura. Formas estão substituindo e você pode perceber um vaso preto num fundo branco ou vice-versa, dois perfis em um fundo preto.

Esta ilusão de ótica é produzido pela tendência de percepção ambíguos entre duas ou mais interpretações alternativas.

 

Continuidade

Todos os elementos são percebidos como parte de um objeto coerente assim, por exemplo, se eles estão dispostos em uma linha que são considerados mais relacionados do que os elementos destacados. Na imagem a “linha” criado a partir do círculos de esquerda “continua”, vice-versa o outro é interrompido.

principios-da-gestalt-continuidade-miltondesign




Princípios da Gestalt em Identidades Visual

Aqui exemplos de como essas regras e princípios têm afetado mais do que uma construção da identidade corporativa.

Proximidade

Como dissemos, o elemento que se aproximam são percebidos como uma forma.

Podemos ver, como exemplo abaixo, o logotipo Mystery Islands criado por Gert van Duinen.

De uma maneira fácil e brilhante o designer usou a lei de proximidade para criar uma forma de uma ilha e seu reflexo sobre o mar. Esta é a combinação perfeita entre a marca e a atividade do cliente. As linhas de criação da ilha são claramente reconhecíveis como linhas do equalizador.

principios-da-gestalt-proximidade-identidade-visual-miltondesign

Novamente no logotipo Foodmobile (Designer: ru_ferret ) encontramos um grupo de objetos únicos, representando alimentos (peixe, pão, legumes etc. são claramente reconhecíveis), que agrupados para criar uma forma de proximidade carro.

principios-da-gestalt-proximidade-identidade-visual-2-miltondesign

Similaridade

No logotipo de Capture, criado por Quadrika, a Lei de Semelhança é claramente aplicada. O Princípio da Gestalt de semelhança funciona bem ao projetar logos porque é baseado na repetição de forma, tamanho, cor, textura, valor ou orientação.

O logotipo é caracterizado por cores e semelhança de forma. A parte visual das ações do logotipo Capture, com a parte textual, cria uma espécie de visor que é o mesmo do C e letras E.

principios-da-gestalt-similaridade-identidade-visual-miltondesign

Prägnanz (figura-fundo)

Seguindo a lei de figura-fundo no logotipo Feathers & Fur, desenhado para uma loja de animais de Lumo. o observador pode reconhecer, claramente, um papagaio e o focinho de um cão para a marca

principios-da-gestalt-figura-fundo-identidade-visual-miltondesign

Simetria

O logotipo Hatimeria, de Midgar é um exemplo claro da lei da simetria. A software house aqui representado quer sublinhar a grande atenção que coloca na construção de parcerias duradouras com os clientes. Os símbolos do logotipo são duas mãos unidas. As duas mãos são simétricas para formar uma escada. A simetria cria uma redundância e previsibilidade da informação visual.

principios-da-gestalt-simetria-identidade-visual-miltondesign

 

Outro bom exemplo pode ser o logotipo da Antarctic Voice do Projeto Austronaut onde os dois piques simétricos representam tanto um iceberg e um equalizador de voz.

principios-da-gestalt-simetria-identidade-visual-2-miltondesign

“Destino comum”

No logotipo do Campeonato Melbourne 2010 Cycling os pontos são afetados por um destino comum. As linhas criadas pelas cores movem-se na mesma direção criando um dinamismo que deixa o observador perceber um destino comum de movimento.

principios-da-gestalt-destino-comum-identidade-visual-miltondesign

Fechamento

A regra de fechamento é de uso muito comum na criação de logotipos para criar o projetos memoráveis.

Um logotipo extremamente famoso com base no fechamento é o Panda WWF.

principios-da-gestalt-fechamento-identidade-visual-miltondesign

O logotipo da IBM, também, composto por oito linhas contínuas, separadas por um espaço vazio, é baseado na lei de fechamento. As três letras não estão realmente lá. Nosso cérebro percebe, fechando a forma letras.

principios-da-gestalt-fechamento-ibm-identidade-visual-miltondesign

Combinações de leis

Às vezes, as Leis da Gestalt podem ser combinadas para obter efeitos ainda mais criativo.

Um da relação mais utilizada é a da Lei fechamento e uma figura/fundo.

Aqui, seguem alguns exemplos:

01. Martin Manutenção

principios-da-gestalt-combinacao-manutencao-identidade-visual-miltondesign

Desenhado por Buddy Creative aqui um exemplo muito simples, mas eficaz, de figura/fundo regra em que a casa é percebida por fechar a base de figura.

02. Writers Guild of Food

principios-da-gestalt-combinacao-alimentacao-identidade-visual-miltondesign

Guild of Food Writers é uma associação que escreve sobre comida. Uma caneta estilo pena é o pano de fundo para uma colher em branco fechando a figura.

Projetado em 2005 por 300million

Princípios da Gestalt e Design Web

Os Princípios da Gestalt, o que vimos até agora aplicada para a construção de identidades, também podem ser encontradas no web criação de layout de design.

Quando projetamos um layout, aplicamos uma grande série de cuidados visuais para tornar o site mais clara e utilizável. Por exemplo, é comum empregar algum tipo de conexão entre os elementos GUI para que o usuário pode reconhecer um padrão comum a ser capaz de navegar o site facilmente.

Navegação por abas é um excelente exemplo deste princípio. A navegação no menu responde à lei boa continuação. As categorias estão em uma linha reta e isso nos ajuda a entender que eles estão relacionados entre si. Esta percepção é apoiada pelo fato de que as palavras são agrupadas com uma proximidade e que o distância em torno, define claramente o menu, separando-o do logotipo ou as áreas do corpo desenhando uma caixa .

principios-da-gestalt-combinacao-web-design-identidade-visual-miltondesign

Conclusões

Design é com certeza o resultado da criatividade. Inspirando-se nas regras visuais que têm sido estudadas por especialistas e psicólogo podem ser útil para construir uma metodologia que vai além do talento e intuição, capaz de enfrentar os mais críticos.

Os princípios básicos do projeto são os mesmos daquelas regras que a Gestalt apresenta. Equilíbrio, proporção visual, domínio da cor, organização, elementos que compõem a receita para um projeto eficaz.

 
Gostou do post? Comente, curta e Compartilhe.

Precisando de ajuda? Clique aqui, podemos te ajudar.

 

Como funciona o Design Thinking?

Design thinking é um processo para buscar de forma prática e criativa, a solução de problemas e questões que precisam de um resultado melhor no futuro. Combina empatia, criatividade e racionalidade para encontrar as necessidades reais do cliente. Está intimamente ligado ao envolvimento das pessoas, a cocriação e a renovação.

 




1. Buscar as Necessidade do Usuário (Need Finding): Nessa etapa tentamos identificar quais são as maiores dificuldades do usuário. Temos que botar a mão na massa e observar o usuário, desenvolvendo empatia por ele e por sua circunstância. Isso não se faz através de questionários, mas sim saindo para a rua, observando usuários verdadeiramente e documentando suas vidas.

 

2. Desenvolver um Ponto de Vista: O propósito dessa etapa é sentar com o seu time e digerir os dados que encontraram nas observações prévias. Provavelmente terão encontrado diversas necessidades dos usuários e começarão a criar diversas hipóteses de como solucioná-las. O ideal é tentar identificar uma ou duas necessidades principais e encontrar uma solução geral de como atender a essas necessidades. Como tudo nesse processo, o seu ponto de vista pode e deve mudar ao decorrer do processo, então não precisa estar perfeito.

 

3. Gerar Ideias para Soluções: Nessa etapa o time se junta para criar ideias, geralmente através de um processo de brainstorm, ligadas ao ponto de vista que você desenvolveu. No final dessa etapa, tente escolher as soluções preferidas do grupo para começar a testá-las.

 




4. Testar Protótipos: Agora temos que criar as soluções – de um modo barato, rápido e imperfeito – e testá-las no mercado real. O objetivo é poder testar o maior número de protótipos no menor tempo possível, e catalogar o desempenho de cada um.

 

5. Iterar: Ao testar cada protótipo, é necessário avaliar o que funcionou e o que não funcionou. Assim, a próxima versão poderá ser um pouco melhor. Muitas vezes o resultado de um teste pode levar à decisão desistir de uma determinada solução, ou até de re-avaliar o ponto de vista e criar um novo se necessário.

Onde eu posso saber mais sobre Design Thinking?

 

Gostou do post? Comente, curta e Compartilhe.

Precisando de ajuda? Clique aqui, podemos te ajudar.

 

Como fidelizar os seus clientes: seja você empresa de qualquer tamanho; seja profissional liberal; seja autônomo; seja você um(a) artesão(ã), doceira, pedreiro, enfim, não importa o que faça ou mesmo o seu tamanho, se você depende de clientes para sobreviver, como eu, siga as dicas abaixo e o seu sucesso será uma questão de tempo.

 




Permita que seu cliente entre em contato com você facilmente

Pensando do lado do consumidor, é muito chato quando esse não encontra os canais de contato do negócio, para fazer uma possível reclamação, tirar uma dúvida etc., bem claro, de fácil acesso.

Se você tem um site, um formulário de contato bem visível ou uma opção *Fale Conosco*, de fácil localização já resolve o problema.

 




Se você não tem site, nem uma fanpage, por exemplo, no seu cartão de visita ou folder (prospecto) os canais disponíveis deve estar bem claro, com os horários que possam te encontrar.

Além das formas citadas a cima, também tem-se a possibilidade de ferramentas online, como os *Help Desks*, dentre outras formas de comunicação online como Skype, Whatsapp Facebook Messenger etc. Se você optar por algumas das comunicações online, como as citadas, não demore a responder, seja o mais rápido possível.

E não se esqueça que o mais importante, nessa interação, é nunca deixar pergunta sem resposta, seja ela qual for.

Surpreenda o seu cliente com algo mais

Exite um tipo de modelo de negócios chamado Modelo Kano, onde, a proposta é entregar algo a mais para o seu cliente, algo de valor, que seja importante para ele(a), não qualquer coisas, tipo chaveirinho.

Para efetivamente causar esse efeito em seus clientes, existem coisas que é viável fazer: Entregar produto antes do prazo estipulado; Entregar algum tipo de brinde útil, que possa ser usado junto com o produto entregue; Um cupom de desconto para novas aquisições; etc.

Mesmo que esses benefícios gerem algum tipo de custo, isso poderá levar esse(a) cliente a fazer um novo negócio com você, considere esse custo, como investimento, para fidelizar e manter o seu cliente, pois, um cliente satisfeito sempre volta e, muitas das vezes, traz outros.

Incentive para que ele volte

O ato de fornecer cupom de desconto, por exemplo, para clientes que já compraram de você, é uma ótima tática, que tem se mostrado uma excelente estratégia de Marketing, onde, você incentiva que o(a) seu/sua cliente retorne e faça novos negócios.

 




Crie um sistema de pontuação que possa ser transformado em alguma coisa de valor para os seus clientes.

Tenha um controle do seu cliente

Existem algumas ferramentas no mercado destinadas a isso como os CRM (Customer Relationship Management) que ajudarão a você a gerenciar os seus clientes.

Essa ferramentas, dentre outras coisas, permitirão a você administrar informações como:

  • Nome, telefone e endereço;
  • Data de nascimento;
  • Quantos e quais itens foram comprados;
  • Quanto ele já gastou;
  • Relatório de reclamações e elogios feitos por esse cliente;
  • etc.

Você pode controlar essas informações em uma planilha excel, por exemplo, mas, se você tem muitos clientes, busque uma ferramenta CRM. Para te ajudar no mercado existe diversas opções, bem acessíveis.

Conclusão

Se você não cuidar do seu cliente, com carinho, um concorrente seu o fará.

E nunca é demais dizer que, ações como as citadas acima, de retenção de clientes, são mais baratas do que ações para adquirir novos clientes.

Gostou do post? Comente, curta e Compartilhe.

Precisando de ajuda? Clique aqui, podemos te ajudar.

 

Design e seus desafios nas Micro e Pequenas Empresas.

Empreender por necessidade é uma das grandes razões de pessoas se aventurarem no mundo dos negócios e isso, com algumas exceções, pode decorrer em empreendimentos sem capital compatível com o porte do negócio, sem planejamento estratégico que direcione a competitividade dos empreendimentos e sem o devido preparo de seus proprietários, o que acarreta na morte prematura dos empreendimentos. Como se proteger desse fato.

 




Competitividade para a pequena e micro empresa, em um mundo globalizado, requer empenho do empresário no que tange a sua capacitação em gestão de negócios, em desenvolver um olhar crítico às oportunidades e em observar atentamente as tendências de consumo. Porém mais do que empenho, este empresário necessita criar um diferencial competitivo que identifique a sua empresa como inovadora, criativa e ousada, disponibilizando produtos e serviços necessários e adequados às exigências do mercado.

Os empresários de pequenas e micro empresas, sejam eles dos setores de comércio, indústria, serviços, ao optarem pelo estabelecimento de estratégias de competitividade para seus negócios devem considerar as variantes inerentes ao processo de implantação dessas estratégias – planejamento, viabilidade, custos, recursos humanos, inovação tecnológica, questões ambientais, questões sociais, criatividade – são algumas destas variáveis. O Design deve compor esta lista em função de sua crescente importância na relação entre produtos/serviços e o mercado, atuando como uma ferramenta estratégica de negócios. O design deixa de ser percebido apenas como uma intervenção estética e pontual, passando então a assumir a tarefa de lançar olhares atentos para o futuro, mapear tendências, propor o melhor aproveitamento de insumos, propor melhorias nos processos de planejamento e produção, além de propor um diálogo aberto com o consumidor, entendendo as suas necessidades e transformando-as em produtos e serviços desejados e esperados.

 

O design como um processo de gestão

Trabalhar com o conceito de que design refere-se ao processo projetual de um produto ou serviço e que, por conta disso, pode se configurar como uma importante ferramenta de gestão causa resistência e certo estranhamento frente à grande maioria dos empresários de micro e pequenas empresas. Por hábito, esses profissionais observam o design como algo supérfluo, de aparência e financeiramente inviável devido à percepção de altos custos de investimento, portanto longe de suas possibilidades de contratação para a inserção no processo produtivo das empresas.

 




Apesar de uma boa estética ou de um adequado projeto gráfico de comunicação de uma empresa contribuir para a exposição positiva de uma marca, de um produto ou serviço, o design ao entrar no final do ciclo de produção de um produto ou serviço, com uma intervenção especifica e pontual, deixa de contribuir positivamente ao longo do processo projetual.

Para que, de fato, o design possa desempenhar o papel de ferramenta de gestão estratégica nos processos produtivos das micro e pequenas empresas, há a necessidade de um trabalho de sensibilização e convencimento à classe empresarial.

O design deve passar a ser percebido pelos empreendedores como fator determinante na nova concepção de comunicação de valores, de identidade e até mesmo de usos e costumes. O on demand, a peça exclusiva produzida conforme a identificação, a necessidade e a vontade de consumidores, têm hoje, maior valor de mercado.

“Em mercados cada vez mais competitivos, vence quem consegue gerar uma identificação profunda entre o produto e seu público; e uma marca torna-se especialmente forte quando se confunde com a própria identidade e história do sujeito consumidor.”

 

O foco volta-se para o consumidor

A mudança deve começar com o redirecionamento do foco estratégico das empresas. Ao focar o consumidor, as MPEs passam a ter respostas de mercado reais, mais ágeis e atualizadas para sua produção, o que acarreta produtos projetados de acordo com as tendências de consumo.

 




É fato termos hoje oferta de produtos e serviços no mercado que se confundem com commodities, ou seja, produtos e serviços cada vez mais parecidos, que apresentam características semelhantes, que desempenham as mesmas funções e que se assemelham até mesmo com os custos de produção e valores de venda. A concorrência é acirrada e confunde o consumidor que não tem subsídios para escolher um produto em detrimento de outro. A compra se concretiza não por convicção do comprador na escolha do produto, mas sim pela disponibilidade, pela ocasião, por questões econômicas e até mesmo por questões ligadas ao desinteresse de escolha.

Ao observarmos o consumidor, teremos à nossa disposição sinais emitidos com frequência sobre seus anseios, suas necessidades, seus interesses de consumo. A diversidade de perfis de consumidores é grande e será preciso preparar-se para entender os seus comportamentos para que possamos decifrá-los e transformá-los em produtos e serviços. Não caberá ao empresário a tarefa de decifrar sozinho esses códigos, porém caberá a ele a tarefa de criar um ambiente favorável em sua empresa que possibilite a inserção de ações inovadoras, criativas e inusitadas, favorecendo o processo projetual de seus produtos e serviços e colocando no mercado não mais um simples produto, mas sim um produto agregado de valores que são caros (importantes) ao consumidor.

O design permeia todo o processo de P&D (Pesquisa & Desenvolvimento), com proposta de foco no consumidor, desenhando novas estratégias para as análises do consumo atual, do consumo latente e as oportunidades futuras de consumo.

Os produtos deverão cada vez mais se confrontar com um novo protagonista de mercado: o consumidor autor – aquele que possui a inovação. Falar hoje de inovação significa dar ao design e à criatividade um papel que até pouco pertencia quase que exclusivamente à tecnologia e que assume uma importância central nas diferentes gerações .

O design, ao agregar aos negócios um diferencial competitivo, desenvolvido por uma estratégia de observação do consumidor, amplia o poder de interação entre o produto e o cliente. Cabe ao empreendedor o papel de saber decifrar as necessidades desse consumidor e transformá-las em produtos e serviços acessíveis e compatíveis com uma demanda exigente. O consumidor, ao ter a percepção de que suas necessidades estão sendo observadas, atendidas e/ou superadas, passa a ter maior identificação com a marca, criando um elo de confiança, de respeito e comprometimento.

Gostou do post? Comente, curta e Compartilhe.

Precisando de ajuda? Clique aqui, podemos te ajudar.

 

Ao elaborar um projeto de um website ou design, quando o cliente oferece total liberdade de criação, o designer tem em mãos uma difícil missão, que precisa transpor para conseguir realizar um trabalho harmonioso: não basta apenas escolher cores ideais, é preciso estudar diversas combinações de cores e decidir qual delas será, definitivamente, a mais adequada a empresa e as exigências do mercado.




Quando isso acontecer, tenha em mente que o primeiro mandamento da internet e o do bom design é a legibilidade. A maioria dos websites profissionais opta por cores mais clara em cerca de 70 a 80% da área de tela do websites. Um website com muitas áreas escuras desagrada os olhos e dificulta a leitura, mesmo quando as fontes estão definidas com um padrão de cor mais claro. Prefira sempre deixar a maior parte do site em cores mais claras, preferencialmente o branco, e reserve as cores escuras para detalhes de layout.

Abaixo um pequeno guia com as melhores e as piores combinações de cores para detalhes de websites, seguido de uma pequena explicação.

 

Combinações de cores de sucesso

Amarelo e Azul

combinacao-amarelo-e-azul-miltondesigner

Uma combinação original e que agrada a maioria dos usuários. Neste caso, recomenda-se testar os tons de azul mais claros e acinzentados, aproveitando o amarelo puro na maioria dos detalhes pequenos e linhas de composição do layout.

 

Verde e Branco

combinacao-de-cores-verde-branco-miltondesigner

o verde é uma cor muito perigosa. A escolha criteriosa do tom é essencial para criar um layout agradável e, ao mesmo tempo, sofisticado. Recomenda-se combinar a partir dos tons de verde mais metálicos e levemente azulados que, combinados com o branco, sugerem limpeza e bom gosto. Experimente outras variações de verde, misturando elementos mais claros com mais escuros.

 

Cinza e Vermelho

combinacao-de-cores-vermelho-cinza-miltondesigner

Quando falamos no cinza para esta combinação escolhemos os tons de cinza mais claros para a maioria dos gráficos em cinza e alguns gráficos em tons de grafite. O vermelho escuro sugere força e “aquece” os tons muito frios de cinza.

 

Azul e Cinza

combinacao-de-cores-azul-e-cinza-miltondesigner

Uma combinação fria mais muito agradável. Aliás, milhares de sites na Web optam por estas tonalidades, clássicas, sofisticadas e quase sempre indispensável quando não se quer errar. Mas devemos te atenção para o fato de que existem alguns tons de azul que se recomenda cautela no uso, como por exemplo o azul puro, por ser uma cor muito forte e, se aplicada a grandes áreas, tendem a desagradar os olhos. É sempre melhor utilizar tons de azul acinzentados em grande áreas. Já na questão do cinza, qualquer tom é permitido, desde o mais claro até o grafite, neste último tom devemos ter cautela, para não deixar o visual pesado.

 

Preto e Cinza

combinacao-de-cores-cinza-e-preto-miltondesigner

Apesar de serem duas cores que intimidam, o preto e o cinza são muito elegantes conferindo sofisticação. Na composição de layouts podemos abusar nos tons de cinza mais claro, escolhendo detalhes em preto. O inverso não deve ser utilizado, ou seja, utilização de grande áreas em preto, sendo uma cor de difícil contraste para leitura mesmo as fontes sendo em branco.

 

Preto, vermelho escuro e branco

combinacao-de-cores-preto-vermelho-e-branco

O preto e o vermelho escuro são duas cores muito pesadas que, sozinhas, não recomendo na composição de uma página. Entretanto, se houver predominância de branco, estas duas cores podem conferir um aspecto maravilhoso ao desenho do site.

 

Amarelo, cinza e laranja

combinacao-de-cores-cinza-e-lranja combinacao-de-cores-amarelo-e-cinza

O amarelo e o laranja são cores alegres e quentes e, se combinadas com o cinza, conferem um ar moderno e original ao seu website.

 

Azul e laranja

combinacao-de-cores-azul-e-laranja

Assim com o azul e o amarelo, o webdesigner obterá excelente efeitos se combinar tons de azul acinzentado com laranja em tons mais vivos, este último em detalhes de destaque na página. O laranja tem a propriedade de aquecer o azul, que é uma cor fria, conferindo um visual moderno e diferente ao layout. Normalmente, sites de diversão e entretenimento utilizam esta combinação de cores.

 

Bege e branco

combinacao-de-cores-branco-e-bege-miltondesigner

O bege é uma tonalidade muito suave e pode ser combinada livremente com o branco, compondo websites para qualquer público-alvo. Esta é a combinação mais versátil de todas as apresentada anteriormente.

 

Combinações de cores desastrosas

Verde e amarelo

combinacao-de-cores-verde-amarelo

Apesar de o verde e o amarelo serem motivos de orgulho nacional, não se recomenda essa duas cores juntas em um layout de websites. O verde por si só é uma cor difícil de combinar, ficando melhor quando utilizadas com cores neutras (branco ou cinza). Além disso, diversos tons de verde são desagradável aos olhos numa tela de monitor. O amarelo muito vivo tende a “brigar” com o verde, esteja ele em qualquer tom.




 

Vermelho e preto

combinacao-de-cores-vermelho-preto

O vermelho e o preto são cores que transmitem muito peso e sensualidade e podem intimidar os usuários. Evite utilizar essa cores muito fortes combinadas sozinhas, como cores únicas de uma página. Além de promover a não legibilidade do website, pode incomodar algumas pessoas por cansar rapidamente os olhos.

 

Verde e vermelho

combinacao-de-cores-verde-vermelho

O verde e o vermelho, assim como, o verde e o amarelo, são duas cores que “brigam” entre si, já que o verde não é neutro e o vermelho se impõe sem cerimônias.

 

Laranja e vermelho ou amarelo e vermelho

combinacao-de-cores-laranja-vermelho combinacao-de-cores-amarelo-vermelho

Duas cores muito quentes devem ser utilizadas com muita discrição. Esta combinação, por si só, não deve ser adotada como os únicos tons em um layout. Utilize em companhia de tons mais frios, cinza ou azul, preferindo o tom de vermelho mais escuro que confere maior suavidade. Já o laranja e o amarelo puro podem se utilizados, desde que com cautela, pois, de outra forma o resultado pode parecer um verdadeiro carnaval.

 

Roxo e preto

combinacao-de-cores-roxo-preto

O roxo é uma bela cor, mas ao mesmo tempo muito estranha. Ele pode fazer parte com sucesso de layouts mais divertidos e jovens, quando levemente claro e combinados com cores alegres, como o amarelo ou o laranja. Entretanto o roxo traz em si a sensação de mistério e medo, e unido ao preto sugere morbidez.

 

Branco e amarelo

combinacao-de-cores-branco-amarelos

Assim com as cores muito escuras tendem a pesar um website, cores muito claras desagradam os olhos com a mesma intensidade. Apesar de ser uma cor muito alegre, amarelo puro, quando combinado com o branco, tende a ficar muito apagado.




Regras finais

  • Evite misturar dois tons quentes e predominantes na aparência geral de um layout; procure sempre “quebrar” o calor com algum tom frio;
  • Cuidado ao utilizar dois ou mais tons muito luminosos como únicos em um websites;
  • Evite combinar apenas preto e cinza em um portal ou website muito visitado. Quebre a monotonia utilizando uma terceira cor mais alegre;
  • Tenha extremo cuidado com algumas tonalidades de verde (verde bandeira e verde limão). O verde é uma cor muito bonita e pode favorecer o seu layout quando bem aplicada;
  • Não deixe de observar, acima de qualquer coisa, o público-alvo a atingir, isso determinará a utilização de cores;
  • Como última recomendação é a legibilidade. Cores muito escura tende a ofuscar a leitura de textos, mesmo quando definidos em cores mais claras, dê preferência para texto escuro em fundos claros.

 

Gostou do post? Comente, curta e Compartilhe.

Precisando de ajuda? Clique aqui, podemos te ajudar.

 

Cores no comportamento dos consumidores

A mais de cem anos a humanidade vem usando as cores com a intensidade que vem usando hoje. O número de cores e pigmentos conhecidos antes do século XIX eram muito reduzido, e tinham origem orgânica. Por essa razão eram de difícil aquisição, e somente aqueles com bons fundamentos financeiros poderiam adquiri-los.

 




 

A utilização de derivados do alcatrão, bem como de óxidos metálicos, alteraram bastante o processo de elaboração das cores.

Cada indivíduo reage de diferentes formas a determinada cor, dependendo de sua intensidade, luminosidade e saturação. Entretanto os psicólogos estão de comum acordo quando atribuem certos significados a determinadas cores que são básicas para qualquer indivíduo que vive dentro de nossa cultura.

As cores constituem estímulos psicológicos para a sensibilidade humana, influindo no indivíduo, para gostar ou não de algo, para negar ou afirmar, para se abster ou agir, nos deixar alegres, tristes, aguçar o nosso apetite, nos deixar mais confortável etc. Muitas preferências sobre as cores no comportamento dos consumidores se baseiam em associações ou experiências agradáveis tidas no passado, e portanto, torna-se difícil mudar a preferência sobre as mesmas.

 




 

A ciência experimental permitiu determinar fatos, formular hipóteses e teorias, solucionar problemas atribuídos à natureza humana, seja no seu aspecto psíquico, seja no fisiológico.

As cores fazem parte da vida do homem porque são vibrações do cosmo que penetram em seu cérebro, para continuar vibrando e impressionando sua psique, para dar um som e um colorido ao pensamento e às coisas que o rodeiam; enfim, para dar sabor à vida, ao ambiente. É uma dádiva que lhe oferece a natureza na sua existência na terrena.

 

Cores significados e percepções

Pesquisas recentes mostram quais são as áreas ativadas e o resultado no comportamento dos consumidores.

 

significado-psicologico-das-cores-azul-600x185

 

Azul tem origem no árabe e no persa lázúrd, por lazaward (azul). É a cor do céu sem nuvens. Dá a sensação de movimento para o infinito.

Associação material: Montanhas longínquas, frio, mar, céu, gelo, feminilidade, águas tranquilas.

Associação afetiva: Espaço, viajem, verdade, sentido, afeto, intelectualidade, paz, advertência, precaução, serenidade, infinito, medição, confiança, amizade, amor, fidelidade, sentimento profundo.

Parte do Cérebro: Córtex Pré-Frontal.

Efeito: Em tom escuro relaciona-se ao poder. Mais claro provoca sensação de frescor e higiene. Está ligado a produtividade e sucesso.

 

significado-psicologico-das-cores-laranja-600x185

 

Laranja origina-se do persa narang, através do árabe naranja. Simboliza o flamengar do fogo.

Associação material: Outono, laranja, fogo, pôr do Sol, luz, chama, calor, festa, perigo, aurora, raios solares, robustez.

Associação afetiva: Força, luminosidade, dureza, euforia, energia, alegria, advertência, tentação, prazer, senso de humor.

Parte do Cérebro: Sistema de recompensa, responde pelo prazer e necessidade de repetição da experiência prazerosa.

Efeito: Mudança expansão e dinamismo.

 

significado-psicologico-das-cores-rosa-600x185

 

Parte do Cérebro: Área Tegmentar Ventral – Controla a sensação de recompensa pela saciedade de fome, sede e sexo.

Efeito: Em tom claro dá a ideia de inocência. O tradicional, feminilidade e rompimento de preconceito. O pink reflete o desejo de iniciar ações individuais.

 

significado-psicologico-das-cores-amarelo-600x185

 

Amarelo deriva do latim amaryllis. Simboliza a cor da luz irradiante em todas as direções.

Associação material: Flores grandes, terra argilosa, palha, luz, topázio, verão, limão, chinês, calor de luz solar.

Associação afetiva: Iluminação, conforto, alerta, gozo, ciúme, orgulho, esperança, idealismo, egoísmo, inveja, ódio, adolescência, espontaneidade, variabilidade, euforia, originalidade, expectativa.

Parte do Cérebro: Sistema de Recompensa

Efeito: Passa a mensagem de transparência nas negociações ou no objetivo do lucro. Combinado com outras cores significa credibilidade.

 

significado-psicologico-das-cores-cinza-600x185

 

Associação material: Pó, chuva, ratos, neblina, máquinas, mar sob tempestade.

Associação afetiva: Tédio, tristeza, decadência, velhice, desânimo, seriedade, sabedoria, passado, finura, pena, aborrecimento,carência vital.
Do latim cinicia (cinza) ou do germânico (gris, cinza); nós utilizamos o termo de origem latina. Simboliza a posição intermediária entre a luz e a sombra. Não interfere junto as cores em geral.

Parte do Cérebro: Putâmen regula a distribuição da dopamina, um neurotransmissor relacionado a sensação de prazer. Ínsula, coordena as emoções.

Efeito: É a expressão da neutralidade. Pode representar indecisão e ausência de energias.

 

significado-psicologico-das-cores-verde-600x185

 

Verde vem do latim viridis. Simboliza a faixa harmoniosa que se interpões entre o céu e o o Sol. Cor reservada e de paz repousante. Cor que oferece o desencadeamento de paixões.

Associação material: Umidade, frescor, diafanidade, primavera, bosque, águas claras, folhagem, tapete de jogos, mar, verão, planície, natureza.

Associação afetiva: Adolescência, bem estar, paz, saúde, ideal, abundância, tranquilidade segurança, natureza, equilíbrio, esperança, serenidade, juventude, suavidade, crença, firmeza, coragem, desejo, descanso, liberalidade, tolerância, ciúme.

Parte do Cérebro: Córtex Pré-Frontal – Ligado as decisões, pensamento abstrato e criativo respostas afetivas e capacidade para conexões emocionais e julgamento social

Efeito: Remete à natureza. Transmite frescor, harmonia e equilíbrio. Reforça a ideia de ponderação e coerência.

 




 

significado-psicologico-das-cores-marron-600x185

 

Marrom, do francês marron (castanho).

Associação material: Terra, águas lamacentas, outono, doença, sensualidade, desconforto.

Associação afetiva: Pesar, melancolia, resistência, vigor.

Parte do Cérebro: Sistema Límbico, estrutura interna que responde pelas emoções.

Efeito: É uma cor pesada, sugere conservadorismo.

 

 

significado-psicologico-das-cores-branco-600x185

 

A palavra branco nos vem do germânico blank (brilhante). Simboliza a luz, e nunca é considerado cor, pois de fato não é. Se para os orientais é a morte, o fim, o nada. Representa também, para nós ocidentais, os vestíbulo do fim, isto é , o medo ou representa um espaço (entrelinhas).

Associação material: Batismo, casamento, cisne, lírio, primeira comunhão, neve, nuvens em tempo claro, areia clara.

Associação afetiva: Ordem, simplicidade, limpeza, bem, pensamento, juventude, otimismo, piedade, paz, pureza, inocência, dignidade, afirmação, modéstia, deleite, despertar, infância, alma, harmonia, estabilidade.

Parte do Cérebro: Córtex Cerebral Esquerdo , responsável pelo pensamento lógico e pela competência comunicativa.

Efeito: Sugere pureza. Cria a impressão de luminosidade. Transmite a ideia de frescor e calma. Combinado com outras cores proporciona harmonia.

 

significado-psicologico-das-cores-roxo-600x185

 

Roxo nos vem do latim russes (vermelho-carregado). Cor que possui um forte poder microbicida.

Associação material: Noite, janela, igreja, aurora, sonho, mar profundo.

Associação afetiva: Fantasia, mistério, profundidade, eletricidade, dignidade, justiça, egoísmo, grandeza, misticismo, espiritualidade, delicadeza, calma.

Parte do Cérebro: Polo Frontal, ligado ao planejamento de ações e movimento e ao pensamento abstrato.

Efeito: Pode remeter a mistério. Também se relaciona a calma e sensatez.

 

significado-psicologico-das-cores-vermelho-600x185

 

Vermelho nos vem do latim vermículos (verme, inseto). Desta se extrai uma substância escarlate, o carmim, e chamamos a cor de carmesim [do árabe : qimezi (vermelho bem vivo ou escarlate)]. Simboliza uma cor de aproximação, de encontro.

Associação material: Rubi, cereja, guerra, lugar, sinal de parada, perigo, vida, Sol, fogo, chama, sangue, combate, lábios, mulher, ferida, rochas vermelhas, conquista, masculinidade.

Associações afetivas: Dinamismo, força, baixeza, energia, revolta, movimento, barbarismo, coragem, furor, esplendor, intensidade, paixão, vulgaridade, poderio, vigor, glória, calor, violência, dureza, excitação, ira, interdição, emoção, ação, agressividade, alegria, comunicativa, extroversão.

Parte do Cérebro: Amigdala e núcleo Accumbens, estrutura ligada ao prazer.

Efeito: Emoção, dinamismo, sexualidade, virilidade e masculinidade. Em relação ao consumo pode estimular, no caso dos alimentos.

 

significado-psicologico-das-cores-preto-600x185

 

Deriva do latim niger (escuro, preto, negro). Nós utilizamos o vocábulo “preto”, cuja etimologia é controvertida. É expressivo e angustiante ao mesmo tempo. É alegre quando combinado com certas cores. As vezes tem conotação de nobreza, seriedade.

Associação material: Sujeira, sombra, enterro, noite, carvão, fumaça, condolência, morto, fim, coisas escondidas.

Associação afetiva: Mal, miséria, pessimismo, sordidez, tristeza, desgraça, dor, temor, intriga.

Parte do Cérebro: Amigdala regula o comportamento sexual, agressividade, medo e memória emocional.

Efeito: Sugere mistério, curiosidade, superioridade além de nobreza e distinção.

 

Conclusão

Agora você já sabe como as cores exercem grande influência no nosso comportamento de consumo, então use essas informações em benefício do seu negócio.

Ah, esse artigo, bem como outras técnicas, faz parte do nosso ebook Tirando o máximo do seu blog, clique e conheça o conteúdo.

Gostou do post? Comente, curta e Compartilhe.

Precisando de ajuda? Clique aqui, podemos te ajudar.