Cor e camadas. Este par de elementos de design tem sido a força motriz por trás de muitas das tendências do ano. Embora não tenhamos visto nada assumir, como o design plano há alguns anos ou mais recentemente o Material Design, elementos de ambos os estilos estão levando os designers a explorar coisas novas.

Ambas as opções de cores e camadas parecem ter raízes nessas tendências maiores e estão sendo usadas em esquemas de design, mesmo sem estética totalmente plana ou material. Veja o que é tendência no design este mês:

1. Muitos elementos em camadas

Elementos em camadas e efeitos tridimensionais são a técnica obrigatória no espaço web 2D. Graças às técnicas divertidas e aos melhores procedimentos introduzidos principalmente pelo Material Design, elementos em camadas estão surgindo em projetos de todos os tipos.

O que é particularmente bom é que ele dá a um site uma sensação mais realista. O usuário pode quase chegar e pegar os elementos na tela. (E isso é uma coisa boa!) O truque é que cada camada deve parecer real e leve, e as camadas parecem naturais.

Aqui estão algumas maneiras de começar a experimentar camadas em seus projetos de design:

  • Elementos “Lift” do fundo com uma simples sombra ou animação. Olle faz isso com vários elementos em diferentes planos, mas todos eles se juntam e parecem naturais.
  • Permitir que os elementos se cruzem. O texto pode cruzar o espaço ocupado por uma imagem.
  • Os recursos de rolagem de paralaxe são uma maneira interessante de criar elementos em camadas (um primeiro plano se movendo sobre um plano de fundo) sem ser muito complicado.
  • Use formas geométricas, animação e variação de cores para imitar a profundidade no design. Os usuários devem sentir que quase podem cair no visual, como a experiência estabelecida por Excluir agência .
  • Crie camadas indo para fora da tela, com elementos que vão além do plano de fundo ou da borda da tela.
  • Deixe os elementos repousarem sobre um plano de fundo texturizado para criar separação entre a camada superior (que os usuários podem imaginar tocar) e a camada de fundo.
olle
excluir
fio

2. esquemas de cores escuras

Por um tempo, parecia que todo site era um ideal minimalista, incluindo um fundo branco austero. Essa tendência mudou à medida que esquemas de cores mais escuras estão surgindo como o favorito do design.

E por um bom motivo. Um bom esquema de cores escuras pode chamar a atenção e não é tão duro aos olhos de alguns usuários quanto o branco brilhante. Por outro lado, a estética escura pode ser um pouco mais problemática se o texto for pequeno ou em telas menores (por isso, tenha cuidado especial com a forma como os elementos são renderizados em dispositivos móveis).

Os elementos que realmente se destacam em esquemas de cores escuras incluem o uso de vídeo e animação legal, mesmo que seja dificilmente reconhecível; tipografia branca ousada, pops de cores vivas para acentuar frases de chamariz ou informações importantes e o clima geral apropriado.

Lembre-se também que a escuridão nem sempre significa preto. Esquemas de cores escuras podem ser enraizados em uma variedade de tons de vermelhos para azuis para verdes. Embora as opções pretas sejam as mais comuns, é importante escolher um preto rico que seja feito de várias combinações de cores. Um preto liso (ou "preto K", como os designers de impressão chamam) vai deixar algo a desejar no design do site.

Ao trabalhar com esquemas de cores escuras, tome cuidado especial para garantir que haja contraste adequado entre os elementos e que as cores e imagens não se percam dentro da natureza escura do design. O branco pode ser uma boa opção, assim como outras cores primárias com muito brilho ou saturação. Lembre-se de pensar no tamanho do contraste também. Considere aumentar o tamanho de todos os elementos de texto em 10 a 20% ao trabalhar com uma estrutura escura para garantir a legibilidade.

embaixador
comboio
casacos

3. Gradientes fazem um retorno

O gradiente - uma das técnicas evitadas pelo design plano - está voltando. (E até está sendo usado principalmente em padrões de design planos.)

Os gradientes funcionam porque fazem algo que muitas pessoas pensavam que o design plano não tinha, que é ajudar a criar e estabelecer profundidade. O que há de novo nos gradientes desta vez é que eles não são usados ​​para imitar texturas ou sem propósito. A tendência de hoje se concentra em gradientes de cores brilhantes que enfatizam o conteúdo. De sobreposições de gradiente de tela inteira a planos de fundo, quase tudo acontece quando se trata da técnica ... desde que seja em negrito.

Os designers estão aproveitando ao máximo o retorno do gradiente de algumas maneiras distintas:

  • Gradiente - pares de "cor lisa" misturam as duas ideias de design para um visual arrojado, como o site para WPcrew .
  • Os gradientes de dois tons são uma sobreposição de cores divertidas para adicionar interesse a uma foto que pode estar faltando ou adicionar profundidade a um plano de fundo.
  • Embora muitos desses gradientes pareçam estar em uma escala maior, eles também estão sendo usados ​​para elementos menores, como botões ou para chamar a atenção para um conteúdo específico.

Existem ainda algumas inclinações a serem consideradas também. (Desde que você não quer que o design pareça ter saído de 2012!)

  • Desconfie de pequenos gradientes. O uso em ícones ainda não é recomendado.
  • Não sobrecarregue o conteúdo. Uma sobreposição de gradiente em uma foto pode ser interessante (basta pensar em alguns dos efeitos interessantes que o Spotify apresenta regularmente), mas a foto ainda precisa ser perceptível.
  • Gradientes de cores ousados ​​tendem a ter uma sensação leve e alegre. Certifique-se de que isso combina com seu conteúdo.
  • Preste atenção às combinações de cores e contraste quando se trata de legibilidade. Alguns gradientes podem obter luz e o texto branco pode representar um problema. Certifique-se de testar a legibilidade em relação à cor, a diferentes pontos de interrupção responsivos e a vários dispositivos de tamanho. (Com gradientes, problemas de legibilidade podem aparecer em lugares que você não esperaria.)
wpcrew
vencedor
interativo

Conclusão

Não há nada mais divertido do que cor quando se trata de design. As tendências de cores são boas porque são elementos que você pode adicionar a praticamente qualquer estilo de design sem uma revisão completa. O mesmo vale para os elementos em camadas. Esta é uma técnica que pode ser adicionada a um design existente para dar uma sensação mais moderna.

Quais tendências você está amando (ou odiando) agora? Eu adoraria ver alguns dos sites que você está fascinado. Me mande um link no Twitter ; Eu adoraria ouvir de você.