Material Design

Short description: Design language developed by Google in 2014

Material Design

Material Design 3 on Android 12

Developer(s)| Google
Initial release| June 25, 2014; 10 years ago (2014-06-25)

Release(s)

Stable release(s) [±]
Repository|

* Web: on GitHub
* Android: on GitHub
* iOS: on GitHub
* Flutter: on GitHub

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)[1] 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.

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

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.[5]

## Contents

* 1 Implementation
* 2 Updates
* 2.1 Material Design 2
* 2.2 Material Design 3 (Material You)
* 3 See also
* 4 References
* 5 External links

## 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.[6][7][8]

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

## Updates

Material Design

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",[10] 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.[11] 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.[12]

### 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"[13]), emphasizing increased animation, larger buttons, and the ability for custom UI themes to be generated from the user's wallpaper.[5] 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.[14][15][16]

## See also

* Carbon Design System by IBM
* Flat design
* Fluent Design System
* Human interface guidelines
* Metro (design language)
* Corporate Memphis

## References

1. ↑ "Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple". 11 June 2014. http://www.androidpolice.com/2014/06/11/exclusive-quantum-paper-and-googles-upcoming-effort-to-make-consistent-ui-simple/.
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/.
3. ↑ "Google's New, Improved Android Will Deliver A Unified Design Language". 25 June 2014. http://www.fastcodesign.com/3032378/googles-new-improved-android-will-deliver-a-unified-design-language.
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.
5. ↑ 5.0 5.1 Bohn, Dieter (2021-05-18). "Android 12 preview: first look at Google's radical new design" (in en). https://www.theverge.com/22439777/android-12-design-features-widgets-first-look-google.
6. ↑ 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/.
7. ↑ "We just played with Android's L Developer Preview". AOL. https://www.engadget.com/2014/06/26/android-developer-preview-hands-on/.
8. ↑ "Google's next big Android redesign is coming in the fall". Vox Media. 25 June 2014. https://www.theverge.com/2014/6/25/5841302/google-announces-the-next-android.
9. ↑ "Web – Material Design 3". https://m3.material.io/develop/web.
10. ↑ Hall, Stephen (2018-04-26). "What exactly is this so-called 'Material Design 2,' and what will it look like?" (in en-US). https://9to5google.com/2018/04/26/what-is-material-design-2-examples-launch-io/.
11. ↑ "Material Design" (in en). https://material.io/blog/google-material-custom-theme/.
12. ↑ Hall, Stephen (2018-05-09). "Now we know: Google Sans is actually a size-optimized version of Product Sans" (in en-US). https://9to5google.com/2018/05/09/google-sans-vs-product-sans/.
13. ↑ Material Design [@materialdesign] (October 27, 2021). "🎊 The latest in Material Design is NOW available. With Material Design 3, our next generation of the system, we're introducing Material You — a new set of features that help make your apps more personalized. Give it a try → goo.gle/m3-material-io #AndroidDevSummit". https://twitter.com/materialdesign/status/1453409331697885192.
14. ↑ Warren, Tom (September 10, 2021). "Google's Material You design is coming to Gmail, Calendar, and Docs on Android". https://www.theverge.com/2021/9/10/22666355/google-material-you-design-gmail-calendar-docs-android.
15. ↑ Li, Abner (September 15, 2021). "Google Photos rolling out Material You redesign, but without Dynamic Color". https://9to5google.com/2021/09/15/google-photos-material-you/.
16. ↑ "Google Contacts is already getting its Material You UI makeover". 2021-07-29. https://www.androidpolice.com/2021/07/29/google-contacts-is-already-getting-its-material-you-ui-makeover/.

## External links

*     * Material Design 1
* Material Design 2
* Material Design 3

* 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

0.00

(0 votes)

|

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