A—C

107 Google Material You / Brand Interface
Interface design for the next generation of the Material Design system, launched on the flagship Pixel smartphone; visual and interaction design, in collaboration with Material Design, Seed Studio, and related product teams
15 New
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface
Google Material You / Brand Interface

Interface design for the next generation of the Material Design system, launched on the flagship Pixel smartphone; visual and interaction design, in collaboration with Material Design, Seed Studio, and related product teams.

Launched at Google I/O
2021 05 18

Android 12
Pixel 6

Visual Design Lead ↴
Material Next (Material You)
Pixel OS

Feature Areas ↴
Assistant
Shade
Quick Settings
Media Player
Volume Controls
Power
Status
Privacy
Settings

Widgets
↳ Clock
↳ Photos
↳ Calendar
↳ Weather
↳ Media

Launcher
↳ Customization
↳ Widgets

Translate
↳ Lens / Camera
↳ Messaging
↳ Keyboard / Gboard

Teams ↴
Android Visual & Motion Design
Material Design
Seed Studio

Google I/O ↴
Google I/O 2021, 2021 05 18
Keynote 2021 05 18
Developer Keynote 2021 05 18

Press / Google ↴
Google, Material You 2021 05 18
Google, The Keyword 2021 05 18
Google, Better Together 2021 05 18
Google, Wear
Google, Future of Work 2021 05 18
Google, Android 12 2021 05 18

Press / Articles ↴
Wired 2021 05 21
The Guardian 2021 05 18
Fast Company 2021 05 18
CNN 2021 05 18
CNET 2021 05 18
Ars Technica 2021 05 18
TechCrunch 2021 05 18
Engadget 2021 05 18
Gizmodo 2021 05 18
9 to 5 2021 05 19
9 to 5 2021 05 18
GMS Arena 2021 05 18

Press / Videos ↴
The Verge 2021 05 18
Google, New in Android 2021 05 18
Google, New in Widgets 2021 05 18
Google, New in Media 2021 05 18
Google, New in Foldables 2021 05 18
Google, New in Privacy 2021 05 18

Social ↴
Material Design
Android
Material You

“Android 12 exudes confidence in its design, unafraid to make everything much larger and a little more playful. Every big design change can be polarizing, and I expect Android users who prefer information density in their UI may find it a little off-putting. But in just a few days, it has already grown on me.”
—The Verge

“Nothing articulates the value of Material You more than the way it treats color palettes. While I’ve yet to try it myself, Google’s plan to build your entire phone’s color scheme from your wallpaper is a brilliant idea. That’s because, while almost no one changes the defaults of their software, Google says 60% of people update their wallpaper—and the images are often highly personal pictures of families and experiences.”
—Fast Company

Guiding Principles
↳ Comfortable
↳ Iconoclastic
↳ Spirited
↳↳ Shape
↳↳ Space
↳↳ Light
↳↳ Motion

Attributes / Behaviors
↳ Adaptive
↳ Accessible
↳ Inclusive
↳ Humanist
↳ ...

As one of the design leads on Material Next (aka Material You), I can share that the design of Android 12 was built first on the brand attribute of “adaptive” which is something many brands (and brand designers) tout but few can pull off thoroughly. Amongst an interdisciplinary team equally deep in engineering and design, this means the entire system UI color palette adapts to the user’s choice of a wallpaper, in both light and dark themes, auto-corrected to ensure WCAG-compliant contrast and legibility, thanks to a daily iterative process of fine tuning machine learning to our design team's evolving frameworks of color intent and color theory.

Furthermore, our typography and shape system is also designed from the ground-up with accessibility in mind, allowing for everything to adapt and morph to fit any given container, be it a control set, a phone, watch, TV, or multiple surfaces around an environment.

Android has over 3 billion active devices around the world, across multiple languages, ages, abilities, and so unlike many competitor’s operating systems, we had to start by truly respecting the needs of a global community. This is why Material You includes the user as the final decision maker of the interface of each device, creating personalized identity systems created from unique combinations of parameters that even we as the original design team may not even have known existed until the user proudly shares a screenshot of their most personal device.

Full case study, design iterations, and other behind the scenes forthcoming.

Mirrored on The Dots, assets to be available soon on Are.na.

All projects ↴
108, 107, 106, 105, 104, 103, 102, 101, 100, 099, 098, 097, 096, 095, 094, 093, 092, 091, 090, 089, 088, 087, 086, 085, 084, 083, 082, 081, 080, 079, 078, 077, 076, 075, 074, 073, 072, 071, 070, 069, 068, 067, 066, 065, 064, 063, 062, 061, 060, 059, 058, 057, 056, 055, 054, 053, 052, 051, 050, 049, 048, 047, 046, 045, 044, 043, 042, 041, 040, 039, 038, 037, 036, 035, 034, 033, 032, 031, 030, 029, 028, 027, 026, 025, 024, 023, 022, 021, 020, 019, 018, 017, 016, 015, 014, 013, 012, 011, 010, 009, 008, 007, 006, 005, 004, 003, 002, 001, 000.

Updated ↴
2021 Jun 21 10:22:44 UTC, CC-BY-SA International, Andrew Chee.

https://andrewchee.com
107
Google Material You / Brand Interface
15
New