In case you've missed out the earlier 3 parts of this series you can read them here:
Comparisons
1.
Skeuomorphism and flat design aren’t as far apart as they appear.A camera icon, for example, still appears on the camera functionality in iOS 7, just like it did in iOS 6.
2.
To encourage people to use the smartwatch, manufacturers needed to convince them to give up their old watches and hence the faces of smartwatches are designed to mimic that analogue watch experience.
So, it can be argued that the smartwatch itself is skeuomorphic.
It’s not a watch.
It’s a computer.
But it’s a computer that you wear on your wrist.
The current designs which all mimic the wristwatch may be a gentle way to ease consumers into a transition before a new form of iconic design arises for future generations of smartwatches.
To encourage people to use the smartwatch, manufacturers needed to convince them to give up their old watches and hence the faces of smartwatches are designed to mimic that analogue watch experience.
So, it can be argued that the smartwatch itself is skeuomorphic.
It’s not a watch.
It’s a computer.
But it’s a computer that you wear on your wrist.
The current designs which all mimic the wristwatch may be a gentle way to ease consumers into a transition before a new form of iconic design arises for future generations of smartwatches.
3.
NNg considers Realism as a design style that mimics physical items or textures purely for aesthetic reasons (while skeuomorphism supports a metaphor to help users understand the interface) - One example is 2012 Apple's Top-Nav that uses aesthetic (glossy 3D) effects which do not help in usability.
4.
Examples
Icons-screen comparison
Skeuomorphism used in iOS 6 vs Flat desgin used in iOS 7
Skeuomorphism used in Smartwatch
Icon-to-Icon comparison
Skeuomorphism used in iOS 6 vs Flat desgin used in iOS 7
Top-Nav comparison
Skeuomorphism (2007), Realism (2012), Flat (2015)
Credits:
En.Wikipedia.org/wiki/Material_Design
En.Wikipedia.org/wiki/Metro_(design_language)
En.Wikipedia.org/wiki/Windows_Phone_7
En.Wikipedia.org/wiki/Skeumorphism
En.Wikipedia.org/wiki/Flat_design
Cleveroad.com/blog/flat-design-vs-material-design-how-different-they-are
99designs.com/blog/trends/skeuomorphism-flat-design-material-design/
Interaction-design.org/literature/article/skeuomorphism-is-dead-long-live-skeuomorphism
NNgroup.com/articles/flat-design/
Visual.ly/community/Infographics/technology/ios-6-vs-ios-7
OSxDaily.com/2013/06/11/ios-7-vs-ios-6-visual-comparison/
DesignModo.com/flat-vs-material/
Gowtham.design/blog/material-vs-flat/
YouTube.com/watch?v=TfzEPtLPnP4
Hongkiat.com/blog/flat-20/
No comments:
Post a Comment