Lo skeuomorfismo è davvero l' opposto del design piatto . "Material Design" di Google è semplicemente il loro nome commerciale per le loro interpretazioni specifiche del design piatto. È comunque design piatto. "FLat Design" è stato coniato da Apple quando hanno rilasciato iOS7. Ha preso piede perché era il primo termine usato, avrebbe potuto essere facilmente chiamato "Material Design" se Google lo avesse fatto per primo.
La pratica dello skeuomorfismo consiste nell'aggiungere elementi visivi che ci si aspetterebbe di vedere se l'oggetto fosse fisicamente reale anziché proiettato su uno schermo. Un esempio potrebbe essere ombre e luci. Esistono su tutto nel mondo reale ma su nulla nel mondo digitale. L'aggiunta di questi elementi skeuomorphic è progettata per far sentire gli umani più familiari con gli elementi digitali.
Il design piatto è l'opposto di questo. Nel "design piatto" non viene presa in considerazione la fisica e l'illuminazione del "mondo reale". Vengono creati elementi digitali, tuttavia il progettista desidera realizzarli senza preoccuparsi di ciò che la "realtà" farebbe all'elemento se l'oggetto fosse fisico.
La home page del bootstrap non è un esempio di scetticismo. È un esempio di design piatto in generale. Anche se si potrebbe sostenere che anche il rettangolo dell'inserto nel mezzo con l'effetto "rilievo" dell'inserto è scettico. Quindi forse un "ibrido" potrebbe essere la migliore descrizione.
In termini di vantaggi / svantaggi tecnicamente, non ci sono solidi ragionamenti per scegliere l'uno rispetto all'altro.
Spesso per ottenere immagini di effetti skeuomorfi credibili di alta qualità sono necessarie. Le immagini aumenteranno naturalmente le richieste HTTP e il caricamento del browser. Se si rinuncia a immagini a favore di CSS scettici, il CSS può essere estremamente complicato e di grandi dimensioni. Mentre la riduzione delle richieste HTTP richiederebbe le immagini, la dimensione aggiuntiva (kb) di un file CSS con elementi skeuomorphic potrebbe superare la riduzione delle richieste HTTP (dal punto di vista degli utenti).
Il design piatto è generalmente facilmente realizzabile con CSS3 di base. Se un'immagine è necessaria in un design piatto, la stessa immagine molto probabilmente sarebbe necessaria anche in un design skeuomorphic. Quindi si compensano in termini di vantaggi / svantaggi. Flat Design CSS è solitamente meno complesso e più facile da modificare, ma non deve essere. È del tutto possibile creare un design piatto con proprietà CSS molto complesse. La maggior parte dei disegni piatti contiene gradienti, ma non gradienti del "mondo reale" basati su ciò che la luce farebbe se l'oggetto fosse reale. Ognuna delle icone Apple iOS7-8 o Windows 8 utilizza sfumature. Semplicemente sfumature molto sottili invece di "far sembrare che sporgano" le sfumature.
Alla fine, non vi è alcuna ragione difficile per cui il design piatto può essere tecnicamente migliore o peggiore dello scettuomorfismo. Tutto dipende da una questione di preferenza da parte del designer. Sia lo skeuomorfismo che il design piatto sono semplicemente tendenze del design senza alcuna base nel ragionamento tecnico.
è simile a chiedere "Qual è tecnicamente meglio un sito Web rosso o un sito Web blu?" - non c'è altra risposta che "Qualunque cosa tu preferisca".