5 tendencias de diseño web de WordPress para septiembre de 2023

Publicado: 2023-09-26

¿Cómo van tus proyectos de otoño? ¿Necesita inspiración para el diseño web de WordPress? Estas tendencias podrían ser ideales para generar conceptos más imaginativos o ayudar a motivar sus objetivos de narración en línea.

Aquí hay cinco grandes tendencias a considerar este mes:

1. Caricaturización

A veces, necesitas hacer una declaración con un diseño que sea simple, interesante y que vaya más allá de lo que podrías esperar. Eso es lo que hace ESPN aquí con el reportaje sobre Carlos Alcaraz para un reportaje del US Open.

El diseño podría haber sido una foto suya en la cancha; más bien, fue caricaturizado en un personaje que coincide con el titular y la historia más grandes que la vida.

Sin embargo, la mejor parte de este diseño puede ocurrir en el desplazamiento con animación de la cancha de tenis y algunas infografías sorprendentes.

  • Por qué funciona: La imagen de estilo caricatura sobre un fondo simple es llamativa y destaca. Se suma al atractivo de la narración y combina bien con los elementos de la copia.
  • Cómo usarlo: funciona mejor con una imagen simple y un carácter distintivo. No intentes esto con una imagen completa o un paisaje. (No obtendrás el mismo efecto).

2. Las palabras como arte

A veces, es mejor contar una historia sin una imagen. Ese es el caso del sitio web Right Our Story, que se centra en el acoso. Este tratamiento funciona excepcionalmente bien porque no quieres mostrar caras aquí; podrían restar valor o distraer la atención del mensaje.

Al utilizar colores brillantes y un tratamiento de fuente divertido, seguirás interesado en el diseño, y el concepto del cuadro de citas utilizado en el área principal del título se traslada a las citas reales en el diseño.

Esta puede ser una forma bastante impactante de dejar que las palabras cuenten realmente una historia. Las imágenes aquí podrían ser problemáticas porque no quieres que el usuario asuma que alguien en una foto es el acosador o está siendo acosado. Este tratamiento le da todo el foco a las palabras.

Con el bloque de texto avanzado de Kadence Blocks puedes resaltar palabras específicas, haciéndolas realmente destacar y tener un impacto poderoso.

  • Por qué funciona: Las palabras como elemento artístico son especialmente poderosas cuando la lectura es el foco principal del diseño.
  • Cómo usarlo: opte por un tipo de letra y un tratamiento de color interesantes para mantener los elementos juntos e interesantes.

3. Narración en capas

La narración de historias es el núcleo de casi todo buen diseño de sitio web. La narración en capas ayuda a mantener a los usuarios interesados ​​en esa historia digital y a moverse por los elementos del sitio web.

Con lo que parece un diseño simple, Hanwag ha creado una historia de múltiples niveles y capas con imágenes, texto y movimiento. Puede ver los "capítulos" en el menú de la página inferior que lo lleva a través de la historia del arranque. (¿Quién diría que una bota podría ser tan interesante?)

Realmente querrás tomarte un tiempo para investigar las acciones de desplazamiento aquí para ver cómo se combina todo. Mientras te desplazas hacia abajo en la página, los elementos se mueven en diferentes direcciones para facilitar la historia.

  • Por qué funciona: Están sucediendo muchas cosas con este diseño general en términos de animación y movimiento, pero el fondo de base blanco simple, el texto legible y las imágenes nítidas lo unen todo.
  • Cómo usarlo: A veces, necesitas un diseño complejo para contar una historia compleja. Es un matrimonio que une la narrativa y la narración de una manera que puede sentirse bien.

4. Hermosos menús

Los menús de los restaurantes no son conocidos por su atractivo estético. Los diseñadores están tratando de cambiar eso con menús en línea más atractivos que muestren tanto la comida como un formato fácil de leer.

Banana Blossom utiliza bellas imágenes, espacio y color para hacerte sentir hambriento. El diseño del sitio web se centra en los alimentos de una manera más parecida a como los sitios de comercio electrónico se centran en los productos antes de mostrar los detalles de los precios. Cuando llegas al menú, ya quieres la comida en la pantalla.

Este diseño es genial a la vista, ¡pero no vengas con hambre!

  • Por qué funciona: El color y la simplicidad dan a las imágenes espacio para brillar. Cada elemento del menú se describe de forma sencilla y presenta una imagen para que sepas exactamente cuál será tu comida.
  • Cómo usarlo: este menú se parece más al diseño de un blog que a cualquier otra cosa, pero utiliza todos los principios tradicionales del buen diseño: espacio, color y escala.

5. Animación sutil

La animación es una de las técnicas de diseño web más difíciles de lograr. Esta tendencia te muestra cómo combinarla bien manteniendo el movimiento simple y sutil.

Tenga en cuenta los pequeños cuadrados de colores en el espacio: todos se mueven lentamente en un plano distinto para dirigir el movimiento ocular, pero sin obstaculizar el contenido. Los cuadrados imitan la forma del logotipo y se extienden tanto en las imágenes como en los espacios en blanco.

El Instituto Syndeo hace un buen trabajo al llevar este tema de diseño a través del sitio con elementos cuadrados y animaciones sutiles a lo largo del desplazamiento.

Con Kadence puedes agregar impresionantes efectos de animación en desplazamiento que seguramente captarán la atención de tu audiencia y brindarán una recompensa visual por continuar interactuando con tu contenido.

  • Por qué funciona: la animación sutil no resta valor al diseño principal ni a lo que el usuario debe captar del sitio web. Proporciona algo extra para el interés visual.
  • Cómo usarlo: busque algo que tenga un propósito, como una forma que use de otras maneras o lugares, y use animación para ayudar a los usuarios a descubrir algo o para dirigir el flujo visual del contenido.

Poniendolo todo junto

Las tendencias de diseño web de WordPress son un elemento divertido. Pero no sienta que tiene que probar cada nueva tendencia que aparece. Nos encantan las tendencias que están surgiendo ahora porque utilizan temas clásicos con un nuevo giro, desde formas de letras como obras de arte hasta estilos de cartón. Utilizar la tendencia adecuada en el momento adecuado es parte de tu marca y estilo; Diviértete y experimenta con lo que funcione para ti.

Un paquete completo de Kadence le brinda todo lo que necesita para mantenerse al día con todas las tendencias de diseño y llevar su sitio web al siguiente nivel. Desde Lottie Block en Kadence Blocks hasta la capacidad de crear diseños y páginas totalmente personalizables, Kadence Full Bundle le brinda todo lo que necesita para crear sitios web hermosos, efectivos y atractivos.

Consigue un paquete Kadence