10 Key Takeaways from Google's Material Design Guidelines

10 Key Takeaways from Google's Material Design Guidelines

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

Anastasia Solovyova

categoryFilter

12 mins read

UX

1. Signifiers & animation to communicate gestures

2. Animated Icons

3. Material Color Palette Generator

4. Color

5. Material's type scale generator

6. Use Hero sounds & haptics to evoke emotional responses

7. Use motion to express your brand's personality and style

8. Use imagery to communicate and differentiate a product through visuals

9. Material uses density-independent pixels

10. Consider offline states

Ten practical takeaways distilled from Google's Material Design documentation, covering motion, color systems, typography scales, and offline UX.

Tags:

Material Design, UI

We speak your Industry’s language.

Partner with Wugweb for domain-driven design and development that delivers.

We speak your Industry’s language.

Partner with Wugweb for domain-driven design and development that delivers.

We speak your Industry’s language.

Partner with Wugweb for domain-driven design and development that delivers.