5 tendenze del web design WordPress per agosto 2023

Pubblicato: 2023-08-22

L’anticipazione del cambio di stagione è anche un buon momento per iniziare a pensare al cambiamento anche in altri ambiti. È qualcosa che puoi già vedere nei progetti di design, in cui i designer stanno provando alcune cose nuove con i progetti (e noi stiamo esplorando alcune di queste opzioni).

Ecco cinque grandi tendenze da considerare questo mese:

1. Pulsanti video, non riproduzione automatica

Se non sei un fan dei video con riproduzione automatica, questa è la tendenza di design che fa per te: pulsanti video senza riproduzione automatica. I video degli eroi sono stati un elemento di design dominante per un bel po' di tempo, ma presentano alcune sfide: dimensioni, suono, fastidio per l'utente o accessibilità. Questa tendenza del design risolve molte di queste preoccupazioni.

Bonanza Studios utilizza un pulsante di grandi dimensioni per riprodurre il video anziché utilizzarlo per lo sfondo dell'eroe. Si apre in una dimensione grande, facile da vedere e puoi controllare i controlli del lettore.

  • Perché funziona: agli utenti piace sapere quando il suono o l'animazione faranno parte del progetto. Questa tendenza offre agli utenti il ​​controllo in modo facile da gestire.
  • Come usarlo: ripensa gli sfondi video e il loro scopo. Soprattutto se hai un video informativo che contiene suoni o richiede attenzione intenzionale, questa può essere un'opzione migliore.

2. Ispirazione per la galleria d'arte

Un design di un sito web in stile rivista con movimento tattile, dal voltare pagina a sottili elementi di design, può sembrare come tenere in mano un libro o un prospetto artistico.

Nell'esempio sopra di Brooklyn Editions, relativo alle opere d'arte, puoi vedere come questo concetto prende vita. È bello e interattivo. Il trucco è che è necessario visualizzare e interagire con l'intero design per ottenere l'effetto completo e capire veramente come tutto si riunisce.

L'altra sfida qui è il contrasto cromatico, ma un design come questo ha un pubblico abbastanza distinto che il team di progettazione probabilmente ha studiato prima della pubblicazione.

  • Perché funziona: non ci sono molte opportunità per fornire un'esperienza tattile nello spazio digitale con qualcosa che sembri carta, ma è così. Può aiutare a creare un'atmosfera raffinata e costosa che si adatta a tipi di progetto specifici.
  • Come usarlo: Questo non è solo un gioco per le gallerie d'arte. L'esperienza in stile libro può funzionare per una serie di progetti: pensa a cose che tradizionalmente venivano fatte in formato cartaceo ma che ora sono online.

3. Elementi di tipo delineati

L'alternanza di riempimenti e contorni per gli elementi tipografici crea un impatto immediato e un punto focale. Ecco perché i designer utilizzano questa opzione. Vedi un esempio perfetto di questo da Babs.

Un elemento di contorno può anche togliere peso a un disegno o a un testo se le cose non hanno il giusto equilibrio o se desideri che parole o frasi specifiche abbiano più presenza di altre.

Qui potresti ritrovarti a guardare prima il testo della struttura perché è diverso. E va bene così. Il design ti consente di pensare alle parole e di comprenderle rapidamente perché non ci sono troppe cose da leggere (questo è uno dei motivi per cui questo stile funziona qui).

  • Perché funziona: diversi stili di carattere attirano diversi tipi di attenzione e aiutano a generare un flusso visivo per la leggibilità.
  • Come usarlo: il trucco di questa tecnica di progettazione sta nell'utilizzare caratteri tipografici semplici in combinazione con solo poche parole. Non vorrai mettere insieme un'intera frase in un trattamento di caratteri di contorno; sarà quasi impossibile da leggere. Anche gli elementi di sfondo e il contrasto sono piuttosto importanti qui.

4. “Eroi disordinati”

Perché ci sono così tante cose da guardare? Questa potrebbe essere la domanda che ti poni quando guardi alcuni design che presentano aree di intestazione degli eroi più disordinate.

Questo è uno stile che può mostrare molte cose contemporaneamente o funziona quando non hai un punto di azione ben definito. Il messaggio che invii qui è la quantità: hai molto di ciò che presenti. Dai un'occhiata all'esempio sopra di Vicio.

  • Perché funziona: questo stile può evidenziare la profondità del marchio o della varietà e può essere ottimo per i progetti più recenti che stanno cercando di prendere piede. È anche una scelta popolare per i progetti che si concentrano sui contenuti inviati dagli utenti e desiderano mostrare molti elementi diversi contemporaneamente.
  • Come usarlo: devi davvero pensare a come tutti i pezzi stanno insieme e si incastrano. Se sembra che tu abbia appena scaricato tutti i pezzi di progettazione sullo schermo senza organizzazione, non funzionerà. Il risultato finale dovrebbe sembrare che ci fosse un metodo per questa follia.

5. Esperienze più accessibili

Project Relate di Google è una delle cose più interessanti che abbiamo visto negli ultimi tempi, soprattutto se si pensa all'accessibilità online e alla comunicazione umana. Lo strumento apprende modelli vocali non standard per facilitare la comunicazione. Abbastanza bello, vero?

Ma qui c'è una lezione per ogni designer: come puoi creare qualcosa che sia più facile da usare per tutti? Tutti i tipi di persone e tutti i livelli di abilità?

Esistono molte risposte diverse a questa domanda, ma dovrebbe essere qualcosa che ti chiedi quando lavori su progetti. Come puoi connetterti al meglio con il tuo pubblico target e oltre? Quali elementi di design sono necessari per creare una comunicazione migliore e più comprensibile? Per suggerimenti utili su come rendere accessibile il tuo sito web, dai un'occhiata a questo discorso tenuto da Bet Hannon al nostro primo evento Kadence Amplify.

  • Perché funziona: l'accessibilità funziona perché crea condizioni di maggiore parità affinché tutti gli utenti possano comprendere e interagire con i progetti di design.
  • Come usarlo: acquisisci familiarità con le migliori pratiche di accessibilità web e scopri i modi migliori per incorporarle nei tuoi progetti.

Mettere tutto insieme

Riesci a vederti utilizzare alcuni di questi concetti nei progetti di design? Se non altro, ci sono alcune ottime idee generali che ti aiutano a pensare a tutto, dalla composizione artistica a un design migliore e più accessibile.

Un pacchetto completo Kadence ti offre tutto ciò di cui hai bisogno per stare al passo con tutte le tendenze del design e portare il tuo sito web al livello successivo. Dal Lottie Block in Kadence Blocks alla possibilità di creare design e pagine completamente personalizzabili, il Kadence Full Bundle ti offre tutto ciò di cui hai bisogno per creare siti web belli, efficaci e coinvolgenti.

Ottieni un pacchetto Kadence