3 tendências essenciais de design, setembro de 2020

3 tendências essenciais de design, setembro de 2020

7 de September, 2020 0 By António César de Andrade
Click to rate this post!
[Total: 0 Average: 0]


Uma mudança sazonal está no horizonte e isso sempre me faz querer renovar os projetos. As tendências de design deste mês fornecem algumas maneiras diferentes de fazer isso sem rasgar todo o seu site.

Aqui estão as tendências do design neste mês.

Heróis animados (que não são vídeo)

Os cabeçalhos e telas heróis com animação em vídeo são populares há algum tempo, mas mais designers de sites estão experimentando outros tipos de gráficos móveis em tela inteira.

O que é legal nessa tendência é que ela pode assumir muitas formas diferentes e parecer de muitas maneiras diferentes, o que significa que não há dois sites idênticos nesse aspecto.

O outro bônus dessa tendência é que você pode adicionar uma animação em tela cheia a quase qualquer estilo de design sem uma revisão completa do site. Você pode precisar de alguns pequenos ajustes para criar uma transição perfeita de uma tela para a outra, mas é um elemento de design rápido e moderno que você pode implantar rapidamente.

Typozon usa um gráfico de movimento rápido com muitas marcas diferentes para contar a história do trabalho de identidade de sua marca. É verdade que a animação pode ficar um pouco estonteante se você olhar por muito tempo, mas as cores brilhantes no fundo verde oliva com certeza chamam a atenção.

Dia 1 Club by Spotify abre com muito movimento na configuração e, em seguida, se estabelece em movimentos sutis por trás da chamada à ação principal. Tons de preto e movimentos suaves unem tudo e ajudam você a se concentrar no botão vermelho brilhante e na sobreposição de texto.

Kieran Baybutt usa várias animações para o site do portfólio. O mais interessante pode estar na “segunda tela”. Algumas coisas estão acontecendo aqui. As palavras mudam com os movimentos do mouse, assim como a imagem de fundo. Há também um ponteiro interessante com elementos do portfólio que está em movimento constante. Há muita coisa acontecendo aqui, mas dá vontade de clicar.

Círculos animados ou flutuantes

Os círculos podem ser uma das tendências de design mais quentes de 2020. Eles estão em todos os tipos de projetos e continuam evoluindo de maneiras diferentes.

Talvez parte do motivo seja a mensagem que os designers estão tentando transmitir nesses projetos. Os círculos estão associados a harmonia e proteção. Eles são usados ​​para representar unidade, comunidade e compromisso. Em movimento, os círculos também podem despertar sensações de movimento ou movimento com velocidade determinando o quão caótico (ou não) esse movimento pode ser.

A iteração deste mês de tendências de círculo é animada. Alguns círculos são animados no local, enquanto outros parecem flutuar no espaço da tela.

Os círculos em cada exemplo têm algo em comum – eles trazem você para o design e encorajam a interação com ele. (Pode ser por isso que essa tendência de design de site está crescendo em popularidade o tempo todo.)

O movimento circular para o logotipo UX + na verdade ajuda a desviar a atenção de toda a animação quase impressionante no lado esquerdo do design da tela dividida. Com bastante espaço em branco ao seu redor, o movimento constante é apenas o suficiente para chamar a atenção para o logotipo e, em seguida, descer a tela para informações importantes sobre o evento.

Katch Me usa círculos que parecem flutuar sobre o vídeo de fundo com um leve “salto” no lugar. A animação muda quando o mouse passa sobre cada círculo com uma ação expandida e a capacidade de mover o círculo em um espaço maior. Os círculos aqui são na verdade os botões de call to action.

Visualmente, os círculos do site da Anastasiia Afanasieva parecem um mashup dos exemplos acima. Há uma animação giratória para círculos que parecem flutuar no espaço. Você tem que clicar neste design para ver o brilho real nele. Cada círculo tem um estado de foco que muda a cor de fundo do site (e as imagens em cada caixa) para corresponder à cor exibida.

Coloração amarela brilhante

Outra tendência de design de sites que pode ser um reflexo do estado do mundo está no uso da cor amarela. Com uma pandemia global de saúde, os projetos de design estão se inclinando para tons mais brilhantes e alegres para ajudar a compensar o estresse do mundo.

Para muitos, o amarelo pode brilhar um pouco de esperança e otimismo em tempos mais sombrios.

Enquanto a maioria dos projetos usa o amarelo brilhante como um sotaque de arregalar os olhos, outros vão all-in.

A Next Big Thing AG usa imagens amarelas dentro de letras recortadas de grandes dimensões (outra tendência de design de sites neste ano) em um fundo escuro. Mesmo com a paleta geral mais escura, o design parece brilhante e atraente. Você quase deseja mergulhar mais fundo no design para ver o que é a imagem por trás das letras e o que mais o site contém.

Sonya Mudvex usa um fundo totalmente amarelo na página inicial de seu portfólio para impedir os visitantes. O resto do design apresenta um fundo cinza suave e muitos detalhes em amarelo. Além do ótimo uso de cores aqui, há muitos outros truques de UX neste design, incluindo algumas ferramentas de geolocalização se você interagir com o gráfico de validação de tíquetes na tela.

Upqode usa amarelo com uma paleta de cores pêssego para se destacar. As animações ilustradas são muito mais vivas graças às cores brilhantes. A paleta de cores geral é um pouco inesperada e é isso que a torna interessante.

Conclusão

Se as tendências de design de sites deste mês dizem alguma coisa, é que os elementos interativos e a animação são uma parte crescente da conversa. Você já está usando essas técnicas em projetos? (Se não, provavelmente é hora de pensar sobre isso.)

Você também pode ver como a influência do que está acontecendo no mundo ao nosso redor afeta o design. Pode conter outras emoções para criar um espaço mental melhor ou espelhar o que está acontecendo no mundo ao nosso redor.



Fonte