5 tendências de web design em WordPress para agosto de 2023

Publicados: 2023-08-22

A antecipação de uma mudança de estação também é um bom momento para começar a pensar em mudanças em outras áreas. É algo que você já pode ver em projetos de design, onde os designers estão tentando algumas coisas novas com projetos (e estamos cavando algumas dessas opções).

Aqui estão cinco grandes tendências a serem consideradas neste mês:

1. Botões de vídeo, não de reprodução automática

Se você não é fã de reprodução automática de vídeo, esta é a tendência de design para você: botões de vídeo sem reprodução automática. Os vídeos Hero têm sido um elemento de design dominante há algum tempo, mas apresentam alguns desafios – tamanho, som, irritação do usuário ou acessibilidade. Esta tendência de design resolve muitas dessas preocupações.

Bonanza Studios usa um botão grande para reproduzir o vídeo, em vez de usá-lo como plano de fundo do herói. Ele se abre em um tamanho grande que é fácil de ver e você pode controlar os controles do player.

  • Por que funciona: os usuários gostam de saber quando o som ou a animação farão parte do design. Essa tendência oferece aos usuários esse controle de maneira fácil de gerenciar.
  • Como usar: Repense os planos de fundo dos vídeos e sua finalidade. Principalmente se você tiver um vídeo informativo que contém sons ou precisa de atenção intencional, esta pode ser uma opção melhor.

2. Inspiração na Galeria de Arte

Um design de site estilo revista com movimento tátil, desde viradas de página até elementos de design sutis, pode dar a sensação de segurar um livro ou prospecto de arte.

No exemplo acima da Brooklyn Editions, que é para obras de arte, você pode ver como esse conceito ganha vida. É lindo e interativo. O truque é que todo o design precisa ser visualizado e interagido para obter o efeito completo e realmente entender como tudo funciona.

O outro desafio aqui é o contraste de cores, mas um design como esse tem um público bastante distinto que a equipe de design provavelmente pesquisou antes da publicação.

  • Por que funciona: Não há muitas oportunidades de proporcionar uma experiência tátil no espaço digital com algo que pareça papel, mas funciona. Pode ajudar a criar uma sensação sofisticada e cara que se adapta a tipos de projetos específicos.
  • Como usar: Esta não é apenas uma peça para galerias de arte. A experiência do tipo livro pode funcionar para vários projetos – pense em coisas que podem ter sido tradicionalmente feitas impressas, mas que agora estão online.

3. Elementos de tipo descritos

A alternância de preenchimentos e contornos para elementos de texto cria um impacto imediato e um ponto focal. É por isso que os designers usam essa opção. Veja um exemplo perfeito disso em Babs.

Um elemento de contorno também pode tirar um pouco do peso de um design ou texto se as coisas não tiverem o equilíbrio certo ou se você quiser que palavras ou frases específicas tenham mais presença do que outras.

Aqui, você pode olhar primeiro para o texto do esboço porque é diferente. E tudo bem. O design permite que você pense nas palavras e compreenda-as rapidamente porque não há muitas coisas para ler (essa é parte da razão pela qual esse estilo funciona aqui).

  • Por que funciona: Diferentes estilos de tipografia atraem diferentes tipos de atenção e ajudam a gerar fluxo visual para facilitar a leitura.
  • Como usar: O truque dessa técnica de design é usar fontes simples em combinação com apenas algumas palavras. Você não vai querer encadear uma frase inteira em um tratamento de fonte de contorno; será quase impossível de ler. Os elementos de fundo e o contraste também são muito importantes aqui.

4. “Heróis confusos”

Por que há tantas coisas para olhar? Essa pode ser a pergunta que você faz ao observar alguns designs que apresentam áreas de cabeçalho de heróis mais desordenadas.

Este é um estilo que pode mostrar muitas coisas ao mesmo tempo ou funciona quando você não tem um ponto de ação distinto. A mensagem que você envia aqui é quantidade – você tem muito do que está apresentando. Basta dar uma olhada no exemplo acima do Vicio.

  • Por que funciona: esse estilo pode destacar a profundidade da marca ou variedade e pode ser ótimo para projetos mais recentes que estão tentando ganhar terreno. Também é uma escolha popular para projetos que se concentram no conteúdo enviado pelo usuário e desejam mostrar vários itens diferentes de uma só vez.
  • Como usar: Você realmente precisa pensar em como todas as peças combinam e se encaixam. Se parece que você acabou de jogar todas as suas peças de design na tela sem organização, não vai funcionar. O resultado final deve parecer que existe um método para a loucura.

5. Experiências mais acessíveis

O Project Relate do Google é uma das coisas mais legais que vimos há algum tempo, especialmente quando você pensa em acessibilidade online e comunicação humana. A ferramenta aprende padrões de fala não padronizados para auxiliar na comunicação. Muito legal, certo?

Mas há uma lição aqui para todo designer: como você pode criar algo que seja mais fácil de usar para todos? Todos os tipos de pessoas e todos os níveis de habilidade?

Há muitas respostas diferentes para essa pergunta, mas deve ser algo que você pergunte ao trabalhar em projetos. Como você pode se conectar melhor com seu público-alvo e além? Quais elementos de design são necessários para criar uma comunicação melhor e mais compreensível? Para dicas úteis sobre como tornar seu site acessível, confira esta palestra dada por Bet Hannon em nosso primeiro evento Kadence Amplify.

  • Por que funciona: A acessibilidade funciona porque cria condições de concorrência mais equitativas para todos os usuários compreenderem e interagirem com os projetos de design.
  • Como usar: Familiarize-se com as melhores práticas de acessibilidade na web e descubra as melhores maneiras de incorporá-las em seus projetos.

Juntando tudo

Você consegue se imaginar usando alguns desses conceitos em projetos de design? No mínimo, existem algumas ótimas ideias gerais para ajudá-lo a pensar sobre tudo, desde a composição artística até um design melhor e mais acessível.

Um Kadence Full Bundle oferece tudo que você precisa para acompanhar todas as tendências de design e levar seu site para o próximo nível. Do Lottie Block em Kadence Blocks à capacidade de criar designs e páginas totalmente personalizáveis, o Kadence Full Bundle oferece tudo que você precisa para criar sites bonitos, eficazes e envolventes.

Obtenha um pacote Kadence