Primos Carrie.

Hoje

Embora amemos os feriados, um tema sazonal demais pode ser opressor. Felizmente, essas tendências de design encontram um bom equilíbrio.

3 tendências essenciais de design, dezembro de 2023.

O final do ano está chegando e, com a temporada de férias em pleno vigor, não há muitos lançamentos de novos designs. No entanto, existem muitos visuais divertidos para explorar, especialmente com alguns elementos com temas sazonais.

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

1. Skins e temas de férias

É um pilar nesta época do ano – elementos de design com tema natalino para ajudar a impulsionar oportunidades de vendas. Esta pode ser a melhor parte de alguns desses designs nesta temporada – eles não são cobertos por esquemas de cores vermelho e verde.

Muitas outras cores – incluindo toques de brilho, designs em modo escuro e toques de cores ousados ​​– enfatizam o feriado. É uma variação divertida de algumas ideias clássicas.

Veremos três exemplos de usos variados para sua inspiração.

Designmodo começa a temporada com uma landing page da Black Friday que usa muitos elementos de tendência, incluindo efeito de falha e tipografia experimental. Nada no design grita o Natal como muitos outros designs de férias que você pode encontrar. O tema do modo escuro se parece com o que você esperaria de uma empresa digital, com elementos claros que levam você à oferta.

Designmodo

A Nike reimagina o tema natalino ao adotar um dos tons mais sutis da temporada. Uma borda dourada, texto e conjunto geral de elementos parecem especiais sem serem opressores. A opção de design também é algo que você provavelmente já associa à marca, que mantém a identidade da marca com elementos especiais para eventos ou vendas específicas.

Nike

Por fim, a marca de corrida Oiselle combina muitas palavras e linguagem festiva – “Black Friday”, “Joy” e “Holiday”, mas com uma paleta de cores não tradicional. Parece novo e interessante sem ser muito focado nas férias. Na rolagem, o site faz um bom trabalho ao destacar produtos de inverno/feriado para adicionar à vibração geral sem parecer muito festivo.

Oiselle

2. Acentos de néon (verde)

Não é um tema festivo, mas os detalhes em verde neon estão encontrando uma presença sólida em muitos projetos de design de sites.

Isto não é tão fácil quanto parece. As cores neon podem ser difíceis por vários motivos – criar contraste suficiente para facilitar a leitura, obter o brilho correto ou funcionar para não sobrecarregar o design.

Nesta iteração da tendência neon, o verde parece ser a cor primária escolhida. Pode ser um pouco menos agressivo do que amarelo ou rosa e se encaixa em muitos outros esquemas de cores.

A Gen Brand usa detalhes em verde neon para os itens de ação do design. Eles se destacam em uma estética totalmente em preto e branco e rapidamente chamam a atenção para orientar os usuários. Embora haja algum uso adicional de cores abaixo da rolagem, os CTAs neon permanecem em vigor (e eficazes).

Marca Gen

Francesco Michelini usa um toque verde neon em um tema brutalista. Há uma preocupação definitiva com a legibilidade aqui, mas isso também é comum neste estilo de design. Como o elemento neon é principalmente visual e não precisa ser lido ou clicado, não é muito preocupante.

Francesco Michelini

Retool usa um verde neon no esquema de cores oposto do primeiro exemplo, mas com igual sucesso. Com fundo escuro e texto branco, os elementos neon conduzem você desde a marca até as frases de chamariz e o título principal, fornecendo um caminho distinto de rastreamento ocular. Além disso, o verde fica lindo contra o fundo preto com formas de contorno animadas em azul marinho.

Reequipar

3. Elementos da barra lateral

Barras laterais da página inicial? É um elemento que vemos com muito mais frequência – mesmo que seja apenas um elemento de design e não uma barra lateral funcional. (Embora tenhamos exemplos de cada um aqui.)

Esta tendência parece ser uma evolução dos elementos de design de tela dividida e é uma ótima maneira de criar uma experiência visual mais consistente entre telas de desktop e dispositivos móveis, com o lado mais dominante do design sendo o primeiro no celular com a barra lateral abaixo ou caindo completamente.

Essas barras laterais podem ser amostras de cores puramente visuais, conter conteúdo interativo ou elementos vitais para o design ou navegação no estilo de barra lateral.

O Halo Lab possui dois blocos na página inicial com elementos interativos, mas o menor tem o formato característico de uma barra lateral. (Qualquer design que apresente um conjunto de 2/3 a 1/3 de blocos de design pode ter essa sensação.)

Laboratório Halo

Darina usa uma barra lateral para elementos de marca e navegação. Esta pode ser uma ótima alternativa para um menu oculto ou pop-out em telas do tamanho de um desktop e, em seguida, retraído convenientemente para dispositivos móveis. A parte mais interessante desse design estilo barra lateral é que a barra lateral é o elemento com maior ênfase devido à cor e a uma área de conteúdo principal mais suave.

Darina

O site do portfólio de Nuno Pereira Sousa utiliza uma barra lateral laranja apenas para impacto visual. A barra lateral adiciona interesse visual e ajuda a criar profundidade para camadas de imagem e texto. Ele desmorona completamente no celular, como você poderia esperar. A escolha da cor é boa porque a legibilidade é consistente entre as seções claras e escuras.

Nuno

Conclusão

Conceitos de design de sites de férias sem todo o cansaço das férias é algo em que realmente podemos entrar nesta temporada. Lembre-se de que você pode criar vibrações de férias incríveis com mudanças sutis, cores e linguagem para deixar os usuários no espírito sazonal.

Além disso, alguns desses elementos podem ser levados para o ano novo para ajudá-lo a criar mudanças visuais sem sentir a necessidade de fazer uma revisão completa do design a cada marco do feriado. Feliz feriado projetando!

Primos Carrie

Carrie Cousins ​​é redatora freelancer com mais de 10 anos de experiência no setor de comunicações, incluindo redação para publicações impressas e on-line, além de design e edição. Você pode se conectar com Carrie no Twitter @carriecousins.



Com informações de WebDesigner Depot.