Member-Only

10 Key Takeaways from Google’s Material Design Guidelines

UI & UX best practices from Google’s design system documentation.

12

min read

Google is one of the biggest and most influential players in the tech space, so it’s no mystery why their design system has a tremendous impact on how digital products are designed. The company’s Material design guidelines outline worthwhile principles for every designer to follow — regardless of whether they’re designing for iOS or Android.

In this piece, I’ll share key takeaways that I found while reviewing Material’s guidelines and provide my take on how best to execute their rules and methods. I’ll review best practices as laid out in the Material guidelines and share my own experience and tips for best practices when applying them to your products.

1. Signifiers & animation to communicate gestures

  • In the absence of other affordances, icons provide a clear indication that a gesture can be performed. — Material Gesture Guidelines

In The Design of Everyday Things, Don Norman, known as the father of human-centered design, defines signifiers as anything that indicates what actions are possible and how they should be done. In designing digital products, we don’t always need to be explicit with our signifiers and say things like “swipe left to view more.” Simple elements like icons, elevated containers, or colors can act as signifiers to prompt different gestures and actions.

Member-Only

This content is member-only

Please purchase a membership or sign in to continue reading.

1,000+ Happy Customers

Yearly

50% OFF

Monthly

Unlimited Access

50% OFF

$4.99

/ month

billed yearly

Unlock in-depth articles, guides, and resources only available to premium members.

Enjoy a clean, ad-free experience without interruptions.

Be the first to read new posts and get special members-only updates and bonuses.

Renews yearly, cancel anytime

Money-Back Guarantee

Already purchased?

Christina, a self-taught graphic designer and prolific blogger, focuses on how good design can lead to business success. With a keen eye for user experience and brand identity, Christina's writings offer practical insights and inspiration for both up-and-coming and established designers. Their approachable, hands-on advice has helped countless individuals transform their ideas into tangible, beautiful realities.

More articles by

Content

Member-Only

Super quick tips to speed you up when illustrating in Figma

Resources

12

min read

Mar 8, 2022

Member-Only

How Framer is reshaping the way design happens today and the features driving its mass adoption

Resources

12

min read

Jun 8, 2023

Teal Flower

Member-Only

Figma hacks you might not have heard of.

Resources

12

min read

Mar 15, 2022

You might also like…

Member-Only

Best practices, tips, and terminology for using typography in UI

Resources

12

min read

Dec 11, 2020

When profit comes before people

Resources

12

min read

Apr 6, 2020

Member-Only

Super quick tips to speed you up when illustrating in Figma

Resources

12

min read

Mar 8, 2022

Member-Only

How to piggyback off Framer’s explosive growth and make money in the progress

Resources

12

min read

Oct 23, 2025

Create a free website with Framer, the website builder loved by startups, designers and agencies.