Material Design

A material Android app, showing buttons, toggle switches, a notification, check and radio buttons, a scroll bar and a floating action button.

Material Design (codenamed Quantum Paper)[1] is a design language that Google developed in 2014. Expanding on the "card" motifs 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.

Overview

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.[2][3][4]

Material Design can be used in all supported versions of Android, or in API Level 21 (Android 5.0) and newer (or for older via the v7 appcompat library), which is used on virtually all Android devices manufactured after 2009. Material Design will gradually be 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.[5][6][7] The main purpose of material design is creation of new visual language that combines principles of good design with technical and scientific innovation.

Implementation

As of 2015, most of Google's mobile applications for Android had applied the new design language, including Gmail, YouTube, Google Drive, Google Docs, Sheets and Slides, Google Maps, Inbox, Google+, all of the Google Play-branded applications, and to a whole extent the Chrome browser and Google Keep. The desktop web-interfaces of Google Drive, Docs, Sheets, Slides and Inbox have incorporated it as well. More recently, it has started to appear in Chrome OS, such as in the system settings, file manager, and calculator apps.

The canonical implementation of Material Design for web application user interfaces is called Polymer.[8] It consists of the Polymer library, a shim that provides a Web Components API for browsers that do not implement the standard natively, and an elements catalog, including the "paper elements collection" that features visual elements of the Material Design.[9]

In 2018, the interfaces of some Google products like Gmail, Google News, Google Pay, and Google Home were redesigned into a customized and adapted version of Material Design, dubbed "Google Material Theme". [10]

See also

References

  1. ↑ "Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple". Techcrunch. Retrieved 11 June 2014.
  2. ↑ "Google's new 'Material Design' UI coming to Android, Chrome OS and the web". Engadget. Retrieved 26 June 2014.
  3. ↑ "Google's New, Improved Android Will Deliver A Unified Design Language". Co.Design. Retrieved 26 June 2014.
  4. ↑ "Google Reveals Details About Android L at Google IO". Anandtech. Retrieved 26 June 2014.
  5. ↑ Chris Smith (30 July 2014). "Google's Material Design is about to change the way we look at the worldwide web". BGR.
  6. ↑ "We just played with Android's L Developer Preview". Engadget. AOL. Retrieved 26 June 2014.
  7. ↑ "Google's next big Android redesign is coming in the fall". The Verge. Vox Media. Retrieved 26 June 2014.
  8. ↑ "Polymer paper elements". Google. Archived from the original on 2015-02-14.
  9. ↑ "Material design with Polymer". Google. Archived from the original on 2014-08-20.
  10. ↑ "How Google created a custom Material theme". Material Design. Google. Retrieved 2 October 2018.
  11. ↑ "Android's Material Design and The Bauhaus ·". Retrieved 2016-08-25.
  12. ↑ "Adhoc - The New Bauhaus and Material Design". 2014-12-02. Retrieved 2016-08-25.
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.