3 tendências essenciais de design, julho de 2023

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

1. Escuro com Texto Brilhante

Fundos escuros são uma tendência de design que nunca sai de moda. (Obrigado, modo escuro!)

A mudança sutil ocorreu na cor dos elementos de texto que acompanham, de claro ou branco para cores brilhantes. Isso cria uma conexão emocional mais alegre com o design, com um sentimento um pouco menos rígido.

As cores brilhantes podem ser quase tudo se o fundo for totalmente escuro. O alto contraste entre escuro e claro garantirá a legibilidade. O desafio surge quando os elementos secundários são mais leves e podem causar preocupações na leitura com facilidade.

O 9×8 O Project usa algumas das cores mais brilhantes – amarelo neon – mas uma imagem de fundo mostra como algumas questões de legibilidade podem entrar em jogo. Nas áreas escuras, porém, o texto é bastante legível, mesmo em tamanhos pequenos.

peugot 0d0dcdb45e6eb89b4dbd7379b0730ab6

Dan Iqbal usa um fundo escuro com texto laranja brilhante para o design de seu portfólio. Tudo é fácil de ler e a cor é envolvente. O texto giratório de fundo é um belo toque adicional.

dan 0d0dcdb45e6eb89b4dbd7379b0730ab6

Finalmente, Keelvar mostra que as escolhas de cores brilhantes podem ser inesperadas. Um roxo brilhante pode não ser sua primeira escolha, mas reúne elementos neste design muito bem.

keelvar 0d0dcdb45e6eb89b4dbd7379b0730ab6

2. Elementos de cartão com bordas curvas

Os elementos do cartão continuam evoluindo de maneiras diferentes, e essa tendência de design de site não é exceção com elementos de estilo de cartão que têm bordas curvas. (A maioria deles quase parece usar o mesmo grau de curvatura também.)

O legal desses cartões é que eles funcionam com qualquer outro estilo de design. Os exemplos abaixo mostram como eles se integram bem com fundo branco e conteúdo de imagem, estilos de cartão animados e até cartões dentro de cartões em um esquema de design quase brutalista.

Os cartões de borda curva podem ser planos, ter dimensão ou profundidade devido a sombras ou incluir animação ou efeitos de foco. O conteúdo pode ser praticamente qualquer coisa, desde imagens a texto, vídeo e combinações de todos eles.

Veja como três sites diferentes estão fazendo isso.

PEGAR tem o estilo de cartão mais simples aqui, com recipientes verticais de grandes dimensões com bordas curvas. Existem textos e CTA elementos em cada um. Os cartões fazem seu trabalho aqui, criando um ponto focal visualmente deslumbrante para a página inicial com dicas interativas.

get 0d0dcdb45e6eb89b4dbd7379b0730ab6

Same Same Studio empilha duas fileiras de pequenos cartões com muita cor. Cada um é um botão com chamadas para ação que aparecem com um estado de foco. O interessante dos cartões é que o conteúdo deles é diferente com fotos, animações, vídeos e quadros estáticos. Isso mostra quanta oportunidade está disponível com esta técnica de design.

samesame 0d0dcdb45e6eb89b4dbd7379b0730ab6

Zach Hayes coloca cartões dentro de cartões dentro de cartões em seu site de portfólio. Cada elemento usa a mesma curva para bordas, e a estética branca brilhante é agradável. Elementos de profundidade em cartões e elementos tipográficos contribuem para a sensação brutalista do projeto.

zchry 0d0dcdb45e6eb89b4dbd7379b0730ab6

3. Alinhamento Zig Zag

Esses designs podem deixar você se perguntando – onde está a grade? Padrões em zigue-zague para imagens e até mesmo texto podem criar uma sensação de equilíbrio ou desequilíbrio, dependendo do uso. Qualquer uma das versões pode estabelecer um tema visual que pode funcionar em uma página inicial ou em um design completo.

Os alinhamentos em ziguezague podem ser verticais ou horizontais ou incluir elementos do tipo escada. Todos esses estilos têm uma sensação fora da grade, mas, na maioria das vezes, eles estão em uma grade, mas não o que você poderia esperar. (Uma meia grade pode ajudá-lo a manter esse estilo organizado com um caminho e posicionamento claros para os elementos.)

Você precisa de alguns itens para estabelecer um padrão para fazer isso funcionar de forma eficaz. Por outro lado, você não quer muitos elementos no padrão em zigue-zague, porque pode ficar sobrecarregado. Idealmente, você tem algo entre 3 e 7.

O Mocha Café e Bar ziguezagueia com as letras que fazem o nome do negócio. Existem duas linhas de base horizontais para texto que mantêm o caos tipográfico organizado.

mocha 0d0dcdb45e6eb89b4dbd7379b0730ab6

A Swiss Deluxe Hotels está usando essa técnica vertical e horizontalmente, o que mostra que pode ser um desafio quando se trata de capacidade de resposta. Este design parece melhor e é mais legível em telas maiores.

hotel 0d0dcdb45e6eb89b4dbd7379b0730ab6

Oaks Lane apresenta um padrão de degraus de imagens que continua da página inicial ao longo da rolagem no design. A etapa às vezes aparece na linha superior para imagens, mas também é usada abaixo dos quadros de imagem. Este método de usar um estilo zig-zag pode ser bastante elegante, mas requer uma seleção de fotos altamente intencional para eficácia.

oakslane 0d0dcdb45e6eb89b4dbd7379b0730ab6

Conclusão

Às vezes, tendências de design sutis são as melhores e mais práticas ao considerar como usá-las ou incorporá-las em seus projetos. Pense nisso como uma evolução de algo que você já está fazendo.

Então, algumas evoluções de design depois, você tem um esquema de design totalmente novo sem um facelift significativo. Esta pode ser uma excelente opção para sua equipe de design e usuários!

Primos Carrie

Carrie Cousins ​​é uma escritora freelancer com mais de 10 anos de experiência na indústria 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.