Google Design

Material Design just leveled up! 🚀 M3 Expressive is here to help you build more engaging, easy-to-use products. ✨ Dive into the details → goo.gle/42VU2qP #TheAndroidShow #MaterialDesign

Ultimately, thoughtfully designed interaction states create a more intuitive and enjoyable user experience. They transform digital interfaces into responsive and engaging spaces.

Whether an element is disabled, focused, pressed, or hovered, #MaterialDesign uses specific visual cues to communicate its status. This attention to detail ensures clarity and understanding for every interaction.

Material Design goes beyond static visuals. With carefully crafted interaction states, our interfaces come alive and respond to your every touch. Let's explore how these states enhance the user experience. 🧵

Which Material Design icon style do you prefer?

Explore the intersection of design and accessibility with Atkinson Hyperlegible! → goo.gle/3ASOlP1 Developed for Braille Institute, this typeface champions readability for everyone.

Screen time is a useful metric, but it's not the whole story of digital wellbeing. Context matters! Dig into the details and get inspired to design for healthy tech habits → design.google/library/design…

Top tips on text resizing: ✅ support a minimum text increase of 200% ✅ scale line height and text proportionately, while keeping padding and scaing consistent ✅ avoid issues by increasing container size, reflowing layout, enabling scrolling, and adding tooltips Learn more → m3.material.io/foundations/wr…

Big news: Material 3 Expressive is a Webby Award Nominee! 🏆 The New York Times calls this the “Internet’s highest honor,” and we're in the final running for Best User Experience. We need your help to climb the leaderboard! 📈 It only takes a second to vote: 🔗 vote.webbyawards.com/PublicVoting#/… Get yours in soon—voting ends Thursday, April 16th at 11:59pm PDT! ⏳ #Webbys #MaterialDesign #UserExperience

Designers! Ever feel like your design system is a jumbled mess? Maybe it's time to take a page from music theory. 🎶 design.google/library/sounds…

Stop guessing at easing curves and start using physics. 🎢 With M3’s spring-based motion tokens, you can create UI transitions that feel natural and responsive instead of robotic. Use the expressive motion system to bring your app to life → goo.gle/4e6ftv0 #MaterialDesign #UX #AndroidDev

On the hunt for the right font? The length of your text is key. We recommend using expressive fonts for headlines, flexible fonts for medium-length text, and legible serifs for longer content.

Top tips on #UXwriting for a gloabl audience: ✅ keep it short and simple ✅ generalize examples & explain local references ✅ clarify pronouns like "it" and "that" to ensure accurate translation Learn more about #MaterialDesign guidelines on word choice for creating globally accessible interfaces: m3.material.io/foundations/co…

Language selection? Go beyond flags! 🚩🚩🚩🚩🚩🚩🚩🚩🚩🚩 Whenever possible, offer clear language names (like "English" instead of just "🇬🇧") for better usability. Get more tips on desgining for global #accessibility → design.google/library/design…

Let @GeminiApp be your personal UI design assistant. Try this prompt: "Create a mood board for a travel booking app, evoking feelings of wanderlust and adventure."

Keyboard navigation is a must! ⌨️ Ensure all interactive elements can be accessed and used with a keyboard alone. Learn more about different input types → m3.material.io/foundations/in…

Google’s open-source system icons don't require additional files for variants like filled or rounded — optimizing for size and speed. By sticking to a proven system, the icons maintain a consistent style and legibility → fonts.google.com/icons

Information architecture is the backbone of a well-designed website or app. How do you approach information architecture to create clear and intuitive navigation?

We’ve just released our latest Recycled Materials Guide, an open-source guide that shares our journey in designing with recycled materials and how we’ve used them across our portfolio, including the Pixel 10 series and Nest Thermostat. Let’s design a sustainable future together 🌎🤝 ✨ Read the full guide → g.co/hardware/Mater…

In the early days of #MaterialDesign, a small team of designers at Google sought to create a new visual language for a rapidly-growing company. Learn how @ZachGibson and the team rooted their design system in the physical world using paper → goo.gle/3ZitEVY #M10