Google Design

Library News Resources Jobs About

Discover

The Keyword Material Design Google

Connect

Newsletters Twitter Instagram Facebook Medium YouTube Dribbble Privacy Terms menu Library News Resources Jobs About search menu Google Design Library News Resources Jobs About search What the Fog How I learned to stop worrying and start dreaming If you’re like me, most of last year felt like stumbling around in an existential fog. Hard as I tried, I just couldn’t shake that disorientation and inability to see clearly. Then I learned about “disequilibrium.” It’s a concept from cognitive science that basically means a mismatch between our way of thinking and the environment around us—often the result of new information or a new context. It’s when things just don’t add up and you start to question everything you’ve never questioned before.  Op-Ed People, Products, and Epiphanies Eureka moments don’t just happen—you have to cultivate them intentionally Editorial The Year 3000, Secret Draft Emails, and the Edge of the World Google UXers divulge their wildest travel dreams and what they’d pack in their virtual carry-ons Editorial The “Rule of Three” Also Works in Conversation Design Exploring the aesthetics and functionality of the rule of three in user interfaces Editorial I/O 2021: Our Definitive Guide to Design Google’s developer conference is back, online, and free for everyone Guide Racial Equity in Everyday Products Google’s AIUX team on creating more equitable AI-related products Op-Ed “In order for me to use this piece of technology, I had to code switch and change who I was.” Courtney Heldreth Racial Equity in Everyday Products Insights from a Reluctant Leader Why our current definition of leadership doesn’t match the rallying cry for diversity, equity, and inclusion Op-Ed Maybe this rings true for you. Maybe it doesn’t resonate for you at all, in which case it is even more pressing to take note—are you perpetuating an outdated and narrow definition of leadership for your teams, those that you mentor, or have influence over? Margaret Lee Insights from a Reluctant Leader

Featured Collection
Type & Typography

View Collection

Explore typographic culture and discover fonts for your next project with this collection of case studies, technical updates, and articles curated by the Google Fonts team.

Variable Fonts Are Here to Stay As variable fonts make their way into Google Fonts, learn what they are and their benefits for digital design–better compression for developers, greater expression for designers, and finer text typography for readers. Guide YouTube Sans: The Making of a Typeface How YouTube created a tailor-made font that doubles as a brand ambassador Case study Hot Type, Always Fresh Get to know how the Google Fonts API keeps your type up-to-date and increasingly efficient Editorial Modernizing Arabic Type for a Digital Audience Designers are finally doing justice to the complex, contextual alphabet with a fresh approach to Arabic fonts and digital typography Editorial The New Wave of Indian Type Studying the open source, collaborative work of Indian typographers, as a model for global font design Editorial Choosing Web Fonts: A Beginner’s Guide Take the mystery out of font selection with our step-by-step guidance Guide Spectral: A New Screen-First Typeface Production Type introduces their latest commission for Google Fonts Editorial Scripting Cyrillic Highlighting the design process behind expanded language support in Google Docs and Slides Case study Superfamilies Explore typefaces crafted to combine harmoniously, with this featured collection on Google Fonts open_in_new fonts.google.com ATypI 2017 Montréal Watch talks by leading thinkers and practitioners in type design including Paula Scher, Roger Black, Dan Rhatigan, and Santiago Orozco open_in_new www.youtube.com The Android Developer’s Guide to Better Typography Learn how to build an app with distinctive typography using Android Studio’s downloadable fonts feature open_in_new medium.com Space Mono s Retro-Future Voice The story behind a new monospaced typeface by Colophon Foundry for Google Fonts open_in_new medium.com Reimagining Google Fonts The new Google Fonts makes it easier than ever to browse our collection of open source designer fonts and learn more about the people who make them Announcement Discover Great Typography Find and test out free, open source web fonts from the Google Fonts catalog open_in_new fonts.google.com arrow_back arrow_forward Sprinting Ahead How Design Sprints became the way Google—and the world—creates Editorial Lessons from the Scariest Design Disaster in American History Designer and journalist Cliff Kuang shares an excerpt from “User Friendly” Op-Ed Google Design’s Best of 2020 A look back at the year’s most resilient design projects Editorial Our annual review looks back at the year’s most resilient projects—from earthquake alerts to variable fonts. Google Design Google Design’s Best of 2020 Souvlaki, Playful Puns, and Logging Off We ask Googlers what they’d pack in their virtual carry-ons to the destinations of their dreams Editorial Exploring Color on Google Maps How a minimalist approach unlocked our ability to create a more detailed representation of the world Editorial The most intimidating part of this is the weight to accurately represent people’s worlds. How do you do that well, and how do you do it globally? Dana Steffe Exploring Color on Google Maps Beneath the Surface Google Seed Studio shares the inspiration behind their latest creative direction Editorial

Newsfeed

More News 04/08/2021 Actions for solidarity For this post, we handed the keyboard over to UX Director and Google Design team lead Margaret Lee. Earlier this month, I shared my story on navigating the mismatch between personal upbringing and professional roles. What I didn’t share was the extent of the bias, sexism, and racism I’ve encountered throughout my life. I continue to be deeply angered by the shootings in Atlanta that left eight people dead, including six women of Asian descent—an inevitable crescendo to a year of mounting violence and hatred towards the Asian American, Pacific Islander, and Asian communities. I grieve and stand alongside them in solidarity and in the fight against racism and hatred. As Google’s Eva Tsai, Director, Marketing Analytics and Operations, shared in a recent essay for the Keyword: “Outrunning and dismissing injustice is no longer an option.” We cannot afford to be silent. We cannot not engage. Months ago, Google Design shared resources on designing for equity, and today I’d like to continue that conversation with resources focused on action. Our team has found agency in culling our respective feeds for ways to take action. Here, we’ve broken those into four parts: learn, practice, celebrate, and support. Our hope is that this collection of links gives each of us many ways to take a step forward—no matter where you’re at in this journey—and reach across cultures to hold up one another. —Margaret Lee, Director, UX Community & Culture   Start by learning and listening Listen in on an honest conversation between two Asian American designers on how they ve navigated their identities at work via So Where Are You From?Or this episode of Still Processing, where the hosts hand over their microphones to Asian American colleagues, friends and listeners to hear about their experiences with racismLearn the names of Asian women leaders that history books may have missed through the Instagram account @17.21womenWatch this PSA by Titania Tran, Jamon Sin, and Mimi Munoz and get comfortable with the question: “What will you say, when you can’t say you didn’t know?”Find out why our current definition of leadership doesn’t match the rallying cry for diversity, equity, and inclusion, from Google UX Director Margaret LeeSeek out personal experiences on racism and discrimination as an Asian American, like this reflection by Google Director Eva Tsai Practice being a better ally Think critically about stereotypes in design, and how to break themSign up for bystander intervention training through Hollaback! & Asian Americans Advancing Justice or learn de-escalation and Upstander strategies from the Center for Anti-Violence Education to respond to anti-Asian harassmentMake your allyship cross-cultural by learning about Black/Asian solidarities, past and presentReport incidents of anti-Asian violence to Stand Up Against Hatred and Stop AAPI HateFamiliarize yourself with the NYC Stop Asian Hate toolkitSupport the next generation of emerging BIPOC designers via Office Hours, a global mentoring series for creatives who identify as Black, Indigenous, and people of colorTake notes and implement tactics from Tatiana Mac’s talk: Building Socially-Inclusive Design Systems Celebrate AAPI+ creatives Pick up a copy of Banana magazine, the design-driven publication whose pages blur Eastern and Western boundaries to create a collective voice for contemporary Asian cultureDownload Source Han Serif, the open-source Pan-CJK typeface family from Adobe Type and Google Fonts that lets designers mix Chinese, Japanese, and Korean alphabets with ease (and style!)Hire talented individuals from the Asian & Pacific Islander Who Design directoryRead AAPI voices and add their books to your bookshelf or syllabi. We recommend Minor Feelings by Cathy Park Hong, The Making of Asian America: A History, Pachinko by Min Jin Lee, and Yolk by Mary H. K. Choi.Support creative Asian businesses and makers like Omsom, Wing On Wo & Co., Virginia Sin, Eny Lee Parker, Poketo, O-M Ceramics, and get to know the creators behind Create to Stop Hate, an AAPI Artists Auction. Lend your support 18MillionRising.org, working to activate Asian America through technology and popular cultureAAPI Community Fund, a campaign led by activist and cultural leaders issuing grants to trusted organizations working to rectify the racial inequalities in our societyAAPI Women Lead, an organization creating spaces for Asian & Pacific Islander women to tell their storiesAsian Americans Advancing Justice, an organization advocating for the civil and human rights of Asian AmericansAsian Americans for Equality, a NYC-based non-profit that advances racial, social and economic justice for Asian Americans and other systematically disadvantaged communitiesDear Asian Youth, a group of Asian youths striving to uplift marginalized communities through education, activism, and celebrationDonate directly to the families of victims of anti-Asian racism and violenceSave Our Chinatowns, a grassroots initiative passionate about supporting Chinatown communities in the Bay Area through art, conversation, and shared love of foodSomething else you d like us to include? Tweet us @googledesign.  12/14/2020 Celebrating the 2020 Material Design Award winners It’s time once again to celebrate the product teams who use ingenuity and creativity to bring Material to life. A big round of applause to Moooi, Epsy, and KAYAK! This year’s Material Design Award winners exemplify Material Design in action, and use the system as a flexible, customizable foundation for beautiful, usable experiences. Well done.Head over to the Material Design blog—ICYMI Material Design has a blog—for a deep dive on the winners. The three categories in this year’s competition included Material theming, dark theme, and Material motion. Each of the winning teams built on Material’s foundation to adapt to users’ needs, with accessibility at the forefront—no small feat. Learn how they created award-winning experiences, and get inspired to create your own: material.io/blog 07/27/2020 Actions for accessibility in design When it comes to tech, truth is, fair isn’t the default. But there are steps we can take collectively to make technology work better for everyone. Last weekend marked the 30th anniversary of the Americans with Disabilities Act (ADA) and to celebrate that landmark moment, I ve gathered resources to propel us to design for all, not just right now, but every day. There are over 1 billion individuals living with a form of disability (be it visual, hearing, motor, cognitive, or situational). Accessing the web via individualized keyboards, adaptive hardware, or alternative cues, this population isn’t always represented in our systems. Remote work presents even more possibilities for exclusion. As UXers, we’re in a position to make the platforms and products we work on more accessible. Browse these resources and let s take action in our designs:• Start with web updates: evaluate websites you manage for accessibility errors, increase color contrast if needed, and make sure all images include alt text (for more, see Material Design’s accessibility guide). For apps, use these accessibility scanners for Android and iOS.• Explore our series on designing for global accessibility, put together by UX Researchers Astrid Weber and Nithya Sambasivan. Part I: Awareness, Part II: Context, Part III: Inclusive Defaults.• Learn how to make your online meetings inclusive. Here’s how we’re leveraging tools for accessible remote learning at Google.• See what’s worked and what hasn’t: Interaction Designer Shabi Kashani recounts her trials and errors, and Jen Devins, Head of Accessibility UX at Google, shares how designing for accessibility can improve the whole system.• Connect with others online and spark conversation via Clarity Conference and NYC’s accessibility and inclusive design (currently virtual) meetup group.• Watch Crip Camp on Netflix to witness the power of a movement, and join one of Crip Impact s free weekly webinars.• And check in with yourself! Empathetically designing for others involves refining our own emotional intelligence. Try Dr. Marc Brackett’s RULER framework. • When you’re ready, take these steps to get your team to invest more in accessible design.I hope some of these links can help you! Share your favorite tips or any we ve missed at @googledesign—we love hearing from you.—Erin Kim, Social Media EditorReferences:Accessibility Scanner for Android (Google)Accessibility Scanner for iOS (Google)Blind Inclusivity Resources (Perkins)Color Contrast Analyzer (Paciello Group)Community & Accessibility Online: A Conversation with Chancey Fleet & Taeyoon Choi (Data & Society)COVID-19 is Reshaping the Future of Work for People with Disabilities (Source America)Cultivating Emotional Intelligence: Dr. Marc Brackett in conversation with Brené BrownDesigning for Global Accessibility by Google UXersFair is Not the Default: Why building inclusive tech takes more than good intentions (Google)Hosting Accessible Online Meetings (University of Washington)How People with Disabilities Use the Web (World Wide Web Consortium)How to make remote learning work for everyone (Google)How to make the case for accessibility on your team (Google)Material Design: Accessibility GuideWeb Accessibility Evaluation Tool (Google) 06/26/2020 Celebrating pride in design As Pride Month winds down, we’re keeping the celebration going by highlighting LGBTQ+ stories and communities to join in the months to come. At Google, the 2020 Pride Committee has committed to donating $2 million to organizations that work year-round to uplift and meet the needs of vulnerable LGBTQ+ communities; Read about the initiative, and get to know the global grantees. To shine light on the powerful history of the movement, we recommend beginning with an immersive tour of Stonewall Forever, a digital monument highlighting queer life before the riots (made in partnership with The LGBTQ+ Center). Familiarize yourself with leading activists, past and present; Netflix documentaries on trans representation and Marsha P. Johnson are good places to start. And walk through 6 moments in contemporary LGBTQ+ design history—from ‘40s queer zine culture to Monica Helms’ Transgender Pride flag in 1989. Or browse the pages of Queer x Design, which captures the signs, symbols, banners, posters and logos used by LGBT+ activists.Want to get more involved with the community today? Explore these groups supporting queer UXers working across design and technology: • Check out Queer Design Club’s robust chat space of almost 1,000 LGBTQ+ designers from around the world and the ever-expanding directory.• Join one of Out in Tech’s daily virtual events and see how the nonprofit creates opportunities for its 40k+ members, leveraging tech for social change.• Learn from Lesbians Who Tech, a cross-industry community of LGBTQ+ women, non-binary and trans individuals, and allies—Stacey Abrams, Elizabeth Warren, and Megan Rapinoe were some of their recent speakers!• AIGA NY and Queer Design Club are teaming up for an online conversation on the queer experience in design, discussing QDC’s first field-wide survey with vibrant LGBTQ+ creatives across disciplines.• Build skills and grow with TransTech, an incubator for LGBTQ+ professionals that focuses on economically empowering transgender and gender nonconforming individuals.• Listen in on June 30th as Queer Tech NYC spotlights work that’s been founded, coded, and developed by the LGBTQ+ community.• Join LGBTQ in Technology, a safe, confidential chat space with over 250 conversation channels, making sure no voice goes unheard.• Queer Tech Club is a monthly happy hour event for professionals in Chicago, now with virtual hangs you can join from anywhere! Their Slack community for LGBTQ+ folks and allies is a great additional resource.• The Trevor Project also offers resources to help allies be more supportive.Anything else you’d like to share? Give us a shout over at @googledesign. And Happy Pride! Want to stay up-to-date with Google Design?  Sign up for our Newsletter

The Latest

Last year, a few Google design teams turned to paper, creating & exploring WFH together, while apart. 👩‍💻🏡🧑‍💻📄👨‍💻💕 Type Directors Club has just selected the two publications, WFH Reader and Sensemaking 2020, as winners of their annual competition. Congrats, friends! "When we approached the design of the new Nest Hub, we wanted to give the product a lighter, more effortless aesthetic.” —Katie Morgenroth, Industrial Design, @GoogleNest. Hear from more designers on the thought behind color and construction. Space Grotesk? It s out of this world. 🚀 Originally designed by @Florian_Karsten, the proportional sans-serif typeface variant is based on @ColophonFoundry’s fixed-width Space Mono family. Now live on Google Fonts. “Any new design must be weighed against its impact on the environment and human equity as much as its own purpose or practicality.“ Ditto that, @FastCompany. Thanks for including us. #FCMostInnovative We can always ask ourselves: Who else? 👤 Get to know Google s Head of Product Inclusion @its_me_AJB and her best practices in product design with her new book. 💼🦾 Are you an advocate for accessibility-focused design? We’re hiring Sr. Interaction Designers in Accessibility. Apply for open roles in Mountain View, New York City & Seattle. Learn about Google’s 4 #UX principles for digital wellbeing on @MaterialDesign s blog. 💼✨ Help make our products more beautiful and accessible as a @Google Visual Designer. Open roles in San Francisco, San Bruno, & Mountain View. Friends! Follow us over on IG @googledesign for more of everything you love. 💚 We’ve got lots to share. arrow_back arrow_forward More Human Ambiance in Ambient Computing How to make ambient computing work—for people Op-Ed Variable Fonts Are Here to Stay As variable fonts make their way into Google Fonts, learn what they are and their benefits for digital design–better compression for developers, greater expression for designers, and finer text typography for readers. Guide Here, There, and Everywhere From basements to highrises, folding tables to gaming chairs, familial officemates to curious cat colleagues, six Googlers share their makeshift, out-of-office workstations Editorial “My cat Niku has met most of my colleagues, as he is usually on my desk, if not on my lap, and likes to jump in on my meetings.” Jennifer Wang Here, There, and Everywhere Absolutely FAB How the Floating Action Button became a Material Design icon Editorial “That thinking started to evolve towards the Floating Action Button—or FAB—which would be the most important action within an interface pulled out from the action bar. It could be a hallmark of the app, a hallmark of the brand, and very easy for the user to know they would always be doing the right thing.” Bethany Fong Absolutely FAB
Google Design

Google Design is a cooperative effort led by a group of designers, writers, and developers at Google. We work across teams to publish original content, produce events, and foster creative and educational partnerships that advance design and technology.

Discover
The Keyword Material Design Google
Connect
Newsletters Twitter Instagram Facebook Medium YouTube Dribbble Privacy & Terms
Posted 28 Comments