Design minimalista: o que fazer e o que não fazer

O design minimalista é o seguinte: quando você o faz bem, é absolutamente lindo. Quando você faz algo errado, é horrível pelos mesmos motivos. Acertar é um ato de equilíbrio, na verdade, de apenas um punhado de elementos de design.

Como muita arte e design, pode ser preciso muita atenção para perceber a diferença entre algo que simplesmente funcionará e algo que simplesmente não funcionará .

E são essas coisas que simplesmente não funcionam que você deseja evitar em seu web design. Se você está trabalhando em direção ao minimalismo e deseja que seu site atraia um ooh dos visitantes em vez de um eww , eu o ajudei a ver muito do que você deve fazer (e muito do que você não deve) .

Faça: use cores!

As pessoas tendem a pensar que o design minimalista é monocromático, ou ainda pior - preto e branco e / ou tons de cinza.

Não não não. Não.

O design minimalista não é, quase paradoxalmente, ter muito pouco; trata-se de maximizar muito pouco. Sua intenção deve ser aproveitar ao máximo o pouco que você tem.

Isso significa que, quando se trata de cores, você deve ... usar cores. Dê uma olhada neste exemplo da Epoch Design:

O uso de cores aqui é mínimo, mas o designer maximizou seu uso para garantir que você as veja.

E aqui, de Boorbool:

O fundo duotônico marcante e memorável, mas não bate na sua cara.

Não: Use TODAS as cores!

Do outro lado desses designs encantadores, os minimalistas abrigam muitos impulsos obscuros para usar todas as cores, apenas substituindo a limpeza de seus designs por quase todas as tonalidades do espectro.

Ok, talvez não seja tão ruim, mas o uso excessivo de cores com outras estéticas minimalistas pode ser incrivelmente perturbador e autodestrutivo.

Como Rogue + Co. Eles tentam usar linhas limpas do minimalismo e tamanhos de cartão assimétricos para chamar a atenção do usuário. Mas eles adicionaram cores supérfluas a tudo, e então animaram tudo sem motivo. Ele afasta o usuário do conteúdo, em vez de atraí-lo.

O oposto do design minimalista, claro.

E então há Bolden, que entende totalmente o minimalismo. Exceto pela coisa da cor. Muitas cores e tentar ser muito inteligente fez com que tivessem que adicionar uma animação supérflua. Você tem que passar o mouse sobre os cantos da tela para ver o texto.

Isso não é mínimo, é?

Fazer: usar animação

Você vê, aquelas animações acima ... elas não importam. Eles não acrescentam nada ao site. Mas gráficos de cinema como o uso de Rogue & Co podem funcionar; eles só precisam aprimorar o site, não desorganizá-lo.

Na maioria das vezes, micro interações funcionarão - passar o mouse sobre um botão ou uma ênfase destacada em um cartão. Mesmo o carregamento, a rolagem ou as animações de fundo que não são intrusivas podem aprimorar o design minimalista que você deseja.

O maior obstáculo é ter certeza de que a animação se encaixa no seu design. Não basta adicioná-los onde não pertencem. Veja como o rodapé que se expande em nossa página Divi chama sua atenção conforme você rola, mas não diminui a forma como você usa a página.

Não é de surpreender que o Divi tenha um recurso integrado para realizar esses tipos de microinterações.

Faça: use o espaço em branco

Como pops de cor, espaço em branco (ou espaço negativo) pode ser uma das armas mais úteis em seu arsenal. Por exemplo, o meio absurdamente popular é quase todo espaço em branco e funciona.

E vê como a única cor é usada para chamar sua atenção para os botões e links de que você realmente precisa?

Há um equilíbrio no uso eficaz do espaço em branco. Você deseja equilibrar legibilidade e utilidade com apelo estético. Quando usado de forma eficaz, o espaço em branco é incrivelmente poderoso para tornar seu design minimalista memorável. tosse Google tosse tosse

Não faça: use SOMENTE o espaço em branco

No extremo oposto do espectro, o uso excessivo de espaços em branco torna o uso do seu site quase inutilizável para os visitantes. Veja, o uso de espaços em branco pelo Google destaca como eles querem que você use o site: digite algo na caixa.

Se, no entanto, o uso de espaços em branco não direcionar o usuário ao propósito do seu site ou fizer com que eles tenham uma experiência melhor em seu site, você pode precisar de elementos mais explícitos para direcioná-los.

Por exemplo, Thru You Too é um projeto incrível. Mas demorei muito para descobrir como usá-lo (você tem que passar o mouse sobre o texto grande no centro, o que não fiz porque estava desenhado no canto superior direito). Embora a navegação seja simples quando você a entende, o espaço em branco não me direcionou para lá.

O que fazer: use fontes apropriadamente incríveis

Uma coisa em que praticamente todo design minimalista depende é o uso eficaz de fontes. Escolher o tipo de letra certo para o seu site é a forma de mostrar a sua personalidade e a do seu produto ou empresa.

Então você quer uma fonte que transborde a identidade da sua marca a partir do momento que as pessoas a veem. Linhas claras com letras elegantes. Bordas ásperas e talvez algumas pinceladas. Elegante e com classe. O que quer que você esteja procurando, certifique-se de escolher uma fonte que corresponda.

Veja o Squarespace, por exemplo. Você sabe exatamente o que esperar de sua empresa, simplesmente observando o formulário de inscrição e as fontes usadas. Limpo, simples e claro. Ele exala a suavidade que eles anunciam, principalmente por meio da fonte que escolheram. (Porque esse é realmente o único elemento de design que você pode ver aqui.)

E o pessoal da Folks está buscando uma sensação folk, então eles definitivamente encontraram uma fonte que se sente bem. Seu público é aparente, assim como sua opinião sobre seus produtos. E não é explicitamente declarado.

Não use fontes INAPROPRIATAMENTE Awesome

Na extremidade oposta desse espectro, escolher uma fonte que seja muito ousada pode causar o tipo errado de golpe. Todo mundo quer que seu site seja único e se destaque. Mas você não quer que ele se destaque pelos motivos errados.

Imagine procurar uma fila de emergência para ajudar um membro da família necessitado e encontrar um site parecido com este:

Que tal uma médica que quisesse ter certeza de que você sabia que ela era a melhor escolha para salvar sua vida?

Ou se você estava procurando um web designer fantástico e contemporâneo e tudo o que viu foi isto:

Ok, então eu não pude resistir a uma escavação do Comic Sans. Processe-me. Mas você entendeu: a escolha da fonte é importante. Especialmente quando você está usando um design minimalista, porque a escolha do tipo de letra pode ser a maior parte do design.

Vá em frente e minimize!

E diminua também, mas esse é um artigo totalmente diferente. #iamadelight

Brincadeiras à parte, lembre-se de que cores, fontes e espaços negativos são alguns dos fundamentos do design. Você apenas tem que praticar a discrição para usá-los corretamente. Contanto que você faça o que eu digo, não o que eu não faço quando se trata de design minimalista, você não deve ter nada com que se preocupar.

Quais são suas diretrizes ao projetar sites minimalistas?

Miniatura do artigo por Boo-Tique / shutterstock.com