Design piatto e Skeuomorphism

Gli argomenti di design del design piatto e dello skeuomorphism sono stati ampiamente discussi negli ultimi tempi, in particolare con la versione beta di iOS 7. Nonostante questo, molte persone non sono ancora a conoscenza di questi termini e dei loro significati. Oggi esploreremo alcune delle caratteristiche chiave del design piatto e di come questa tendenza di design sia diversa dallo skeuomorphism.

Gli stili di progettazione sono di solito etichettati come una tendenza temporanea. Ogni volta che emerge uno stile "nuovo", non vi è alcuna garanzia che possa avere successo o restare in giro. Tuttavia, dato che più designer del settore iniziano a soddisfare uno stile di design particolare, lo stile diventa più ubiquo e utile. Detto questo, è un'errata interpretazione comune che il design piatto sia in realtà nuovo. Non lo è. Design piatto e designer flat sono in circolazione da molto tempo, ma la novità è l'hype e l'aderenza del settore che abbiamo visto negli ultimi anni.

Il design piatto è caldo!

Google abbraccia Design piatto



Sappiamo tutti che Google ha una forte identità guidata da eccellenti linee guida di progettazione. Il loro scopo è fornire un'identità visivamente coerente che sia semplice e moderna. Si può affermare che hanno maturato il loro stile di progettazione con un approccio riduttivo, focalizzato sul colore e sulla geometria. La loro guida sulle risorse visive su Behance è molto interessante da recensire!

Microsoft Embraces Flat Design

Microsoft pre-flat: Windows Mobile 6.5

Entro il 2010, Microsoft ha deciso che il loro approccio al design non era al passo con le aspettative e le esigenze degli utenti. Invece di concentrarsi esclusivamente sulle caratteristiche di un prodotto, hanno deciso di ripensare il loro approccio estetico concentrandosi maggiormente sull'esperienza dell'utente.

Windows Phone 8

Ciò ha spinto Microsoft a partecipare a una nuova filosofia di progettazione per farli cambiare la grafica (e il comportamento) dei loro prodotti. O come a loro piace descriverlo, "fare di più con meno". Questo è ciò che Microsoft ha ottenuto con la loro recente revisione grafica, con il rilascio di Windows 8 alla fine del 2012 come una pietra miliare nella loro nuova strategia di progettazione.


Design piatto e skeuomorphism definiti

Un design realistico è sempre uno snouomorfismo, ma uno skeuomorphism non è sempre un progetto realistico.

Skeuomorphism, specificamente per il design, significa che ci proviamo somigliare qualcosa che sappiamo. Il termine è spesso usato in modo errato nel settore. I progettisti spesso pensano che il snouomorfismo significhi che si replica l'originale. Tuttavia, uno Skeuomorphism non deve essere una replica vicina di un oggetto! In altre parole, un design realistico è sempre uno snouomorfismo, ma uno skeuomorphism non è sempre un progetto realistico. Per renderlo ancora più confuso, il design piatto può essere skeuomorphic (ma non deve essere).

Facciamo le cose più chiare con una serie di immagini.

Design di Alex Volkov

Noterai che questo è un design incredibilmente realistico di una cassaforte. Questo è un perfetto esempio di skeuomorfismo, poiché tenta di assomigliare a qualcosa che conosciamo (il vero oggetto fisico, una cassaforte). Inoltre, è anche un ottimo esempio di design realistico, in quanto prende in considerazione profondità, illuminazione, ombre, consistenza e così via.

il snouomorfismo tenta di assomigliare a qualcosa che conosciamo.

Design di Justin Pervorse

Questo è un buon esempio di design piatto, in quanto semplifica la sicurezza con linee semplici e colori freschi. Ovviamente, è anche abbastanza "piatto". però, questo design incorpora anche lo skeuomorphism perché cerca di assomigliare ad una vera cassaforte. Ovviamente puoi riconoscere la porta della cassaforte, ad esempio.

Progetto di Andrew Hesham

Ora, finalmente, questo è un altro grande esempio di design piatto. Però, questo non è un progetto skeuomorphic. Puoi capire che questa icona sembra qualcosa assicurata dalla combinazione della forma di uno scudo e del foro chiave. Detto questo, non assomiglia in alcun modo a una vera cassaforte o serratura. Prende in prestito altre metafore per rendere riconoscibile il significato. Riassumendo: il design piatto utilizza elementi e forme semplici combinati con colori prevalentemente brillanti per enfatizzare semplicità e chiarezza.

Il design piatto utilizza elementi e forme semplici combinati con colori prevalentemente brillanti per enfatizzare semplicità e chiarezza.

Questa è la spiegazione generale, anche se molti del settore faranno spesso riferimento design skeuomorphic ogni volta che intendono design realistico, come il primo esempio. Ci riferiamo a design piatto ogni volta che intendiamo un approccio più minimalista e bidimensionale. A volte, il termine design piatto skeuomorphic è usato, poiché combina il meglio dei due mondi come mostrato nella seconda immagine, la cassaforte piatta, skeuomorphic.

In iOS 7, Apple combina un design piatto e snouomorfo, come l'icona della fotocamera, e un design piatto non snouomorfo, come l'icona delle foto o l'icona del centro giochi, ad esempio.

Icone iOS 7

Disegno Skeuomorphic 101

In generale, le app progettate in stile skeuomorphic si comportano come le controparti del mondo reale. Le persone spesso collegano il design skeuomorphic con Apple. Alcuni grandi esempi includono il loro iCal e alcuni dei loro disegni di icone (quelli precedenti a iOS 7).


Il design Skeuomorphic è spesso uno stile di progettazione molto impegnativo. Non è facile replicare un oggetto di vita reale in un design bidimensionale. Inoltre, spesso il realismo è incorporato nel design skeuomorphic per farlo funzionare ancora meglio. Uno dei problemi che i designer devono affrontare è che questi disegni devono "sentirsi bene". È facile per gli utenti individuare un errore in un progetto quando si decide di creare qualcosa di realistico. C'è molto lavoro nel progettare trame, ombre, profondità e colori perfetti per un'interfaccia o un'icona. Tuttavia, il design skeuomorphic è particolarmente utile quando si creano prodotti digitali per un pubblico target più vecchio che potrebbe non conoscere il mondo digitale. Dà all'utente la sensazione di riconoscere il prodotto che sta usando. Una buona osservazione è che quasi tutti ora hanno iniziato a riconoscere "il linguaggio digitale" e spesso abbiamo gli stessi modelli di comportamento digitale nelle interfacce.



Design piatto 101

Il design piatto cerca di enfatizzare l'usabilità e la semplicità. Spesso si tratta di un approccio minimalista accompagnato dall'uso di colori vivaci. Ogni volta che ascolti altri designer che parlano di design piatto, solitamente la parola "esperienza utente" viene spesso inserita nelle conversazioni. In generale, le persone credono che il design piatto offra una maggiore usabilità e una maggiore esperienza utente rispetto ai design skeuomorphic.

Alcuni famosi designer con i loro principi di design come Dieter Rams considerano il design piatto, o "il meno disegno possibile", il modo migliore per creare design sostenibile.

Screenshot di Hype Machine, un design piatto

La battaglia in corso?

C'è una regola d'oro. Scegli uno stile che ti piace e progetta il meglio che puoi.

Spesso quando leggi articoli che parlano di design piatto o skeuomorphic, questo in qualche modo finisce sempre come una battaglia tra i due stili. Entrambi hanno i loro punti di forza e di debolezza, ma in generale c'è una regola d'oro: scegli uno stile che ti piace e progetta il meglio che puoi. Il design piatto sembra più semplice del design skeuomorphic, ma in realtà è anche difficile creare un design piatto così come è difficile creare un grande design skeuomorphic. È facile creare un design piatto mediocre, è molto difficile creare un design piatto. La semplicità è difficile e la sua raffinatezza richiede tempo.


Conclusione

Anche per gli utenti, è tutta una questione di gusti. Alcune persone amano lo snouomorfismo, altri preferiscono l'appartamento, e altri ancora godono di entrambi gli stili. Come designer, consiglio vivamente di praticare il maggior numero possibile di stili di design. Piuttosto che un conflitto tra stili diversi, dovremmo abbracciare le loro differenze e renderlo una scelta che rafforza la tua applicazione. Un buon design spicca tra la folla, quindi pensa attentamente a ciò che si adatta al tuo concetto!