O design do site certamente parece feliz hoje em dia. Talvez porque a primavera esteja no ar ou talvez haja apenas uma boa vibração por aí. De qualquer maneira, as tendências no design do site este mês refletem esse sentimento ascendente, com ilustrações de estilo icônico, grande fotografia e opções de cores brilhantes.

Veja o que é tendência no design este mês:

1) ilustrações de estilo de ícone

É difícil não amar uma ótima ilustração. Algumas das melhores ilustrações que estamos vendo agora têm mais estilo de ícone para elas. O vem com algumas características principais:

  • Elementos ilustrados planos e simples (observe como todas as minúsculas ilustrações são combinadas no site do Confederation Studio)
  • Cor brilhante ou simples coloração com matizes primários
  • Formas geométricas com um propósito interativo
  • Elementos com a aparência do ícone, menos o contêiner, para que você veja visualmente como um desenho e não como um botão
  • Efeitos ilustrativos desenhados à mão
  • Elementos que se parecem com ícones, mas ocupam consideravelmente mais espaço na tela do que um ícone
  • Desenhos de linha simples (como o estilo do Draw a Better 2016)

O que é legal sobre essa tendência é que ela trabalha para incorporar um elemento de capricho em um projeto de design sem se sentir esmagadoramente caprichoso. Cria um bom equilíbrio de artesanal e profissional. Também assume uma sensação um pouco mais masculina do que muitas das outras tendências que se concentram no capricho, como aquarela ou letras de roteiro desenhadas à mão.

Mesmo se você não é um ilustrador, esta é uma tendência que você pode aproveitar. Há muitos fornecedores - pagos e gratuitos - que criam kits de ícones baseados em vetores. Procure um kit que inclua todos os arquivos de formas reais para que você possa separar peças, alterar cores e misturar e combinar peças para criar uma iconografia ilustrada superdimensionada para seus projetos.

confederação
mod
desenhar

2. Maior que a fotografia da vida

Uma fotografia ou imagem grande e arrojada produz uma impressionante primeira impressão. É por isso que tantos designers estão selecionando imagens maiores do que imagens da vida para atrair os usuários para os designs de seus sites. Este elemento de design pode ser surpreendente, interessante e ser uma ótima alternativa se você tiver uma ou duas grandes imagens, mas não uma grande biblioteca para trabalhar.

Mas você tem que estar disposto a ficar um pouco desconfortável para chegar lá.

Para aproveitar ao máximo a tendência de fotografia maior que a vida, você precisa estar disposto a fazer uma das três coisas com o design:

  1. Corte uma foto com tanta força que ocupe uma parte significativa da tela, para que a imagem seja dimensionada para uma proporção maior que a realidade.
  2. Aumente o zoom para um nível quase desconfortável com imagens de pessoas e rostos para mostrar todos os detalhes
  3. Crie uma foto padrão, mas adicione um elemento diferente ou interessante de uma forma um pouco inesperada

Todas essas três técnicas podem ser bastante desconfortáveis ​​no início. Culturas intensas, rostos super-próximos e esquisitices podem deixar você um pouco desconfortável no começo. Aborde o visual para este tipo de design de forma um pouco diferente. Comece com a maior ou mais estranha opção possível. Em seguida, recue em pequenos incrementos e avalie como se sente em relação à imagem. As chances são que você pode acabar voltando para uma das opções anteriores.

Ao adotar essa abordagem, você se permite ver o design e a imagem de uma maneira diferente. É isso que torna essa tendência tão marcante - as imagens são diferentes. Eles atraem os usuários porque as formas, as safras e os estilos gerais são tão diferentes da maioria dos sites em que um usuário acessa todos os dias.

curador
épico
grisalho

3. Escolhas de cores brilhantes

A cor brilhante e arrojada está presente. A tendência tem influências enraizadas no design de materiais. Embora o Material seja um estilo de design baseado em interação, alguns dos componentes visuais estão ganhando força por conta própria. Isso se aplica à cor em particular.

Por que usar uma paleta de cores no estilo Material se o restante do design não for Material? É uma maneira simples de adicionar um elemento moderno a um projeto sem um novo design completo. Você pode quase adicionar uma cor brilhante e deixar o resto do design sozinho com apenas alguns ajustes no CSS ou nas imagens.

O que é cor material? Não há uma definição perfeita, mas aqui está como o Google descreve: “A cor no design do material é inspirada em tons ousados ​​justapostos com ambientes suaves, sombras profundas e luzes brilhantes. O material leva sugestões de arquitetura contemporânea, sinais de trânsito, fita de marcação de pavimento e quadras esportivas. A cor deve ser inesperada e vibrante. ”- https://www.google.com/design/spec/style/color.html

Se você estiver interessado em criar uma paleta de cores baseada em material e precisar de um ponto de partida, tente a paleta de materiais. http://www.materialpalette.com/

As opções de cores arrojadas são lindas e destacam-se contra muitos dos projetos de estilo minimalista mais moderados que têm sido populares. Azuis brilhantes, verdes e amarelos são especialmente populares como acentos na paleta de cores. A tendência parece estar focada em toques de cor Material, não em paletas de cores em escala total.

Para um projeto que realmente impressiona, é preciso mais do que apenas uma cor brilhante. O clima do projeto deve ser igualmente claro.

  • Observe como o Lefty faz um par verde brilhante com imagens de pessoas felizes e sorridentes para criar um clima positivo impressionante.
  • O BNP Paribas usa um verde brilhante para trazer os usuários para uma interface de estilo de jogo que é definida contra um pano de fundo mais escuro.
  • O Big Drop usa um amarelo ousado (e azul, vermelho e verde no pergaminho) com imagens claras e um tipo de letra divertido para atrair usuários, fazendo com que o site de negócios pareça menos formal.

O truque para adicionar sugestões de cores inspiradas no material design não é perder sua marca. Não refaça toda a sua paleta de cores com base em uma tendência; em vez disso, encontre uma maneira de incorporar cores vivas sem sobrecarregar o design. Os usos de exemplo são ótimas maneiras de pensar sobre isso - use uma forma colorida simples como um elemento visual, tente uma manchete corajosamente colorida ou use painéis de cores brilhantes para criar uma experiência interativa mais imersiva para os usuários enquanto eles rolam a página para baixo.

canhoto
bnp
Grande queda

Conclusão

É ótimo quando algumas tendências podem fazer você feliz. É o que esse grupo faz com cores e com escolhas de tipos e com imagens. Talvez não seja apenas a influência da primavera e continuaremos a ver esses elementos em mais projetos ainda nos próximos meses.

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ê.