3 tendências essenciais de design, agosto de 2023

Aqui está o que é tendência em design este mês.

1. Elementos de texto redondos e animados

Para onde quer que você olhe, parece haver círculos giratórios de texto. Embora esses elementos não sejam os mais fáceis de ler, eles são intrigantes para o usuário.

O que você deve fazer com esse conteúdo giratório? Clique? Basta olhar para ele?

O uso pode variar muito de acordo com o design, mas uma coisa é certa. Isso chama sua atenção e os designers parecem adorar essa técnica agora.

Em quase todos os usos de elementos de texto redondos, há um movimento circular que acompanha o texto. Na maior parte, o movimento gira no sentido horário – isso segue a legibilidade natural – embora nem sempre seja o caso. Outra semelhança é que esses elementos geralmente contêm apenas algumas palavras, auxiliando ainda mais a legibilidade.

Aqui estão três exemplos de maneiras semelhantes, mas diferentes.

Treze23 usa um grande elemento de texto giratório sobre o título principal para chamar a atenção. O movimento realmente muda entre sentido horário e anti-horário com o passar do mouse.

Pear usa um anel de texto de movimento rápido ao lado da marca para ajudar a atrair o usuário para que ele se concentre na frase de chamariz rápida para começar a usar o aplicativo abaixo. Este é um dos maiores usos de tamanho de texto que vimos neste estilo, e o movimento é bem rápido.

Danilo DeMarco usa elementos de texto simples, redondos e animados para um site de portfólio. O elemento foi projetado para ajudar a chamar sua atenção para a rolagem e aprofundar o site do portfólio.

2. Tratamentos de imagem no estilo colagem

Quando você não tem uma imagem grande ou vídeo para a página inicial, um monte de imagens menores podem fazer o truque. Muitos dos tratamentos em estilo de colagem que vimos incluem algumas fotos menores, muitas vezes com um componente interativo e em uma variedade de formas e tamanhos.

Esta é uma daquelas tendências de design que parece quebrar todas as regras para ter vida própria. Na maioria dos casos, esse caos visual ainda parece funcionar, embora desafie a lógica até certo ponto.

Tora faz isso com duas fileiras de imagens que rolam lentamente em direções opostas para que você tenha uma ideia do restaurante. Esta colagem usa uma grade compacta e organizada com uma sensação muito planejada.

Lisniakkk tem pequenas fotos de pinturas colocadas de forma aparentemente aleatória na página inicial que são animadas com um efeito de zoom ao passar o mouse. Além disso, cada obra de arte é clicável. O que é mais interessante aqui é que os elementos no ​“colagem” sobreposição. Isso não é muito comum entre outros designs neste estilo.

O Cosmos usa várias imagens em diferentes tamanhos, formas e em diferentes grades para criar uma peça interativa. Existem interações que acontecem ao passar o mouse e rolar que levam você mais fundo nas imagens.

3. Tratamentos de Texto Enorme

Quão grande é muito grande para elementos de texto? Cada um desses designs de site ultrapassa esse limite. Como isso faz você se sentir? O tamanho do texto é desconfortável ou novo e diferente?

O que há em comum é que cada um desses designs usa uma única e enorme palavra como o elemento artístico primário, bem como a marca. Cada exemplo também usa o ​“palavra grande” de uma maneira diferente para atrair usuários de maneira única.

Zajno lidera com uma marca maior que a vida. Os elementos de navegação são minúsculos e estão no mesmo espaço que o título grande. O tipo de tratamento é firme e compacto, embora as letras tenham muito peso. Embora pareça legal, você sabe do que se trata o site?

Boldly Foods usa letras gigantes em um fundo brilhante como uma tela de carregamento enquanto o resto do design entra. ​“Corajosamente” elemento de marca.)

Konrad usa uma fonte grande e bonita para mostrar as letras da tipografia. Esse pode ser um dos melhores usos dessa técnica que vimos porque o enorme elemento de texto é para ajudar a mostrar e vender esse tipo de letra exato. (Os olhos atentos também notarão o uso do espécime de tipo no círculo redondo animado na parte inferior da tela da página inicial, bem como duas tendências em uma aqui.)

Conclusão

Embora nem todas as tendências de design de sites sejam criadas da mesma forma, algumas são mais utilizáveis ​​do que outras. Cada uma dessas tendências é bastante simples de implantar e pode ajudar a fornecer algo visual para um design quando você não tem muita arte para trabalhar. Felizmente, esses exemplos fornecem inspiração para esses tipos de projetos.