Le tendenze del design sono reazioni ai cambiamenti tecnologici e culturali. Chi crea il prodotto segue le tendenze del design per un motivo: l’incorporazione delle tendenze del design più recenti nel design di un articolo lo può rendere fresco e desiderabile per il pubblico, e questo crea un sostanziale vantaggio competitivo. Ma il problema con le tendenze del design è che vanno e vengono, e può essere difficile sapere quale tendenza seguire.
Una decisione sbagliata può causare molti problemi. Immagina solo di aver dedicato molto tempo e molti sforzi ad incorporare uno stile particolare nelle linee guida del tuo marchio, per scoprire che questo stile è ormai obsoleto.
1. Le sfumature 2.0
L’ultra minimalismo ha dominato il design per molto tempo. I designer hanno cercato di ridurre tutte le proprietà visive e di lasciare solo oggetti essenziali come contenuto chiave ed elementi funzionali. Di conseguenza, hanno creato prodotti che utilizzavano quantità esagerate di spazio bianco e praticamente nessun colore. L’ultra minimalismo ha reso tutte le interfacce simili.
Gli utenti si sono stufati di design noiosi e i designer hanno iniziato a sperimentare vari stili visivi. Uno stile particolare che si è trovato sotto i riflettori è la sfumatura. Nel 2018 e nel 2019, le sfumature hanno iniziato a sostituire i colori piatti. Le sfumature aggiungono una certa profondità ai layout piatti e li rendono visivamente più interessanti. Sia i team che si occupano del prodotto che tutte le parti interessate adorano le sfumature perché i colori del marchio possono essere utilizzati per crearli.
Le sfumature sono uno strumento versatile. Possono essere utilizzate in vari contesti come uno sfondo per il contenuto, come filtri colorati su immagini o illustrazioni o come accento per elementi funzionali come i pulsanti di invito all’azione.
Le sfumature luminose sono usate come colori di sfondo, portando profondità e dimensione all’interfaccia utente. Interfaccia per lo shopping vocale.
Opere di Gleb Kuznetsov
Le sfumature vanno bene sia sul grande schermo della TV o del desktop che su un piccolo display di dispositivi mobili.
Commerce Dashboard App by Ghani Pradita
Ma rispetto alle sfumature utilizzate dai designer negli anni scorsi, la nuova generazione di sfumature ha uno stile diverso. I gradients 2.0 possono essere sottili (creati usando colori tenui) o forti (creati usando colori vibranti), ma in entrambi i casi sono relativamente semplici, usando un’unica fonte di luce chiara e creati usando uno o due colori.
2. Illustrazioni astratte
È risaputo che l’utilizzo di uno stile di illustrazione personalizzato è un modo eccellente per far risaltare un marchio. Le illustrazioni originali fanno parte del DNA di un articolo o di un marchio. I concorrenti possono copiare la combinazione di colori o la tipografia, ma non il tuo stile di illustrazione.
Le illustrazioni digitali sono state al centro dell’attenzione negli ultimi anni. Nel 2019 abbiamo visto un boom di illustrazioni. Tutte le grandi aziende hanno introdotto illustrazioni nel loro linguaggio visivo. Ecco solo alcune menzioni d’onore:
Shopify
Illustrazioni in Shopify
Mailchimp
Illustrazioni in Mailchimp
Doodles by Google
Ma recentemente, è diventato evidente che le illustrazioni non hanno lo stesso potere accattivante di prima. Con così tanti stili di illustrazione in giro, diventa difficile per gli utenti abbinare uno stile particolare a un’azienda specifica.
Nel tentativo di rendere le illustrazioni più efficaci, i designer hanno iniziato ad abbracciare stili di illustrazioni più astratti e questo stile sta dominando il 2020.
Dropbox’s illustrazioni di pagina. Artwork by Justin Tran
Tuttavia, c’è una cosa importante che i designer dovrebbero ricordare quando lavorano su una grafica astratta. È fondamentale assicurarsi che il tuo pubblico possa interpretare ciò che stai cercando di dire. Le illustrazioni troppo astratte non avranno molto valore commerciale e saranno più simili a un’opera d’arte che a un elemento funzionale che serve a uno scopo commerciale specifico.
3. I caratteri in grassetto
Se visiti i siti Web dei leader del settore, potresti notare che il titolo, non le immagini, è la prima cosa che attira la tua attenzione. I titoli non sono affatto una nuova tendenza. Ma la cosa interessante è il modo in cui sono progettati quei titoli. Hai notato che molti di questi titoli sono progettati con caratteri grandi in grassetto? I caratteri pesanti conferiscono maggiore importanza visiva al messaggio e indirizzano il lettore laddove dovrebbero apparire per primi. Da un punto di vista estetico, i caratteri audaci conferiscono al design un aspetto moderno e contemporaneo.
Samsung Galaxy Note 10
Con il rilascio di Apple iOS 13, i titoli in grassetto diventano parte integrante delle app iOS. Se valutiamo questa decisione di progettazione in termini di usabilità, sarà chiaro che i caratteri pesanti sono ottimi per creare contrasto (che migliora la leggibilità del testo) e la gerarchia visiva degli elementi (che migliora la comprensione del contenuto). Ecco perché i caratteri in grassetto sono così popolari tra i progettisti di dispositivi mobili.
Gleb Kuznetsov progetta un’interfaccia per l’utente che viaggia con Hyome Skrein
Allo stesso tempo, quando si utilizza qualsiasi carattere pesante o in grassetto, è fondamentale non abusarne. Ecco alcune cose che devi prendere in considerazione:
La tipografia in grassetto può essere un po ‘schiacciante quando c’è molto da leggere. Se tutto è in grassetto, allora nulla è in grassetto. Ecco perché dovresti provare a usare questi caratteri in grassetto solo per brevi testi o intestazioni / sottotitoli.
Non dimenticare il contrasto: un carattere pesante avrà un impatto maggiore se contrastato su uno sfondo neutro.
Usa caratteri semplici. Quando si tratta di elementi di testo, il primo pensiero dovrebbe essere sempre la leggibilità. Si consiglia di utilizzare i caratteri Sans Serif perché si adattano bene. Inoltre, quando scegli un carattere sans serif in grassetto, cerca le lettere con una forma rotonda.
4. Le forme geometriche
Le forme geometriche sono una risorsa semplice ma potente che consente ai progettisti di creare composizioni visive più accattivanti. Comunemente, le forme geometriche vengono utilizzate per creare divisori visivi tra le sezioni.
Ma nel 2019, i designer hanno iniziato a trovare modi più interessanti per utilizzare gli oggetti geometrici. Molti team di prodotti utilizzano forme geometriche per trasmettere una sensazione specifica. Ad esempio, forme geometriche morbide possono aiutare a creare un aspetto futuristico:
Dati di identità visivi di Gleb Kuznetsov
Mentre linee e spigoli vivi possono trasmettere una sensazione brutale:
Questa tendenza funziona bene con altre tendenze del design visivo, come sfumature e caratteri in grassetto.
Se stai pensando di aggiungere forme geometriche nel tuo design e cerchi ispirazione, puoi trovare forme perfette in natura.
5. Il design emozionale
Il design è comunicazione. Quando pensiamo alla comunicazione, naturalmente pensiamo alla consegna e alla ricezione di informazioni. Ma c’è un aspetto della comunicazione che può essere facilmente perso: le emozioni. Per molto tempo, i team si sono concentrati sulla creazione di strutture con grande usabilità. Ma oggi l’attenzione si è spostata verso una grande usabilità e il giusto impatto emotivo. Le aziende stanno rapidamente passando da un design neutro a un design che ha un impatto emotivo.
I designer hanno molti strumenti nella loro cassetta degli attrezzi che consente loro di creare più interazioni emotive. Ad esempio, puoi usare un po’ di umorismo:
Oppure potresti utilizzare semplici effetti animati per creare graziose microinterazioni.
Reaction on user input by Darin Senneff
6. Visualizzazione dei dati
Gli esseri umani sono creature visive. Per molte persone, è più facile comprendere le informazioni quando vengono fornite visivamente, piuttosto che nel testo. La visualizzazione dei dati sta rapidamente diventando uno strumento essenziale per la creazione di storie visivamente coinvolgenti. Le storie, come quella che vedi di seguito, possono affascinare il tuo pubblico e fargli desiderare di conoscere meglio il tuo marchio.
Una parte importante della visualizzazione dei dati è lo storytelling visivo, l’arte e l’illustrazione dei dati. Immagine: https://eng.uber.com/data-viz-intel/
7. L’ header video Hero
“Mostra, non dirlo” è un principio fondamentale del buon design. Le immagini svolgono un ruolo cruciale nella progettazione visiva perché aiutano i progettisti a fornire rapidamente l’idea principale.
Per molto tempo, i web designer hanno dovuto usare immagini statiche per trasmettere la loro idea principale. Ma la situazione è cambiata. Le connessioni ad alta velocità rendono molto più facile per i web designer trasformare le loro home page in esperienze coinvolgenti in stile film. Ecco perché nel 2019 abbiamo visto sempre più siti Web che utilizzano brevi video clip nelle loro home page.
Il video rende l’esperienza più live e dinamica. Coinvolge gli utenti e sono più disposti a passare il tempo a guardare le clip. I video clip utilizzati in una sezione “video hero” possono variare da pochi secondi di video in loop a clip di anteprima a lunghezza intera con audio.
8. La progettazione 3D e Faux-3D
Per molto tempo, gli oggetti 3D sono stati utilizzati solo in giochi e intrattenimento. Con l’aumento della potenza di elaborazione dei dispositivi, abbiamo oggetti 3D che emergono su siti Web regolari sia su versioni desktop che mobili. Introducendo oggetti 3D e oggetti pseudo-3D nell’esperienza web, aggiungi realismo alle interazioni.
Il portfolio di Bruno Simon è un eccellente esempio di come accoppiare gradienti con oggetti 3D
9. Siti Web generati da “scroll”
Il potere delle moderne tecnologie può aiutarci a creare molto più di una semplice esperienza web: ci consentono di creare viaggi visivi coinvolgenti per i visitatori. I siti Web generati da scorrimento tengono traccia dei progressi dell’utente mentre scorrono la pagina e mostrano informazioni pertinenti al contesto. I siti Web generati da scroll sfruttano il potere del movimento e degli effetti di animazione per catturare l’attenzione dell’utente e introdurre dinamismo nelle interazioni dell’utente. Tali effetti aggiungono un ulteriore livello di significato ai contenuti esistenti e lo rendono più memorabile per gli utenti.
AirPods Pro by Apple
10. Dark UI
Potresti aver notato che alcune delle più grandi aziende stanno aggiungendo modalità chiare e scure ai loro prodotti. Una modalità scura è un’interfaccia utente in condizioni di scarsa illuminazione che visualizza principalmente superfici scure. Abbracciare la tendenza del design a due colori ha due vantaggi significativi per l’esperienza dell’utente: i temi scuri aiutano a ridurre l’affaticamento degli occhi regolando la luminosità dello schermo alle condizioni di illuminazione attuali e conservano la carica della batteria dei dispositivi mobili riducendo l’uso di pixel luminosi .
Dual-colored design by Niclas Ernst
Se stai lavorando alla progettazione di temi scuri, assicurati di controllare le linee guida di progettazione dei materiali che contengono consigli pratici su come progettare un tema scuro per il tuo brand.
11. Miglior personalizzazione
L’ideologia della “taglia unica” non funziona per gli utenti del 2019. I marchi sono alla ricerca di modi per mettere a punto l’esperienza dell’utente nel modo più meticoloso possibile e un’esperienza personalizzata si è rapidamente spostata da un “bello da avere” ad un “must-have”.
SoundCloud è un servizio musicale che tiene conto delle preferenze dei suoi utenti e suggerisce la musica che preferiscono. I servizi lo fanno in base alla musica che ascolti e ai brani che ti piacciono.
Dual-colored design by Niclas Ernst
Con l’ascesa dell’apprendimento automatico e dell’intelligenza artificiale, sta diventando molto più facile rendere l’esperienza dell’utente più personale.
Popular personalization tactics. Image Colin Eagan.
12. Sistemi di progettazione
Il design moderno è incentrato sulla velocità e sulla qualità. I team che si occupano di prodotto dovrebbero muoversi rapidamente senza perdere la qualità lungo il percorso. Tenendo conto del fatto che di solito un singolo articolo dovrebbe essere rilasciato su più piattaforme, può essere difficile raggiungere questo obiettivo. I sistemi di progettazione sono la risposta alle esigenze di ridimensionamento del team che si occupa di questo.
Nel 2019, più team stanno iniziando a incorporare un approccio sistematico alla progettazione. Mentre i sistemi di progettazione non sono una tendenza del web design, hanno un impatto significativo sul web design. Grazie ai sistemi di progettazione, i team di prodotti possono ridurre il lavoro ripetitivo e, ancora più importante, ottenere coerenza su tutte le piattaforme per cui progettano.
Design system. Immagine di: Justin Reyna.
Conclusioni
Alcune delle tendenze che leggi in questo articolo ti saranno familiari e alcune potrebbero essere completamente nuove. Ma non affrettarti ad attuare tutte quelle tendenze nei tuoi prodotti.
Indipendentemente da quanto siano impressionanti le tendenze, è importante ricordare che la missione del designer dovrebbe rimanere sempre la stessa: aiutare gli utenti a raggiungere i propri obiettivi creando prodotti più utilizzabili. Ecco perché la moda non dovrebbe mai superare l’usabilità. È fondamentale valutare ogni tendenza e implementare solo soluzioni che creino un’esperienza utente migliore per i tuoi utenti.
vedi articolo in originale: elementor
Social Contact