Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

What is Material 3?

See original GitHub issue

Please excuse me for taking up space in the Issues here, but I am very interested to know more about the Material 3 epic that’s currently being developed. Are there any examples or designs that should the difference to the current Material design? Or is Material 3 = Material You (the Android 12+ UI concept)? Thanks in advance!

Issue Analytics

State:
Created 2 years ago
Comments:10 (4 by maintainers)

Top GitHub Comments

4reactions

OxygenCobaltcommented, Oct 3, 2021

From what I’ve been able to gather, Material 3 is kind of like “Material 2 + Material You” with some extra tweaks here and there.

Material 2 was the minor refresh that occurred around Android Oreo, it:

Phased out colorful AppBars in favor of neutral AppBars.
Partially phased out all-caps text in buttons and other UI components
Encouraged the use of dividers in certain places

Material 3 is a major refresh that seems to do the following:

Applies Material You support
Makes elevation overlays colored
Extends elevation overlays to the light theme as well
Favors color differences and dividers over elevation shadows
Deprecates some color roles [ex. colorPrimaryDark] and adds new color roles [ex. colorPrimaryContainer]
Prefers lower-contrast/“pastel” coloring
Phases out all-caps text everywhere
Discourages circles in favor of squircles and pill shapes
Adds more tablet-friendly layout tools
[Maybe] Adds translucency in some places?
[Maybe] Adds more powerful shape animations? The Android 12 phone app seems to show circles expanding into squircles when pressed, so it’s not out of the question.

This is mostly observations/speculation from the alpha builds. The actual devs will probably have a better explanation than I do.

2reactions

dsn5ftcommented, Oct 4, 2021

@OxygenCobalt that is a solid summary. The term “Material You” is more focused on the personalization features coming in Android 12 (e.g., dynamic wallpaper color), while “Material 3” is more for the update to the design system as a whole. E.g., the FAB’s shape has been changed from a circle to a rounded rectangle - changes like this to the library’s components and themes are not tied to Android 12 and are supported on older API levels.

Some more detail can be found in the 1.5.0-alpha03 and 1.5.0-alpha04 release notes, and in the updated developer documentation.

Additionally, there will be a higher level summary and more detail from the design side coming soon, so stay tuned.

Top Results From Across the Web

Material Design

Material 3 is the latest version of Google's open-source design system. Design and build beautiful, usable products with Material 3.

Everything you need to know about Material Design 3

Material Design 3 is the technical name of Material You, which was unveiled in early 2021 through a Pixel 6 ad, and it's...

Compose Material 3 | Android Developers

Build Jetpack Compose UIs with Material Design 3 Components, the next evolution of Material Design. Material 3 includes updated theming and components and ......

Material Design 3 for Compose hits stable

Material 3 brings extensive, finer grained color customisation, and comes with both light and dark color scheme support out of the box. The ......

Material Design - Wikipedia

Material Design (codenamed Quantum Paper) is a design language developed by Google in 2014. ... Android, iOS: Apache-2.0 License; Flutter: BSD-3-Clause License ...