La tendenza del design piatto è finita? Noi non la pensiamo così. Non è ancora morto. Ma la tendenza si è evoluta per essere meno severa e più coinvolgente per gli utenti.
I primi tempi del design piatto erano contrassegnati da una completa mancanza di elementi di design come ombre, sfumature o elementi realistici con texture. Molti di questi elementi di design sono tornati, ma vengono abbinati al tutto idea di design piatto per creare un'esperienza utente di un sito web semplice e facile da utilizzare. A seconda del lato in cui ti trovi, potrebbe essere una versione migliore del design piatto.
Ecco uno sguardo all'evoluzione della tendenza del design piatto e dove siamo oggi.
Design piatto 101
Il design piatto era la risposta ribelle a tutti gli elementi e trame tridimensionali troppo realistici - e spesso falsi - che inondavano il web nei primi anni del 2010. Parte del paradigma di design eccessivamente reale è venuto da Apple, perché quello era lo stile delle icone nell'app store e sui suoi dispositivi. (Alla fine la società è passata a uno stile più piatto dopo che la tendenza è andata a buon fine.)
Il design piatto era proprio questo. Rappresenta linee pulite e uno stile più 2D che i sostenitori hanno detto ha reso più facile da capire e utilizzare. Gli schemi di design piatto si sono concentrati anche su elementi a colori e tipografici, piuttosto che su molte immagini. Di solito una singola immagine o illustrazione può trasportare l'intera homepage in uno schema di design piatto.
Il problema con un design veramente piatto è che non è sempre stato così. Alcuni utenti hanno riscontrato che gli stili messi a nudo non avevano abbastanza informazioni per guidarli nella progettazione. Ma, in modo schiacciante, i designer lo adoravano. Il design piatto è probabilmente una delle tendenze visive più grandi e rivoluzionarie dell'ultimo decennio, perché continua a vivere.
Design dei materiali
Per comprendere appieno il motivo per cui il design piatto è cambiato così rapidamente, è importante guardare al design del materiale, il linguaggio visivo che Google ha definito per i suoi prodotti e app.
Il design dei materiali ha preso le parti migliori del design piatto e ha poi aggiunto sottili tocchi di dimensione. Il concetto si concentra sul miglioramento dell'usabilità e dell'interazione dell'utente fondendo il mondo digitale con la realtà usando effetti tattici e movimento realistico.
Ha riportato elementi come ombre e sembrava "ammorbidire"? la natura quasi dura del design piatto in anticipo.
La progettazione dei materiali è un concetto ben definito con un'ampia documentazione in continua evoluzione di Google. Anche questo continua ad evolversi con le tendenze e le esigenze dell'utente. Il fatto che il materiale sia così importante da appiattire è che ha spinto l'evoluzione dell'appiattito molto più velocemente.
Flat 2.0
Inserisci Flat 2.0. Ecco come abbiamo descritto la tendenza nelle fasi iniziali: "Flat 2.0 è più facile da utilizzare perché combina il meglio del design piatto con ulteriori spunti dell'interfaccia utente per aiutarti a creare un design di siti web bello e funzionale. È anche altamente adattabile e funziona con quasi tutti i concetti. A differenza di alcuni dei siti Web flat design più puri, Flat 2.0 combina elementi di flat con aggiunte sottili per migliorare la facilità d'uso.
Non ci siamo arrivati? Flat 2.0? a Design Shack. È stato usato per la prima volta dal designer Ryan Allen: "Flat 2.0 è un'evoluzione, non una rivoluzione. Dove il design piatto è stato un allontanamento radicale dal dilagante skeuomorphism dei tempi andati, Flat 2.0 è un ramo giocoso dall'albero piatto. Flat design è l'albero di Natale, Flat 2.0 sono gli ornamenti e le canne di caramella. E regali. Tuttavia, niente di quel materiale è un disastro da pulire.
Flat 2.0 consente ai progettisti di rompere le rigide regole associate al design piatto e riportare alcune delle tecniche che rendono le immagini più accattivanti (con moderazione, ovviamente).
- Mette in risalto
- Sfumature
- Tinte multiple e valori cromatici
- Ombre
- Qualsiasi tavolozza di colori (non solo super luminosa)
Flat 2.0 non vive in un mondo in cui tutto è un elemento o un'icona dell'interfaccia utente. Foto e video sono una grande parte delle interfacce Flat 2.0. (Molti primi puristi del design piatto pensavano che questi elementi visivi portassero via il puro intento dell'estetica).
Appartamento 2017
Ora la maggior parte dei progetti si trova in mezzo a tutte queste tendenze e idee. C'è ancora una tendenza verso stili più piatti, ma c'è molto di più per i disegni. Questa evoluzione non è stata ancora nominata, ma puoi vedere caratteristiche comuni in molti progetti di siti web.
Ecco come appare il design piatto nel 2017:
Elementi piani
Molti degli stili dei pulsanti e degli elementi dell'interfaccia utente dai primi progetti di design piatto sono rimasti bloccati. Lo stile di un pulsante più semplice - rettangolo con bordi quadrati o leggermente arrotondati con il bianco del testo nero - è comune. Anche i loghi e le icone hanno assunto questo stile piatto e, abbinati a un design della home page più elaborato, si distinguono davvero.
Navigazione semplificata
L'icona dell'hamburger e la navigazione nascosta sono nati dal design piatto perché i designer stavano cercando di eliminare gli elementi dal flusso visivo.
Grassetto, colori vivaci
Grazie alle palette di colori brillanti e all'accettazione di un maggior numero di colori dai motivi piatti, il web è diventato un po 'più felice. Questo si è evoluto in una grande tendenza attuale nell'uso di sfumature di colori brillanti nelle home page, come un elemento visivo dominante o come una sovrapposizione di foto.
Home page minime
Come regola generale, le home page sono molto meno occupate e tendono a concentrarsi su azioni singolari. Anche con più elementi, una singola direzione o azione dell'utente rende l'intero progetto un po 'meno occupato.
Migliore tipografia ovunque
I disegni spogliati dovevano concentrarsi sul tipo migliore. Questa idea, abbinata al crescente utilizzo di migliori kit di caratteri e tipi di caratteri web, ha reso più facile per i progettisti concentrarsi sulla tipografia online.
Meno? Fake? effetti
Skeuomorphism davvero non è tornato. Mentre nella versione 2017 del design piatto vengono utilizzate più tecniche di progettazione, gli stili over-designed-try-to-be-real non sono riemersi.
Moto e feedback integrati
Il più grande asporto dal design dei materiali è stata l'idea del ciclo di feedback applicato alle immagini e alla comunicazione con gli utenti.
Un sacco di spazio bianco
Gli schermi sono diventati più grandi (su desktop e dispositivi mobili) ei progettisti stanno sfruttando questo spazio usandolo come spazio bianco per mantenere la sensazione minimale di flat. (E la maggior parte delle volte, questo spazio extra non è bianco).
Strati piatti
Gli elementi sovrapposti senza ornamenti possono sembrare grandi e fornire ulteriori informazioni per gli utenti.
Elementi di design di grandi dimensioni
Testo di grandi dimensioni, immagini grandi e pulsanti e icone di grandi dimensioni sono praticamente la norma, grazie anche ai primi progetti che utilizzano il design piatto.
Conclusione
L'evoluzione del design piatto ci ha lasciato una rete migliore. È più facile da leggere; è più utilizzabile; sembra solo più bello.
La cosa migliore di questa tendenza - e la ragione per cui vive - è che è abbastanza flessibile da evolvere con facilità. I designer possono prendere le parti e i concetti dal design piatto che funziona meglio e incorporarli in quasi tutti i progetti. È per questo che ne vediamo ancora tanto nei progetti di oggi e perché il design piatto non è stato solo un'altra moda di breve durata.