15 tendenze del web design da tenere d’occhio nel 2020
La vita media di un sito Web è di tre anni. E gli elementi di design, come il colore e la tipografia, spesso vengono aggiornati più frequentemente di così. Ecco perché è così importante tenere il passo con le tendenze del web design.
In questo modo puoi apportare piccole modifiche al tuo design oggi in modo che non sia obsoleto domani. Quindi quali sono le tendenze del web design che hai bisogno di conoscere quest’anno?
1. Elementi di design sovrapposti
Ogni elemento di design non deve avere un proprio contenitore. Possono effettivamente sovrapporsi.
La sovrapposizione di elementi di design crea profondità e dimensione, oltre a fornire un tracciamento visivo da un elemento all’altro nei progetti di design.
Ecco il problema di questa tendenza progettuale: devi creare e sovrapporre elementi in modo tale che tutto rimanga leggibile e “collassi” in modo da mantenere tale leggibilità sui dispositivi mobili. Altrimenti, questa tendenza può scendere rapidamente.
2. Estetica super minima
Una homepage pulita può aiutare gli utenti a esplorare il resto del design. L’estetica super minimale, in particolare per le homepage, è uno stile di tendenza.
Le opzioni vanno da sfondi piatti con testo, come nell’esempio, a home page di foto o video con quasi nessuna navigazione e solo un titolo.
Queste estetiche super minimal eliminano quasi tutto il design. L’aspetto alla moda è snello e pulito ma stai correndo un rischio con così poche opzioni interattive.
3. Interazione 3D
Potresti pensare a questa tendenza di design del sito Web come Lego interattivo.
Questi design presentano elementi interattivi che utilizzano forme tridimensionali o gamification per consentirti di interagire più profondamente con i contenuti.
È un buon modo per convincere gli utenti a rimanere con il design per un periodo di tempo più lungo e fornisce un’impressione duratura. Sfrutta al meglio la tendenza con illustrazioni 3D personalizzate o mescola e abbina i pezzi del “kit” per creare la giusta sensazione per il tuo progetto.
4. Tipografia con riempimenti e contorni
Le combinazioni di tipografia riempita e di contorno (spesso nello stesso carattere tipografico) sono in pieno effetto.
La tendenza presenta duetti tipografici con e senza funzionalità interattive. Il sito Web sopra, ad esempio, utilizza il testo pieno come stato al passaggio del mouse per indicare agli utenti che l’elemento è selezionabile. Gli stati di contorno sono per elementi non al passaggio del mouse.
I risultati sono super interessanti e creano un divertente effetto tipografico che puoi usare in molti modi diversi. Inoltre, rende l’associazione dei caratteri un gioco da ragazzi poiché si utilizza un carattere in due modi diversi.
5. Modelli di scorrimento interessanti
Più interessante è il modello di scorrimento, maggiore è la probabilità che gli utenti continuino a spostarsi nel design e nei contenuti.
La tendenza è meno sugli effetti e più sull’uso delle griglie e del design generale per spingere gli utenti attraverso i contenuti. L’esempio sopra mostra questo perfettamente con una griglia di immagini che si sposta orizzontalmente e verticalmente sullo schermo. Puoi davvero vedere solo un’immagine alla volta, ponendo l’accento su ciascun pezzo del portfolio.
6. Così tanti Serifs
La tipografia serif, che una volta era considerata “illeggibile” sul web, sta spuntando ovunque. Da semplici, semplici serif a elaborati caratteri con tratti e code più lunghi, questo tipo è progettato per essere letto.
Il principale contributo a questa tendenza potrebbe essere rappresentato dagli schermi ad alta risoluzione (e dal loro dominio sul mercato). Non c’è sfocatura o distorsione con questi caratteri tipografici.
I serif di quasi ogni stile possono funzionare magnificamente, compresi gli stili moderni e di transizione alle lastre. I serbi sono appropriati per visualizzare il testo e la copia del corpo.
7. Spazio bianco esagerato
Gli stili minimal stanno diventando ancora più minimal con uno spazio bianco esagerato nei disegni.
Uno dei motivi per cui lo spazio bianco è così popolare è che può aiutare a focalizzare l’attenzione su una certa parte del design: lo spazio occupato da qualcosa, piuttosto che niente.
Lo spazio bianco ha anche una bellissima sensazione classica che è facile da regolare per qualsiasi numero di progetti.
8. Micro-animazioni
Grazie a tutte quelle piccole gif interessanti sulle storie di Instagram, i siti Web presentano più micro-animazioni sotto forma di gif in stile adesivo.
Anche i siti Web che non ti aspetteresti, come il design di e-commerce sopra, stanno usando questo stile per attirare l’attenzione dell’utente. Può essere qualsiasi cosa, dalle piccole immagini che compaiono sullo schermo allo spostamento di elementi di testo.
9. Tutto Video
Se non stai già utilizzando video nei progetti di progettazione di siti Web, questo è probabilmente l’anno che accadrà. Il contenuto del video è enorme. E sta diventando sempre più accessibile.
Dagli sfondi in movimento, sopra, alle storie video che sono il contenuto alla base del design, questo tipo di narrazione è l’onda del futuro. Agli utenti piace. Non si può negarlo. E per questo motivo, continuerà a crescere in popolarità.
10. Forme di bolle e blob
Bolle, macchie e altre forme “organiche” prendono il posto di stili più geometrici che hanno dominato il design negli ultimi anni. Questo cambiamento di forma è in parte una bella animazione e in parte una sensazione. (I progetti hanno un piccolo elemento più libero per loro.)
Queste forme funzionano ugualmente bene con o senza animazione e in una varietà di dimensioni, configurazioni e con quasi tutte le combinazioni di colori possibili.
Mawla, sopra, potrebbe esemplificare l’uso di questa tendenza all’inizio del 2019 in quanto le forme blob presentano tutte una colorazione sfumata con strati di elementi di dimensioni diverse.
11. Illustrazioni tridimensionali
Tutto quel design piatto sta iniziando a scomparire. Profondità e realismo fanno parte della grafica illustrata (alcuni dei quali sono persino animati).
Questo stile è più comune con i siti Web che stanno cercando di rappresentare una connessione tra il mondo digitale e quello reale, ma lo stile è così accattivante e leggero che più aziende stanno commissionando questo stile di grafica.
L’altro fattore che contribuisce a questo elemento di design di tendenza è la realtà virtuale. Con molte di queste interfacce che utilizzano illustrazioni 3D, distribuirle in altri progetti è un piccolo passo avanti nello sviluppo di questi progetti.
12. Meno simmetria
I progetti di siti Web non devono essere su una griglia perfetta o utilizzare una simmetria perfetta. E molti di loro stanno infrangendo questo schema di design speculare.
L’asimmetria può effettivamente guidare gli utenti attraverso il design a guardare e interagire con diversi elementi. Utilizzare questo flusso direzionale per aggiungere attenzione a determinati contenuti.
13. Suggerimenti di AI
L’assistenza all’intelligenza artificiale e i chatbot stanno diventando così comuni che potresti ignorarli. Ma stanno diventando più intelligenti e saranno più diffusi quest’anno che mai.
Alcuni di questi robot sono ovvi, come quello sopra. Altri sono immagini di “persone reali” e altri sono più in stile cartone animato. Il tema comune è che c’è qualcuno (o qualcosa) lì per aiutare gli utenti in ogni momento.
Più siti Web utilizzano questa tecnologia di intelligenza artificiale, più utenti si aspetteranno risposte immediate alle domande durante la navigazione.
14. Loghi ottimizzati
Il design semplice e semplificato del logo sta sostituendo alcune delle opzioni più complesse che in passato servivano come elementi del marchio a schermo intero. Forse è perché altri elementi dello schermo stanno diventando più complicati o forse è solo una moda passeggera.
Ad ogni modo, i loghi semplici sono ovunque.
La cosa bella di questi loghi è che gli elementi di tipo e icona semplici sono facili da leggere a colpo d’occhio. L’unica avvertenza è che sembrano avere tutti un aspetto simile.
15. Pulsanti grandi
Per semplificare gli utenti mobili, i pulsanti grandi in stili intuitivi sono anche i valori predefiniti per tutte le versioni dei siti Web. Questo include tutto, dagli inviti all’azione alla navigazione.
Tutto deve essere facile da toccare con un pollice o un dito senza interagire con l’elemento sbagliato.
Questi pulsanti sono spesso disponibili in diversi colori o stili di carte per rendere più semplice vedere quale azione dovrebbe accadere e quali elementi faranno qualcosa con un tocco.
Nota nell’esempio sopra che ogni scatola o carta è un pulsante gigante. E nella versione mobile, ogni carta cade in una pila verticale.
Conclusione
Con quale frequenza stai apportando piccole modifiche al design del tuo sito Web per rimanere aggiornato? Mentre può essere un’idea intimidatoria, apportare piccoli cambiamenti in ogni momento diventa effettivamente parte della tua routine e può aiutare a mantenere il design fresco. (Può anche impedirti di annoiarti così rapidamente.)
Accelera il processo con strumenti di progettazione, come quelli descritti in questo articolo, in modo da poter rimanere di tendenza senza preoccupazioni!
