5 tendenze del web design WordPress per settembre 2023

Pubblicato: 2023-09-26

Come stanno andando i vostri progetti autunnali? Hai bisogno di ispirazione per il web design WordPress? Queste tendenze potrebbero essere l’ideale per stimolare concetti più fantasiosi o aiutarti a motivare i tuoi obiettivi di narrazione online.

Ecco cinque grandi tendenze da considerare questo mese:

1. Cartoonizzazione

A volte è necessario fare una dichiarazione con un design che sia semplice, interessante e che vada oltre ciò che potresti aspettarti. Questo è ciò che fa ESPN qui con il servizio su Carlos Alcaraz per un servizio sugli US Open.

Il disegno avrebbe potuto essere una sua foto in campo; piuttosto, è stato cartoonizzato in un personaggio che corrisponde al titolo e alla trama più grandi della vita.

La parte migliore di questo design, però, potrebbe apparire sullo scorrimento con l'animazione del campo da tennis e alcune fantastiche infografiche.

Perché funziona: l'immagine in stile cartone animato su uno sfondo semplice colpisce e si fa notare. Aggiunge fascino alla narrazione e si abbina bene agli elementi del testo.

Come usarlo: funziona meglio con un'immagine semplice e un carattere distinto. Non provarlo con un'immagine intera o con un paesaggio. (Non otterrai lo stesso effetto.)

2. Parole come arte

A volte è meglio raccontare una storia senza un'immagine. Questo è il caso del sito web Right Our Story, che si concentra sul bullismo. Questo trattamento funziona eccezionalmente bene perché non vuoi mostrare i volti qui; potrebbero sminuire o distrarre dal messaggio.

Utilizzando colori vivaci e un trattamento divertente dei caratteri, sei comunque coinvolto dal design e il concetto di casella di virgolette utilizzato nell'area del titolo principale si ripercuote con le virgolette effettive nel design.

Questo può essere un modo piuttosto efficace per lasciare che le parole raccontino davvero una storia. Le immagini qui potrebbero essere problematiche perché non vuoi che l'utente presuma che qualcuno in una foto sia il bullo o sia vittima di bullismo. Questo trattamento dà tutta l'attenzione alle parole.

Con il Blocco di testo avanzato di Kadence Blocks puoi evidenziare parole specifiche, facendole risaltare davvero e avendo un impatto potente.

Perché funziona: le parole come elemento artistico sono particolarmente potenti quando la lettura è l'obiettivo principale del design.

Come usarlo: scegli un carattere tipografico e un trattamento del colore interessanti per mantenere gli elementi insieme e interessanti.

3. Narrazione a più livelli

Lo storytelling è al centro di quasi ogni buon design di un sito web. La narrazione a più livelli aiuta a mantenere gli utenti interessati alla storia digitale e a muoversi attraverso gli elementi del sito web.

Con quello che sembra un design semplice, Hanwag ha creato una storia a più livelli con immagini, testo e movimento. Puoi vedere i “capitoli” nel menu a fondo pagina che ti accompagna attraverso la storia dello stivale. (Chi sapeva che uno stivale potesse essere così interessante?)

Avrai davvero voglia di prenderti del tempo per indagare sulle azioni di scorrimento qui per vedere come tutto si riunisce. Mentre scorri la pagina gli elementi si muovono in direzioni diverse per facilitare la storia.

Perché funziona: stanno accadendo molte cose con questo design complessivo in termini di animazione e movimento, ma il semplice sfondo bianco di base, il testo leggibile e le immagini nitide mettono tutto insieme.

Come usarlo: a volte è necessario un design complesso per raccontare una storia complessa. È un matrimonio che unisce la narrazione e la narrazione in un modo che può sembrare giusto.

4. Bellissimi menu

I menu dei ristoranti non sono noti per il loro fascino estetico. I designer stanno cercando di cambiare la situazione con menu online più belli che mostrino sia il cibo che un formato di facile lettura.

Banana Blossom utilizza bellissime immagini, spazio e colori per farti venire fame. Il design del sito web conduce ai prodotti alimentari in un modo più simile a quello che i siti di e-commerce guidano ai prodotti prima di mostrare i dettagli sui prezzi. Quando arrivi al menu, vuoi già il cibo sullo schermo.

Questo design è bello da vedere, ma non venire affamato!

Perché funziona: il colore e la semplicità danno alle immagini lo spazio per brillare. Ogni voce del menu è semplicemente descritta e presenta un'immagine in modo da sapere esattamente quale sarà il tuo pasto.

Come usarlo: questo menu assomiglia più al design di un blog che a qualsiasi altra cosa, ma utilizza tutti i principi tradizionali del buon design: spazio, colore e scala.

5. Animazione sottile

L'animazione è una delle tecniche di web design più difficili da realizzare. Questa tendenza ti mostra come metterlo insieme bene mantenendo il movimento semplice e sottile.

Nota i piccoli quadrati colorati nello spazio: si muovono tutti lentamente su un piano distinto per dirigere il movimento degli occhi ma non per ostacolare il contenuto. I quadrati imitano la forma del logo e si estendono sia sulle immagini che sullo spazio bianco.

Il Syndeo Institute fa un buon lavoro nel portare questo tema di design attraverso il sito con elementi quadrati e animazioni sottili in tutto lo scorrimento.

Con Kadence puoi aggiungere straordinari effetti animati a scorrimento che cattureranno sicuramente l'attenzione del tuo pubblico e forniranno una ricompensa visiva per continuare a interagire con i tuoi contenuti.

Perché funziona: un'animazione discreta non toglie nulla al design principale o a ciò che l'utente dovrebbe ricavare dal sito web. Fornisce qualcosa in più per l'interesse visivo.

Come usarlo: cerca qualcosa che abbia uno scopo, ad esempio una forma che usi in altri modi o luoghi, e usa l'animazione per aiutare gli utenti a capire qualcosa o per dirigere il flusso visivo dei contenuti.

Mettere tutto insieme

Le tendenze del web design WordPress sono un elemento divertente. Ma non pensare di dover provare ogni nuova tendenza che arriva. Adoriamo le tendenze emergenti in questo momento perché utilizzano temi classici con una nuova svolta: dalle forme delle lettere come opere d'arte agli stili di cartone. Usare la tendenza giusta al momento giusto fa parte del tuo marchio e del tuo stile; divertiti e sperimenta ciò che funziona per te.

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