Material Design

Short description: Design language developed by Google in 2014

Not to be confused with Materials & Design, materials science, or industrial design.

A toggle switch and header following the material design language

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.

## Contents

* 1 Overview
* 2 Implementation
* 3 See also
* 4 References
* 5 External links

## 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 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.

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. Google released Material Theme Editor exclusively for the macOS design application Sketch.[8][9]

## Implementation

(As of 2019), 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, all of the Google Play-branded applications, and to an 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.[10] 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.[11]

## See also

* Android version history
* Comparison of Material Design implementations
* Flat design
* Fluent Design System
* Human interface guidelines
* Metro (design language)

## References

1. ↑ "Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple". http://www.androidpolice.com/2014/06/11/exclusive-quantum-paper-and-googles-upcoming-effort-to-make-consistent-ui-simple/. Retrieved 11 June 2014.
2. ↑ "Google's new 'Material Design' UI coming to Android, Chrome OS and the web". https://www.engadget.com/2014/06/25/googles-new-design-language-is-called-material-design/. Retrieved 26 June 2014.
3. ↑ "Google's New, Improved Android Will Deliver A Unified Design Language". http://www.fastcodesign.com/3032378/googles-new-improved-android-will-deliver-a-unified-design-language. Retrieved 26 June 2014.
4. ↑ "Google Reveals Details About Android L at Google IO". http://www.anandtech.com/show/8207/google-reveals-details-about-android-l-at-google-io. 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. http://bgr.com/2014/07/30/google-drive-material-design-update/.
6. ↑ "We just played with Android's L Developer Preview". AOL. https://www.engadget.com/2014/06/26/android-developer-preview-hands-on/. Retrieved 26 June 2014.
7. ↑ "Google's next big Android redesign is coming in the fall". Vox Media. https://www.theverge.com/2014/6/25/5841302/google-announces-the-next-android. Retrieved 26 June 2014.
8. ↑ Amadeo, Ron (2018-09-13). "Android 9 Pie, thoroughly reviewed". https://arstechnica.com/gadgets/2018/09/android-9-pie-thoroughly-reviewed/.
9. ↑ "Google makes its Material Design system easier to customize". https://techcrunch.com/2018/05/08/google-makes-its-material-design-system-easier-to-customize/.
10. ↑ "Polymer paper elements". Google. Archived from the original on 2015-02-14. https://web.archive.org/web/20150214012028/https://www.polymer-project.org/docs/elements/paper-elements.html.
11. ↑ "Material design with Polymer". Google. Archived from the original on 2014-08-20. https://web.archive.org/web/20140820131303/http://www.polymer-project.org/docs/elements/material.html.

## External links

* v
* t
* e

Android (operating system)

Software
development
Category|

| Development tools,
official|

* Software development kit (SDK)
* Android Debug Bridge (ADB)
* Fastboot
* Android application package (APK)
* Native Development Kit (NDK)
* Android Open Accessory Development Kit
* Bionic
* RenderScript
* Skia
* Dalvik
* Android Runtime (ART)
* Firebase
* Google Cloud Messaging (GCM)
* Firebase Cloud Messaging (FCM)
* AdMob
* Material Design
* Fonts
* Droid
* Roboto
* Noto
* Google Developers

|

Development tools,
other|

* OpenBinder
* Apache Harmony
* OpenJDK
* Gradle

Integrated development
environments (IDE)|

* Android Studio
* IntelliJ IDEA
* Eclipse
* Android Development Tools (ADT)
* App Inventor

Languages, databases|

* Java
* Kotlin
* XML
* C
* C++
* SQLite

Virtual reality|

* Cardboard
* Daydream

Events, communities|

* Google I/O
* Developer Challenge
* Developer Lab
* Android Open Source Project (AOSP)

Releases|

* 1.0
* 1.1
* Cupcake (1.5)
* Donut (1.6)
* Eclair (2.0–2.1)
* Froyo (2.2)
* Gingerbread (2.3)
* Honeycomb (3.x)
* Ice Cream Sandwich (4.0)
* Jelly Bean (4.1–4.3)
* KitKat (4.4)
* Lollipop (5.x)
* Marshmallow (6.0)
* Nougat (7.x)
* Oreo (8.x)
* Pie (9.0)
* 10

Derivatives|

* Android Automotive
* Android Things
* Android TV
* Wear OS

Smartphones,
tablets|

| Google Pixel|

* Pixel & Pixel XL
* Pixel 2 & Pixel 2 XL
* Pixel 3 & Pixel 3 XL
* 3a & 3a XL
* Pixel C
* Pixel 4 & Pixel 4 XL

|

Google Nexus|

* Nexus One
* Nexus S
* Galaxy Nexus
* Nexus 4
* Nexus 5
* Nexus 5X
* Nexus 6
* Nexus 6P
* Nexus 7
* 2012 version
* 2013 version
* Nexus 10
* Nexus 9
* Nexus Q
* Nexus Player

Google Play edition|

* HTC One (M7)
* HTC One (M8)
* LG G Pad 8.3
* Moto G
* Samsung Galaxy S4
* Sony Xperia Z Ultra

* Android Go
* Android One
* other smartphones

Customized
variants|

* Android-x86
* Remix OS
* AOKP
* Baidu Yi
* Barnes & Noble Nook
* ColorOS
* CopperheadOS
* Fire OS
* Flyme OS
* Funtouch OS
* LeWa OS
* LineageOS
* /e/
* CyanogenMod
* MIUI
* Nokia X software platform
* OmniROM
* OPhone
* OxygenOS
* Replicant
* Ubuntu for Android
* XobotOS
* Yun OS

Applications|

* Android Auto
* Assistant
* Google Now
* Earth
* Sky
* Gmail
* Google Chrome for Android
* Goggles
* Hangouts
* Maps
* Navigation
* Waze
* Pay
* Send
* Play
* Books
* Games
* Movies & TV
* Music
* Newsstand
* Talk
* Trips
* Voice

APIs|

* Google Maps
* Google Play Services
* Google Search

Alternative
user interfaces|

* Asus Zen UI
* Google Pixel UI
* Hive UI
* HTC Sense
* Huawei EMUI
* LG UX (Optimus UI)
* MIUI
* Samsung One UI
* Experience
* TouchWiz

Lists|

* Custom firmware
* Features
* Free and open-source applications
* Games
* Google apps
* Launchers

Related topics|

* Index of articles
* Androidland
* Chromecast
* Google
* Java vs. Android API
* Lawn statues
* Legal issues
* Oracle v. Google
* Smartphone patent wars
* Rooting
* XDA Developers

* v
* t
* e

Google

* Alphabet Inc.
* Android
* Devices
* Nexus
* Pixel
* Maps
* YouTube

Company|

* Overview
* Alphabet Inc.
* History
* List of mergers and acquisitions by Alphabet
* List of products
* Criticism
* Privacy concerns
* Censorship
* Litigation
* Don't be evil

Real estates|

* 111 Eighth Avenue
* Chelsea Market
* Googleplex
* Data centers

Advertising|

* AdMob
* Adscape
* Ads
* AdSense
* Analytics
* Contributor

Events|

* Code-in
* Code Jam
* Developer Day
* I/O
* Science Fair
* Summer of Code
* Talks at Google

People|

* Al Gore
* Alan Eustace
* Alan Mulally
* Amit Singhal
* Ann Mather
* David Drummond
* Eric Schmidt
* Jeff Dean
* John Doerr
* John L. Hennessy
* Krishna Bharat
* Matt Cutts
* Patrick Pichette
* Paul Otellini
* Omid Kordestani
* Rachel Whetstone
* Rajen Sheth
* Ram Shriram
* Ray Kurzweil
* Ruth Porat
* Salar Kamangar
* Sanjay Ghemawat
* Shirley M. Tilghman
* Sundar Pichai
* Susan Wojcicki
* Urs Hölzle
* Vint Cerf
* Hal Varian

Terms|

* Gayglers
* Google Developer Expert

Founders|

* Larry Page
* Sergey Brin

Typefaces|

* Noto
* Roboto
* Product Sans

Products|

| Software|

* Assistant
* Camera
* Lens
* Goggles
* Chrome
* for Android
* Web Store
* Chromium
* Cloud Print
* Earth
* Gadgets
* Gboard
* IME
* Japanese
* Pinyin
* Pay
* Pay Send
* Photos
* Keep
* News
* Now
* OpenRefine
* Snapseed
* Waze

Operating systems|

* Android
* version history
* software development
* Android Automotive
* Android TV
* Wear OS
* List of devices
* Chrome OS
* Apps
* Fuchsia

Programming languages|

* Dart
* Go
* Sawzall

Frameworks|

* Angular
* AngularJS
* AJAX APIs
* Dialogflow
* Flutter
* Guava
* Guice
* TensorFlow

Communication|

* Alerts
* Apps Script
* Duo
* Calendar
* Contacts
* Gmail
* history
* interface
* Groups
* Hangouts
* Chat
* Meet
* Sync
* Text-to-Speech
* Translate
* Transliteration
* Voice

Platforms|

* Account
* Authenticator
* Android Auto
* ZygoteBody
* Cast
* Cloud Platform
* App Engine
* BigQuery
* Bigtable
* Compute Engine
* Storage
* Fit
* GFS
* G Suite
* Classroom
* Marketplace
* Native Client
* OpenSocial
* Pay
* Send
* Primer
* Play
* Books
* Games
* Movies & TV
* Music
* Public DNS
* Safe Browsing
* Stadia
* Tango
* YouTube TV

Development|

* App Inventor
* Caja
* Closure Tools
* Developers
* Firebase
* GData
* KML
* Kythe
* MapReduce
* Owlchemy Labs
* Web Toolkit
* Search Console
* Website Optimizer
* Swiffy

Publishing|

* AMP
* Blogger
* Domains
* Drive
* Docs
* Sheets
* Slides
* Drawings
* Forms
* Fusion Tables
* FeedBurner
* Google Podcasts
* Sites
* YouTube
* Instant
* Premium
* Vevo
* Zagat

Search
(timeline)|

* Blog Search
* Books
* Ngram Viewer
* Custom Search
* Dataset Search
* Dictionary
* Finance
* Flights
* Googlebot
* Images
* Maps
* Street View
* Coverage
* Privacy concerns
* News
* Archive
* Patents
* Public Data
* Scholar
* Shopping
* Tenor
* Videos

Algorithms|

* PageRank
* Panda
* Penguin
* Hummingbird

Features|

* Personalized
* SafeSearch
* Voice Search

Analysis|

* Insights for Search
* Trends
* Knowledge Graph and Vault

Hardware|

* Glass
* Home
* Jamboard
* Wifi
* OnHub

Virtual reality|

* Cardboard
* Daydream

Nest|

* Nest Learning Thermostat
* Nest

Smartphones|

* Nexus
* Pixel

Chrome|

* Chromebit
* Chromecast
* Chromebook
* Chromebox

Other|

* .google
* Arts & Culture
* ATAP
* Chrome Zone
* Data Transfer Project
* Dragonfly
* Current
* Chrome Experiments
* Google Business Groups
* Made with Code
* Data Liberation
* Takeout
* Google (verb)
* Google China
* Google Express
* Googlization
* Google.org
* Logo and related
* Doodle4Google
* Google Doodles
* Lunar X Prize
* Google Fi
* Google Station
* Material Design
* Motorola Mobility
* Nest Labs
* reCAPTCHA
* Sunroof
* WiFi
* AI Challenge
* Easter eggs
* elgooG

Related|

* Google bombing
* Goojje
* Monopoly City Streets
* Unity

Documentaries|

* Google: Behind the Screen
* Google: The Thinking Factory
* Google and the World Brain

* Category
*   *   * Discontinued products and services

0.00

(0 votes)

Original source: https://en.wikipedia.org/wiki/Material Design. Read more

|

Retrieved from "https://handwiki.org/wiki/index.php?title=Material_Design&oldid=31640"
*[v]: View this template
*[t]: Discuss this template
*[e]: Edit this template