Fundamentos do design: construindo sua marca e seu site

Se você é um designer, provavelmente vai desligar agora, mas se não for, então continue e aprenda tudo sobre os fundamentos do design.

Design não é apenas fazer as coisas parecerem bonitas. Na verdade, trata-se de manipular e ensinar o usuário a usar seu site. O papel de um designer é mapear o caminho que um usuário deve seguir para que possa atender às suas necessidades e todos ficarem felizes.

Freqüentemente, o usuário nem percebe que isso está acontecendo. Isso porque o design segue um conjunto de regras que aprendemos naturalmente ao visitar centenas de sites em nossas vidas.

Composição

Tudo o que você vê em uma página existe por uma razão, e um bom design seguirá um conjunto de regras conhecidas como princípios de design da Gestalt .

Os cérebros humanos são maravilhosos porque podem preencher as lacunas de uma imagem sem ter que pensar conscientemente sobre ela. Se você já viu um rosto em um objeto inanimado, este é o seu cérebro fazendo exatamente isso.

Os princípios da Gestalt baseiam-se fundamentalmente em como nosso cérebro funciona. Conforme você passa o dia, seu cérebro tenta freneticamente simplificar e organizar uma série de imagens complexas a cada segundo - tudo enquanto você simplesmente toma seu café!

Somos feitos para procurar padrões e estruturas dentro de tudo que olhamos, subconscientemente organizando tudo em um sistema organizado em nossas mentes. Os designers, então, usam esse conhecimento para projetar para a mente subconsciente usando os seguintes princípios:

Figura / chão

Figura / fundo usa o conceito de espaço negativo e contraste. O cérebro separará os elementos naquilo que considera estar em primeiro plano e em segundo plano. Ele pegará uma parte da imagem e atribuirá a ela o papel de 'ponto focal', e verá a área maior de uma imagem como o plano de fundo sobre o qual a figura se assenta.

Isso geralmente é visto em ilusões de ótica, mas pode ser aplicado a logotipos e sites. Por exemplo, o logotipo da FedEx usa espaço negativo no logotipo para criar a ilusão de uma seta escondida dentro dele.

O espaço negativo entre o “E” e o “x” faz parecer que há uma seta ali.

Proximidade

Este princípio está focado na ideia de que o cérebro tenta agrupar as coisas. Objetos próximos uns dos outros parecem fazer parte de uma família. Mesmo que as formas sejam idênticas, seu posicionamento é o que faz o usuário supor que os elementos fazem parte de um grupo.

Mesmo que a cor, a forma e o tamanho sejam todos iguais, nossos cérebros nos dizem que esses são três grupos separados:

Conectividade uniforme

Esta é uma das principais maneiras pelas quais os designers “ensinam” o usuário a usar o site. Isso pode ser feito por meio de cor, tamanho e forma. É seguro presumir que as informações fornecidas em, por exemplo, círculos, são de natureza semelhante e as informações fornecidas em, por exemplo, quadrados são de natureza diferente dos círculos.

Continuação

A continuação, ou alinhamento, baseia-se na ideia de que o olho humano seguirá o caminho mais simples em uma página. Portanto, qualquer informação importante deve estar dentro dessa linha, pois é o primeiro lugar que o usuário estará procurando.

Isso pode ser feito de forma muito sutil, já que as linhas direcionam os olhos do observador com linhas literais ou formas que se alinham naturalmente. Isso pode ser visto normalmente em fluxogramas e infográficos, mas também em sites de comércio eletrônico em controles deslizantes horizontais que mostram produtos relacionados.

As grades são uma grande parte desse alinhamento. Partindo da ideia de simplicidade, o movimento artístico Bauhaus originado na Alemanha no início do século 20 deu início ao conceito de grades.

Cor

A cor é obviamente importante para o reconhecimento da marca. Assim que vemos os arcos dourados do McDonald's sobre um fundo vermelho, sabemos o que é. No entanto, essas cores não foram escolhidas aleatoriamente, há alguma ciência por trás disso.

Por exemplo, a escolha de vermelho e amarelo do McDonald's é usada porque são cores quentes que aumentam a frequência cardíaca e, portanto, deixam você com mais fome - e mais propenso a comprar seus produtos alimentícios.

A cor tem muito a ver com emoção. Você precisa pensar em quem é o seu público e a quais emoções deseja que sua marca seja associada.

Amarelo

Comumente associado a felicidade e confiança. Suas cores quentes o tornam adequado para uso na indústria alimentícia, pois pode aumentar o apetite. No entanto, há fatores de idade a serem considerados. O amarelo pode tornar os bebês mais propensos a chorar, mas os adolescentes e jovens adultos se sentem mais otimistas com a cor amarela. Isso muda novamente à medida que você atinge o grupo demográfico mais antigo, que associa o amarelo ao medo.

Azul

Freqüentemente usado em ambientes médicos e para tecnologia. Tem uma qualidade mais calma e serena e pode parecer mais profissional. Ele também tem o efeito oposto sobre o apetite e, na verdade, o suprime ainda mais.

Roxo

Roxo está associado a riqueza, poder e sucesso. Isso decorre do fato de que os reis costumavam usar púrpura como um sinal de riqueza, pois era um dos pigmentos mais difíceis de tingir tecidos - você tinha que ser muito rico para obter roupas dessa cor. Isso foi levado para o nosso subconsciente e deu ao roxo as mesmas conotações de centenas de anos atrás.

Cor de rosa

O rosa é conhecido por suas qualidades calmantes. Seus efeitos são tão poderosos que as cores são usadas nas prisões para inicialmente acalmar os presos. Então, ele também tem associações mais estereotipadas, como amor e romance.

laranja

Semelhante ao amarelo por ser uma cor quente, o laranja transmite emoções de entusiasmo e excitação. Pode ser usado como uma versão mais suave do amarelo, pois é mais acessível e amigável. Suas cores brilhantes também significam que pode ser usado em sinais para chamar a atenção ou avisos sem ser tão áspero como, por exemplo, vermelho.

Juntando tudo

Esta é apenas uma introdução ao design. Como você pode ver, existem muitos elementos e muitos pensamentos que podem estar por trás de algo que pode parecer relativamente simples à primeira vista. Mas cada marca e site é essencialmente criado por meio de uma combinação de alguns desses princípios para criar as marcas e sites que você aprende a reconhecer instantaneamente.

Se você deseja saber mais sobre design, fique à vontade para entrar em contato com um de nossos criativos.