Posts

Arquitetura da Informação e a sua importância

A Arquitetura da Informação de um website é a forma como o conteúdo está organizado e estruturado, de forma a orientar a navegação do usuário pela página.




Essa arquitetura deve conter uma estrutura bem definida, distinguindo claramente as áreas principais e secundárias, organizando as informações de acordo com a sua importância e hierarquia. Além disso, essa organização do conteúdo deve facilitar a navegação e as tomadas de decisões do usuário através de uma estrutura coerentemente adequadas. É através dessa arquitetura que podemos oferecer ao usuário uma navegação intuitiva e facilidade na busca da informação que procura.

Para alcançarmos a organização ideal, são necessários estudos e pesquisas para que possamos definir a melhor estrutura considerando os objetivos do website, o perfil do público-alvo e as tendências para sites de uma mesma área buscada.

Devemos ainda estar atentos ao uso adequado de todos os elementos, links, que facilitem a navegação e identificação das informações do website.

Uma arquitetura de informação bem construída melhora a qualidade das visitas e permanência no seu website, contribui para que o usuário acesse as informações mais importantes, ou que busquem, e aquelas que você deseja apresentar com prioridade de forma objetiva e com maior agilidade, permitindo que o usuário saiba onde está durante a navegação pelo site, visando evitar que ele abandone a navegação antes de encontrar o que procurava, seja por encontrar um conteúdo mal organizado ou por não conseguir encontrar o que esperava dentro de um tempo aceitável.




Assim, você garante que todo o conteúdo que foi disponibilizado poderá ser acessado com facilidade e o usuário não ficará perdido na imensidão de informações contidas no site, sem aproveitar toda aquela informação.

Abaixo, segue uma lista de passos para a construção da arquitetura de informação de um site:

  • Relacionar o conteúdo a ser disponibilizado no site;
  • Organizar o conteúdo em áreas para a estruturação das informações;
  • Definir a importância para cada área de acordo com os objetivos do seu website, o tema do site, seu público-alvo etc.;
  • Montar a arquitetura necessária para priorizar as informações de acordo com importância definida para cada uma delas;
  • Definir a nomenclatura para as áreas – menus, sub-menus, chamadas etc., levando em consideração a sua área de atuação, as tendências para sites do mesmo ramo o e o perfil do público-alvo.

Essas são algumas sugestões para melhorar o acesso as informações disponibilizadas em seu site, visando melhor retenção do usuário ao conteúdo projetado, retendo-o e fidelizando esse mesmo usuário as suas propostas de produtos ou serviços visados.

Fonte: https://pt.wikipedia.org/wiki/Arquitetura_de_informa%C3%A7%C3%A3o

Gostou da postagem? Foi útil para você? Então, considere fazer uma doação PIX para nossa edição.

E, precisando de ajuda, clique aqui e saiba como podemos te ajudar.

 

Gestalt: Os PRINCÍPIOS Aplicados No Design

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, forma, profunda que qualquer designer tem que saber e entender. Princípios da Gestalt pode ser útil para descobrir como funciona a visão 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 a emoção para criar um sentimento, também com base em padrões sociais. A Gestalt pode realmente ajudar a focalizar a atenção e a organização de conteúdos de uma forma eficaz. Ela certamente pode ser considerado uma ferramenta essencialmente teórica. Os princípios não são apenas um esquema matemático a seguir, mas uma forma de organizar o conteúdo para transformar um objeto em algo familiar, organizando-os em pontos de vista não familiar. Isso permite 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 como 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 influenciadas, 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 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

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. 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 da postagem? Foi útil para você? Então, considere fazer uma doação PIX para nossa edição.

E, precisando de ajuda, clique aqui e saiba como podemos te ajudar.

 

3 Influências das Cores na Composição de Layouts

Influência das cores na percepção subjetiva

A influências das cores adicionam outras dimensões a informação, isso é inegável. As cores sugerem a sua própria mensagem subliminar, despertam sentimentos e nos envolver.

 




 

Os 3 pilares dessas influências são:

1. Influência Biológica

Essas influências das cores é baseado em nosso sistema de percepção, percebemos a cor vermelha com muito mais intensidade, por exemplo, que a cor azul. Esse fenômeno está relacionado ao fato de nós termos mais células responsáveis pela percepção da cor sensível a cor vermelha (aproximada 64%) e verde (aproximadamente 34%) e nas retinas dos nossos olhos estão as sensíveis a cor azul (aproximadamente 2%). Por esse motivo na natureza encontramos poucos elementos realmente vermelhos (a não ser algumas flores que de fato chamam bastante a atenção).

 

2. Influência Cultural

Nossa percepção da cor está fortemente ligada a influências de cores na cultura. Um exemplo extremo que podemos citar é com a percepção da cor preta: quando a cultura deu a essa cor uma imagem de morte e ligação com o mal, no Egito está ligado ao nascimento e ressurreição e na cultura hebraica significa compreensão.

Mesmo o design corporativo é distinguido frequentemente por uma cor ou uma combinação específica da cor, utilizado normalmente como a identidade própria da empresa, fazendo parte de sua cultura visual.

 




3. Influência Individual

Todas as nossas preferências e aversões a cores, o que gostamos e não gostamos, deve ser levados em conta nessa hora. A moda é muito influenciada por nossos gostos. Por exemplo, a cor laranja era bastante popular na década de 70 e foi utilizada por muito tempo e que no início de 2000 ressurgiu. O uso de cores combinadas ou mesmo degradê usados em sites pode ser uma influência individual, da moda, tendência.

Você deve manter sempre esses tipos de influência em sua cabeça na hora de compor um layout. considere que a cor é percebida de forma diferente entre as pessoas e cabe você tentar utilizar a cor mais apropriada para o público-alvo do seu layout, incluindo também o cliente que está te contratando o projeto.

Gostou da postagem? Foi útil para você? Então, considere fazer uma doação PIX para nossa edição.

E, precisando de ajuda, clique aqui e saiba como podemos te ajudar.

 

Design Thinking, Quais os Seus Objetivos?

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 da postagem? Foi útil para você? Então, considere fazer uma doação PIX para nossa edição.

E, precisando de ajuda, clique aqui e saiba como podemos te ajudar.

 

Combinação de cores 100% de SUCESSO!!!

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ção de cores de sucesso

Amarelo e Azul

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

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

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

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




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

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

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

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

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ção de cores desastrosas

Verde e 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

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

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

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

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

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.

HomeOffice lucrativo

 

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.

Assista ao vídeo abaixo e saiba mais sobre as cores.

Gostou da postagem? Foi útil para você? Então, considere fazer uma doação PIX para nossa edição.

E, precisando de ajuda, clique aqui e saiba como podemos te ajudar.

 

Significado PSICOLÓGICO Das Cores No COMPORTAMENTO Dos Consumidores

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: Amígdala 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.

Assista ao vídeo abaixo e aumente a sua compreensão sobre as cores e suas relações.

Gostou da postagem? Foi útil para você? Então, considere fazer uma doação PIX para nossa edição.

E, precisando de ajuda, clique aqui e saiba como podemos te ajudar.

 

Crie Botões Online Para Seu Site Grátis

Button Factory

Hoje trago mais uma ferramenta super útil para aquele que não querem ou não sabem como criar botões para suas páginas web o BUTTON FACTORY. Esta ferramenta online fantástica permite você criar seus botões a partir de exemplos ou desenvolvendo o seu próprio modelo, podendo adicionar bordar, sombra, fundo gradiente ou não, efeito vitrificado. Podendo ainda escolher a tipografia a ser utilizada,  negrito, itálico, shadow. Você pode exportar a imagem nos seguintes formatos: png, gif, jpg, ico. E o mais bacana pode exportar imagem ou CSS, isso mesmo, pode exportar o CSS do botão. Ainda existe a possibilidade de utilizar API.

Ferramenta-online-para-criar-botoes-gratis

Então é só visitar o URL http://www.dabuttonfactory.com/ e conhecer a ferramenta.

 

Gostou da postagem? Foi útil para você? Então, considere fazer uma doação PIX para nossa edição.

E, precisando de ajuda, clique aqui e saiba como podemos te ajudar.

 

Código de Ética do Designer Gráfico – ADG Brasil

O código de ética do Designer Gráfico visa orientar a conduta do profissional regulando as relações com a classe, clientes, empregados e a sociedade em geral, dignificando a profissão visando sempre à elevação moral e profissional expressa em todos os seus atos, buscando aperfeiçoar a qualidade das mensagens visuais, contribuindo assim com o desenvolvimento do seu país.

No desempenho de suas funções precisa se interessar pelo bem público contribuindo com conhecimentos, capacidades e experiências objetivando servir melhor a sociedade. Usar  técnicas e processos sempre adequados ao meio ambiente, aos valores culturais e sociais visando à emancipação econômica e tecnológica do seu país, respeitando e fazendo respeitar os preceitos internacionais da Propriedade Intelectual e Industrial. Não deve empreender no contexto da sua prática profissional, nada que comprometa o seu status de profissional independente.

Ler o Código de Ética.

Gostou da postagem? Foi útil para você? Então, considere fazer uma doação PIX para nossa edição.

E, precisando de ajuda, clique aqui e saiba como podemos te ajudar.