State.of.dev

Design

These charts are based on the opinion of our contributors. We encourage experts to propose changes.
Atomic Design

Atomic Design is a methodology initiated by Brad Frost, which focuses on interface design split into atoms, molecules, organisms and pages.

Metro

Metro design was popularized by Microsoft for the Windows 10 platform. The design is focused for mobile touch accessibility by applying big colorful squares.

https://www.microsoft.com/en-us/stories/design/

Skeuomorphic

Skeuomorphic tries to reflect real life objects. E.g. a wallet, would have a leather look and stitches. Up to iOS 6 ('13) skeuomorphism was the default on the iPhone and iPad.

Flat

Flat design tries to drop as much unneeded visual elements like gradients and shadows, and focuses on the use of distinct colors.

Material Design

Material design is promoted by Google as their guideline for web and mobile interface design.

Their products (gmail, search, analytics) all moved to material design. Also for their open source tools (Angular, Polymer) they supply Material Design UI elements.

material.io material-components-web

Contributors: Yvo Schaap.

Last modified February 21, 2018. Edit this page.