Post Flat Design - Cosa succede dopo?

C'è stata una crescente inquietudine per il futuro delle tendenze dell'interaction design. Solo nell'ultima settimana ho letto tre discussioni separate sulla cosiddetta "fine del design piatto". Questo tipo di discorso è fantastico perché alcuni dei migliori lavori di design estetico e di interazione vengono eseguiti all'alba di una nuova tendenza. Fa riflettere i designer e ispira quel tipo speciale di creatività che il nostro settore thrivefiglio.

Ad esempio, temi come Divi e Avada sono rimasti popolari perché si sono sempre mossi con le tendenze del design e si sono mantenuti rilevanti.

Il pendolo oscilla

All'inizio, i CSS consentivano solo il controllo di base sui documenti HTML. Con la crescita della tecnologia del web design, l'estetica scettica ha preso piede, spingendo i confini di ciò che era possibile sul web. Ma con la maturazione dello stile, alcune interfacce sono diventate difficili da usare, confuse o addirittura brutte. Abbiamo abusato delle trame, delle ombre e dei dettagli che ci hanno aiutato a definire il nostro settore. Designer e sviluppatori voleva qualcosa di fresco e semplice per sostituirlo.

Il movimento piatto sono nato per la necessità di allontanarsi il più possibile dallo skeuomorfismo. Le ombre e la lucentezza metallica sono state sostituite da tonalità piene e design basato sulla tipografia. Era un richiamo allo "stile internazionale" svizzero del design in cui una forte tipografia e blocchi di colore regnavano sovrani nella stampa.

Design piatto in stile internazionale svizzero

Ma forse il pendolo ha oscillato troppo in direzione piatta. Nel passaggio al flat abbiamo perso alcune delle utili offerte, specialmente su bottoni e moduli, che l'estetica più tradizionale utilizzava per rendere i nostri prodotti facili da usare. Quando tutto è diventato piatto, creare una chiara gerarchia visiva è diventata una sfida costante.

Design piatto: puoi dire che il cambio è premutoPuoi dire quale tasto Shift è abilitato?

Flat è stato lo stile visivo predominante per oltre un anno e da esso è emerso un lavoro brillante. Ma è chiaro che ora è il momento di lasciare che il pendolo torni indietro, anche se solo di poco.

Post piatto

Propongo il design post flat - non solo come un nuovo modo di pensare all'estetica del design - ma anche per creare una gerarchia visiva sensata e interfacce più comprensibili per i nostri utenti. Alcune qualità di un'interfaccia post flat possono includere:

  • Gerarchia definita utilizzando Tagliacomposizione con colore.
  • Pulsanti, moduli ed elementi interattivi convenienti
  • Skeuomorphs per rappresentare gli analoghi 1: 1 vita reale oggetti (l'arricciatura di una pagina di un e-book, ad esempio) in nome del piacere dell'utente o della convenienza
  • Forte enfasi sul contenuto, non sull'ornamento
  • Tipografia bella e leggibile

Entrambi gli estremi skeuomorfi e piatti hanno qualità straordinariamente belle e utili, ma la fusione dei due stili ci consente di sfruttare i punti di forza di entrambi. Ad esempio, un'app mobile potrebbe avere pulsanti dimensionali anziché testo colorato per rappresentare le azioni principali all'interno dell'interfaccia.

iphone design piattoFlaer di Brian Benitez


Senza rigoroso requisiti visivi associati al design piatto, post flat offre ai designer tantissime varietà per esplorare nuove estetiche, informate dalle migliori qualità del design piatto e skeuomorfo. I progettisti non dovranno sacrificare l'usabilità per "adattarsi" alle ultime tendenze.

Luce e interruttoreLuce e interruttore di Sebastien Gabriel

Icona di safari animato

Icona Safari animata di Ray

Proviamo questo. Rispolvera le ombre e le sfumature e introdurle ai pulsanti e alle icone a colori piatti. Fai il tuo lavoro migliore in assoluto senza sentirti limitato a una singola estetica. Porta varietà, creatività e gioia nelle tue interfacce e nei tuoi temi. Stiamo provando alcune cose entusiasmanti qui al Collective Ray nello spirito del design post flat: è una sfida rinfrescante ed entusiasmante.

E continueremo a provare cose nuove ed entusiasmanti finché saremo in questo settore.


Un'altra cosa... Sapevi che anche le persone che condividono cose utili come questo post sembrano FANTASTICHE? ;-)
Per favore, lasciare un utile commenta con i tuoi pensieri, quindi condividi questo articolo sui tuoi gruppi di Facebook che lo troverebbero utile e raccogliamo insieme i frutti. Grazie per la condivisione e per essere gentile!

Disclosure: Questa pagina può contenere collegamenti a siti esterni per prodotti che amiamo e consigliamo vivamente. Se acquisti prodotti che ti suggeriamo, potremmo guadagnare una commissione per segnalazione. Tali commissioni non influenzano le nostre raccomandazioni e non accettiamo pagamenti per recensioni positive.

Autore / i in primo piano su:  Logo della rivista Inc   Logo di Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   e molti altri ...