PROFILBARU.COM

Material Design
	Material Design 3 on Android 12
Developer(s)	Google
Initial release	June 25, 2014; 10 years ago
Android
Release(s)
Stable release(s) [±]
Android
Android	1.11.0 / 14 December 2023; 10 months ago
iOS	124.2.0 / 26 April 2021; 3 years ago
Web	14.0.0 / 28 April 2022; 2 years ago
Preview release(s) [±]
Repository	Web: material-components-web; Android: material-components-android; iOS: material-components-ios; Flutter: material-components-flutter;
Written in	HTML, CSS, Sass (v4), JavaScript, AngularJS, Angular, Java, Objective-C, Swift, Dart
Platform	Android, iOS, Web
Type	Design language software
License	Android, iOS: Apache-2.0 License; Flutter: BSD-3-Clause License; Web: MIT License;
Website	Latest Version Material Design 3; Archived Versions Material Design 1; Material Design 2;

Material Design (codenamed Quantum Paper)^[4] is a design language developed by Google in 2014. Expanding on the "cards" 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 Material Design on June 25, 2014, at the 2014 Google I/O conference.^[5]

The main purpose of Material Design is the creation of a new visual language that combines principles of good design with technical and scientific innovation. Designer Matías Duarte explained that, "unlike real paper, our digital material can expand and reform intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch." Google states that their new design language is based on paper and ink but implementation takes place in an advanced manner.^[6]^[7]^[8]

In 2018, Google detailed a revamp of the language, with a focus on providing more flexibility for designers to create custom "themes" with varying geometry, colors, and typography. In 2021, a further evolution of the design language, titled Material You, was unveiled.^[9]

Implementation

Material Design was to be gradually extended throughout Google's array of web and mobile products, providing a consistent experience across all platforms and applications. Google has also released application programming interfaces (APIs) for third-party developers to incorporate the design language into their applications.^[10]^[11]^[12]

The canonical open source implementation of Material Design for web application user interfaces is called Material Web.^[13]

Updates

Material Design 2

Material You

Material Design 2

After the 2018 revamp, Google began redesigning most of their apps based on an updated set of principles and guidelines dubbed "Material Design 2",^[14] which provided a larger focus on customization of the basic Material Design components to adapt to the branding of the products in which it is being used.^[15] The updated guidelines further heavily emphasizes white space, rounded corners, colorful icons, and bottom navigation bars. Google began utilizing a special size-optimized version of their proprietary Product Sans font called Google Sans.^[16]

Material Design 3 (Material You)

At Google I/O in May 2021, Google announced a new concept on Android 12 known as "Material You" (also known as "Material Design 3"^[17]), emphasizing increased animation, larger buttons, and the ability for custom UI themes to be generated from the user's wallpaper.^[9] Material You was gradually rolled out to various Google apps on older Android versions in the following months, and acted as a major focus on the Pixel 6 and Pixel 6 Pro smartphone series.^[18]^[19]^[20]