3 tendências essenciais de design, novembro de 2023

Hoje

Na época de agradecer, muitas vezes pensamos em conforto e tradição. Esses são temas comuns em cada uma de nossas três tendências de design de sites em destaque neste mês.

Começamos com elementos de tipo que combinam com movimento, serifas modernas que têm um toque descolado e clássico, e finalizamos com designs com lindas comidas. (Você pode até notar onde algumas dessas tendências de design se sobrepõem.)

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

1. Texto e movimento

Dois elementos que estão na maioria dos sites – texto e movimento – podem ser combinados para criar uma interação ainda mais estelar. Embora você possa estar pensando que mover texto não é para você, essa não é a única opção aqui. Existem inúmeras maneiras de unir esses dois elementos.

Cada um desses exemplos destaca uma oportunidade diferente de usar tipografia incrível com movimento.

Alfred faz o que você espera quando pensa em “texto e movimento”. O cabeçalho principal inclui uma camada de texto em negrito que rola da direita para a esquerda. O que é bom nesse elemento de texto é que a fonte é altamente legível e, como não há muitas palavras, a leitura em movimento é uma solicitação razoável dos usuários.

Além disso, a camada de texto em movimento está no topo de um rolo de vídeo animado. Embora isso possa ser complicado, a velocidade e o conteúdo de cada uma das camadas móveis trabalham juntos para criar um pacote geral agradável.

Skye High usa tipografia superdimensionada e permite que todo o movimento aconteça em uma camada de fundo. Os elementos de design vêm junto com as páginas voadoras da animação de fundo que passa pelas letras.

Este exemplo mostra que você não precisa exagerar no movimento para criar um visual altamente envolvente.

Em nosso exemplo final dessa tendência, Solomun adota outra abordagem para misturar texto e movimento. Este design tem muitas luzes piscando e ação rápida em um vídeo de fundo em constante movimento. A sobreposição de texto usa um tipo de letra manuscrito e algo emprestado do design de impressão – uma técnica de impressão sobreposta.

Se você assistir ao vídeo e ao texto juntos, as letras permitem que alguns dos elementos de fundo apareçam. Embora não haja movimento no texto em si, esse efeito, mais a animação de fundo, cria muito movimento e um elemento artístico altamente envolvente.

2. Serifas modernas

Uma serifa moderna, também conhecida como Didone ou serifa neoclássica, é uma categoria de fontes que surgiu no final do século XVIII e atingiu seu pico de popularidade durante o século XIX. O principal identificador desse estilo é a presença de uma serifa e de traços finos e grossos alternados para cada caractere.

Normalmente, as linhas verticais são mais grossas que as linhas horizontais, criando um contraste nítido que dá ao tipo de letra uma aparência elegante e refinada. Esse estilo está começando a aparecer em todos os lugares nos projetos de design de sites e exala a mesma elegância tradicional pela qual a categoria de tipo é conhecida.

Por que Collect Seashells usa uma serifa moderna altamente distinta para “conchas” no título principal, bem como cabeçalhos secundários em todo o design. O que há de tão interessante nessa opção de tipografia aqui é que ela chama a atenção para a palavra-chave no título para ajudá-lo a entender do que se trata o site.

A fonte também dá um certo tom ao design – importância, elegância e significado. O design também usa caracteres alternativos com a serifa moderna (observe o pequeno “L”). Esses recursos fluem muito bem nas imagens.

Manhattan Bruxelas ganha destaque com um título serifado moderno que leva a uma linha do tempo interativa. Este design utiliza uma bela técnica de design que pode ser um pouco complicada com uma serifa moderna devido às linhas finas em alguns formatos de letras: A sobreposição de texto está em um vídeo de fundo.

O design e a tipografia do Six Eastern parecem dizer “vá grande ou vá para casa”. O nome da marca está em uma fonte serif grande e moderna com uma âncora posicionada na parte inferior da tela da página inicial.

Um elemento de texto secundário – também apresentando uma versão mais leve da mesma serifa moderna – está na parte superior central. O texto azul sobre fundo nítido enfatiza a importância dos trabalhos aqui também.

3. Bela comida

Talvez isso seja mais uma tendência fotográfica do que uma tendência de design de sites, mas de qualquer forma, nós adoramos. Sites de restaurantes e produtos de consumo apresentam comida absolutamente linda.

Embora isso pareça óbvio, imagens de alimentos são realmente difíceis de fazer bem. Mesmo quando você tem ótimas imagens, o restante do design ao redor delas pode desbotar as fotos dos alimentos ou prejudicar o produto em si.

Nada disso aqui. Cada um desses exemplos apresenta belas imagens de alimentos dentro de uma estética geral de design que parece ter sido feita para as imagens. Tudo aqui parece tão lindo que você pode sentir vontade de preparar um lanche.

Doe Donuts usa imagens de donuts tão fofos que você quase consegue imaginar a textura. Além disso, cada imagem é sobreposta a outras texturas para coberturas.

Pantas Paladar lidera com a tradicional foto do prato branco para um alimento. As imagens de apoio apresentam vegetais vermelhos e verdes brilhantes para completar e equilibrar o design.

Por fim, Nurishh combina uma paleta monótona para combinar o recipiente do alimento com algo que você pode fazer com o produto. O resultado é de dar água na boca.

Embora esse design faça com que pareça fácil, é difícil fazer bem essa combinação de fotos de produtos de estúdio e imagens de alimentos. Como você pode ver, porém, quando você faz isso direito, o resultado é bastante impressionante. Quem teria pensado que um site de um produto de cream cheese não lácteo forneceria um estudo de caso visual tão excelente?

Conclusão

Embora essas tendências de design possam parecer um tanto sazonais por causa do tema, elas são tudo menos isso. Todos esses conceitos podem ser aplicados em quase qualquer lugar para projetos. A única que é um tanto específica é a fotografia de comida.

Esperamos que você possa retirar alguns elementos desses excelentes projetos de design de sites e torná-los seus.