Material Design | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
![]() | |||||||||||||||||
![]() Material Design 3 on Android 12 | |||||||||||||||||
Developer(s) | |||||||||||||||||
Initial release | June 25, 2014 | ||||||||||||||||
| |||||||||||||||||
Written in | HTML, CSS, Sass (v4), JavaScript, AngularJS, Angular, Java, Objective-C, Swift, Dart | ||||||||||||||||
Platform | Android, iOS, Web | ||||||||||||||||
Type | Design language | ||||||||||||||||
License |
| ||||||||||||||||
Website | Latest Version
Archived Versions |
Material Design (codename Quantum Paper)[4] is a design language developed by Google in 2014. Expanding on the "cards" UI that debuted in Google Now, Material Design uses more grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows. Google announced the initial version of Material Design on June 25, 2014, at the 2014 Google I/O conference.[5]
The purpose of developing Material Design was to create a novel visual language, synthesizing the classic principles of good design with the innovation and possibility of technology and science. Head designer Matías Duarte explained that "unlike real paper, our digital material expands and reforms intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch." Material Design is based on paper-and-ink as well as skeuomorphic interaction concepts, but implementation happens in a more advanced manner.[6][7][8]
In 2018, Google revamped the language (Material Design 2), providing more flexibility for designers to create custom themes with varying geometry, colors, and typography.[9]
In 2021, a further evolution of the design language, titled Material You (Material Design 3), was unveiled.[10]
In 2025, the next evolution of the design language, titled "Material 3 Expressive", was unveiled.[11]
© MMXXIII Rich X Search. We shall prevail. All rights reserved. Rich X Search