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

Publicados: 2023-09-26

Como estão indo seus projetos de outono? Precisa de inspiração para web design em WordPress? Essas tendências podem ser perfeitas para despertar alguns conceitos mais imaginativos ou ajudar a motivar seus objetivos de contar histórias online.

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

1. Cartoonização

Às vezes, você precisa fazer uma declaração com um design que seja simples, interessante e que vá além do que você espera. É isso que a ESPN faz aqui com a reportagem de Carlos Alcaraz para o US Open.

O desenho poderia ter sido uma foto dele na quadra; em vez disso, ele foi transformado em um personagem que combina com o título e o enredo grandiosos.

A melhor parte desse design, porém, pode acontecer no scroll com animação da quadra de tênis e alguns infográficos incríveis.

  • Por que funciona: A imagem em estilo cartoon no fundo simples é impressionante e se destaca. Isso aumenta o fascínio da narrativa e combina bem com os elementos da cópia.
  • Como usar: Funciona melhor com uma imagem simples e de caráter distinto. Não tente fazer isso com uma imagem completa ou paisagem. (Você não obterá o mesmo efeito.)

2. Palavras como arte

Às vezes, uma história é melhor contada sem imagem. Esse é o caso do site Right Our Story, que foca no bullying. Este tratamento funciona excepcionalmente bem porque você não quer mostrar rostos aqui; eles podem desviar ou desviar a atenção da mensagem.

Ao usar cores brilhantes e tratamento de fonte divertido, você ainda se envolve com o design, e o conceito de caixa de cotação usado na área principal do título é compatível com citações reais no design.

Essa pode ser uma maneira bastante impactante de permitir que as palavras realmente contem uma história. As imagens aqui podem ser problemáticas porque você não quer que o usuário presuma que alguém em uma foto é o agressor ou está sendo intimidado. Esse tratamento dá todo o foco às palavras.

Com o Advanced Text Block da Kadence Blocks você pode destacar palavras específicas, fazendo com que elas realmente se destaquem e tenham um impacto poderoso.

  • Por que funciona: As palavras como elemento artístico são especialmente poderosas quando a leitura é o foco principal do design.
  • Como usar: Opte por uma fonte e tratamento de cores interessantes para manter os elementos unidos e interessantes.

3. Contação de histórias em camadas

Contar histórias está no centro de quase todo bom design de site. A narrativa em camadas ajuda a manter os usuários interessados ​​nessa história digital e a navegar pelos elementos do site.

Com o que parece ser um design simples, Hanwag criou uma história de vários níveis e camadas com imagens, texto e movimento. Você pode ver os “capítulos” no menu da página inferior que mostra a história da inicialização. (Quem diria que uma bota poderia ser tão interessante?)

Você realmente vai querer dedicar algum tempo para investigar as ações de rolagem aqui para ver como tudo funciona. À medida que você rola a página para baixo, os elementos se movem em diferentes direções para facilitar a história.

  • Por que funciona: Há muita coisa acontecendo com esse design geral em termos de animação e movimento, mas o fundo simples de base branca, o texto legível e as imagens nítidas unem tudo.
  • Como usar: Às vezes, você precisa de um design complexo para contar uma história complexa. É um casamento que une a narrativa e a narrativa de uma forma que pode parecer certa.

4. Lindos menus

Os menus dos restaurantes não são conhecidos pelo seu apelo estético. Os designers estão tentando mudar isso com menus online mais bonitos que mostram a comida e um formato fácil de ler.

Banana Blossom usa belas imagens, espaço e cores para deixar você com fome. O design do site lidera os itens alimentares de uma forma mais parecida com os sites de comércio eletrônico lideram os produtos antes de mostrar detalhes de preços. Quando você chega ao cardápio, você já quer a comida na tela.

Este design é ótimo de se ver, mas não fique com fome!

  • Por que funciona: A cor e a simplicidade dão às imagens espaço para brilhar. Cada item do menu é descrito de forma simples e apresenta uma imagem para que você saiba exatamente como será sua refeição.
  • Como usar: Este menu se parece mais com o design de um blog do que qualquer outra coisa, mas usa todos os princípios tradicionais de um bom design – espaço, cor e escala.

5. Animação Sutil

A animação é uma das técnicas de web design mais difíceis de acertar. Esta tendência mostra como montar bem, mantendo o movimento simples e sutil.

Observe os pequenos quadrados coloridos no espaço: todos eles se movem lentamente em um plano distinto para direcionar o movimento dos olhos, mas sem atrapalhar o conteúdo. Os quadrados imitam o formato do logotipo e se estendem pelas imagens e pelos espaços em branco.

O Syndeo Institute faz um bom trabalho ao transmitir esse tema de design por todo o site com elementos quadrados e animações sutis ao longo da rolagem.

Com o Kadence, você pode adicionar efeitos impressionantes de animação na rolagem que certamente capturarão a atenção do seu público e fornecerão uma recompensa visual por continuar a se envolver com seu conteúdo.

  • Por que funciona: a animação sutil não prejudica o design principal ou o que o usuário deve retirar do site. Ele fornece algo extra para interesse visual.
  • Como usar: procure algo que tenha um propósito – como uma forma que você usa em outras formas ou lugares – e use animação para ajudar os usuários a descobrir algo ou para direcionar o fluxo visual do conteúdo.

Juntando tudo

As tendências de web design do WordPress são um elemento divertido. Mas não sinta que precisa experimentar todas as novas tendências que surgirem. Adoramos as tendências que estão surgindo agora porque elas usam temas clássicos com um novo toque – desde formatos de letras como obras de arte até estilos de embalagens cartonadas. Usar a tendência certa na hora certa faz parte da sua marca e estilo; divirta-se e experimente o que funciona para você.

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