Material Design

Given how “typography and iconography are so strongly related,” Google Fonts is adding Material icons and getting a new logo in the process.
Expand Expanding CloseWith the first Android 12 Developer Preview, a massive redesign of the Settings app was discovered, pointing to a revamp of Google’s Material Design. Let’s take an exploratory look at what some of Google’s other Android apps could look like with these next generation Material Design cues.
Expand Expanding CloseMost people primarily experience Material Design in Android apps, while web adoption is mostly limited to Google’s first-party sites. A new Material Design for WordPress plugin, which Google currently calls an experiment, possibly opens up the look to many more pages and blogs.
Expand Expanding CloseMaterial Gallery is essentially Google Slides for designers wanting to upload mockups and screenshots for collaborative feedback. Google is now moving Material Gallery’s backend to Google Photos early next year.
Expand Expanding CloseNow in its sixth year, the 2020 Material Design Award winners were announced this morning. There are just three categories this year covering the best dark theme, use of motion, and Material Theming.
Expand Expanding CloseLast October, Blogger for Android saw a surprising Material Theme revamp. Google’s writing platform is seeing another quiet update that introduces a modern and responsive design on the web.
Google Authenticator is a very straightforward app that provides 2-step verification codes when signing-in to third-party sites. The Android app saw its last update in 2017, but Google Authenticator 5.10 today introduces a Material Theme redesign and account transfer feature.
Last year, the Play Store underwent a full revamp and later gained a dark mode. The latest tweak to help conform the Android app to Google’s latest look is a Material Theme account switcher.
Google Groups is the company’s email-based forum offering that’s popular for developers and other communities. Dating back to 2001, the company today announced a Material Theme redesign that’s inline with Gmail and other G Suite revamps.
In 2018, Google announced Material Theming with the goal of letting developers better customize Material Design for their applications. One tool released to help designers was the Material Theme Editor, but Google is now shutting it down next month in lieu of upcoming products.
The majority of Google apps today have been revamped with the company’s latest design language. There are some minor exceptions, with recent Google Phone and Messages betas introducing Material Theme icons throughout.
Introduced in March of 2017, Google’s Issue Tracker (known semi-internally as Buganizer) is a tool for reporting bugs in various Google products. This week it received a Material Theme revamp that brings a fresh look to the platform, including the familiar colored plus button and Google Sans font. Expand
Expanding
Close
While you might have only encountered Material Design in apps and the web, Google’s open-source design system has one major real-world application. Since last year, the Museum of Modern Art in New York City has been using Material Design icons to help guide visitors.
Following the Play Store and other first-party apps, Google Photos for Android is rolling out a Material Theme account switcher. Unlike those clients, this new UI element neatly incorporates a redesigned backup upload indicator.
Google Play this year rolled out a big Android redesign and corresponding dark theme. In October, we spotted work on a Material Theme account switcher and it’s now beginning to roll out alongside a new splash screen.
Google’s Material Design guidelines are a living document that updates over time. In order to be “more transparent about which components, patterns, and elements are likely to evolve in the near term,” the company’s design team is now applying a “beta” label.
The Material Theme rolled out to Google Search on the web in bits and pieces over the past year. Google.com today is A/B testing a visually notable homepage revamp that also separates and highlights voice search.
One of early Google’s most ambitious projects was to scan the world’s books and make them available online. The project ran into a number of copyright issues, but still exists as Search’s book lookup functionality. Today, the service is getting redesigned with the Google Material Theme.
This year marks the fifth edition of Google Design’s effort to highlight “best-in-class designs from our community.” Announced at SPAN in Brooklyn, the 2019 Material Design Award winners are Ruff, Reflectly, Scripts, and Trip.com.
Earlier this week, Google detailed how Express would soon be replaced by Shopping. This transition is now underway with “Google Express” for Android becoming “Google Shopping” with the latest Play Store update.
Over the past several months, Google has slowly revamped the look of individual pages in Assistant Settings. The latest Material Theme redesign is for Google Assistant Routines, and it’s already rolling out to some users.
After months of waiting and temporary appearances, the Play Store Material Theme redesign is now official on Android. Google today announced the revamp after it began widely rolling out last week. The company also detailed the key changes.
Google’s most awaited Material Theme redesign is of the Play Store on Android. We first enabled it in April and the revamp began rolling out at the end of May before it was pulled in mid-June. Google now appears to be rolling out the Material Theme Play Store again.
Google Drive on the web was one of the very first services to get the Material Theme treatment in 2018, with the Android and iOS clients following this April. The homepages for Google Docs, Sheets, and Slides were updated in February, with a similar Google Material Theme revamp now available for the Android apps.
Now in its fifth edition, Google is taking nominations for the 2019 Material Design Awards. There are four categories with self-nominations again accepted, with the company looking for “best-in-class designs from our community.”
Back in March, we spotted Google testing Material Theme icons for the various Search categories. This graphical and colorful addition is now widely rolled out when visiting Google.com on the desktop web.
Back in April, we enabled a massive redesign of the Play Store that introduced the Google Material Theme. With the latest version of Google Play, this revamp is beginning to officially roll out on Android.
Earlier this year, Google Docs picked up the Material Theme on both the web homepage and in the editor. With G Suite especially, Google has been incrementally adding new features to apps and tweaking others. The latest in Google Docs is a Material Theme link editor.
Last August, we enabled a Material Theme redesign for Google Opinion Rewards on Android. The survey app that compensates users with Play credits or through PayPal is finally rolling out that new look.
The Google Material Theme has slowly expanded to all of the company’s apps. Version 4.0 last September introduced the bulk of design changes to Google Photos, with the latest now updating the navigation drawer on Android.
The Google Material Theme began rolling out to Drive for Android in mid-March. It should be widely available today as a Play Store update that also leverages the native camera UI when scanning documents. Google is also testing a dark theme for Drive that’s not yet widely rolled out.
Following Gmail on Android and iOS last month, the latest G Suite app to get the Google Material Theme is Google Drive. Compared to other redesigns, this is a significant navigation revamp that introduces a bottom bar and focuses on smart suggestions.
Every mobile Google app on Android and iOS lets users quickly get help and send feedback about the service. Google is now testing a Material Theme revamp of these two pages to match the company’s latest design language.
Travel is one category that Google in recent years has heavily invested in with new tools and machine learning-powered resources. Google Flights is both a Search tool and dedicated site, with the latter recently gaining a Material Theme redesign on the web.
Late last year, Google Search began testing various Material Theme tweaks. Many elements have since been widely rolled out, with the latest being a slight revamp for Knowledge Panels on the mobile web and Android.
Last November, Google brought the first Material Theme elements to Search on desktop web, with mobile tweaks following afterwards. The Google.com homepage today features a pill-shaped search field to complete the visual redesign.
Following a slew of other redesigns this week, the latest Google Material Theme revamp is for Jamboard on the web. While most known as a large interactive whiteboard, Jamboard has mobile and web apps for cross-platform collaboration.
For most users, Google Drive is their primary homepage when interacting with the web suite of productivity apps. However, Google Docs, Sheets, and Slides on the web also have dedicated homepages, with all three recently gaining Material Theme tweaks.
Following design tweaks on Android and iOS over the past month, the Google Material Theme is now rolling out to Google Voice on the web. This is not a drastic redesign, but aids in ensuring visual consistency across all three platforms.
In late January, Google announced a big redesign of Gmail for Android and iOS that takes advantage of its updated design language, and brings features first introduced with the web revamp last year. The Google Material Theme is now rolling out to Gmail for iOS.
Since I/O 2018, the Google Material Theme has rolled out to many first-party apps, with major ones like Gmail for Android just coming aboard. Many of the newer redesigns feature a faster account switcher, with Google Contacts now the latest to adopt this UI element.
Back at Cloud Next 2018 in July, Google previewed the Material Theme for Gmail on Android. That redesign is officially beginning to roll out today on mobile and features the company’s latest design stylings, as well as a handful of features first introduced on the web.
For the past several weeks, Google has been testing a Play Store redesign of “Ratings and reviews.” Covering all app, movie, television show, book, and music listings, this revamp leverages the Google Material Theme and is now widely rolled out.
Late last month, Google Voice for Android was updated with the Google Material Theme. The revamp is now beginning to make its way to iOS with many of the latest design stylings.
Play Games on Android is one of Google’s most Material Theme-heavy apps. After adding a dark theme in December, the latest version widely rolling out today has redesigned the settings page and tweaked some options.
Following Gmail earlier this week, the latest G Suite app to get the Google Material Theme is Google Voice. The core navigation and user experience of the VOIP service is unchanged, but this update does provide a clean refresh.
Last April, Google completely revamped Gmail on the desktop web with a focus on machine learning-powered features and other smart functionality. Now available on Gmail for Android, this redesign includes a handful of other changes beyond the Google Material Theme that are welcome carry-overs from the web counterpart.