Making Material You: Personal

Google Design2023-05-04

material#design#google#designers#form

25K views|1 years ago

💫 Short Summary

The Material You design process focuses on personalized color preferences, with designers creating 60 tailored options based on user-selected images. Accessibility and contrast are prioritized, with slight adjustments made to colors associated with actions. The goal is to provide a unique and tailored design experience for each user.

✨ Highlights

📊 Transcript

✦

Material You design process focuses on individual color preferences.

02:14

Designers handpick tones and adjust shades for a cohesive screen experience.

Colors are tailored based on user-selected images, offering 60 options.

Accessibility and contrast are ensured for all color choices.

Personalized color sets cater to individual preferences and styles, creating a unique design experience.

00:00- [Narrator] When we started designing Material You,

00:02we all wanted to pick that perfect new set of colors.

00:05Depending on who you asked,

00:07the right palette might be vibrant or calm or high contrast

00:12or something else entirely.

00:14When it came time to pick one, of course,

00:17none of us agreed because color is personal.

00:24That's when we started asking,

00:27"Why design as if everyone sees color the same way?"

00:31When we're designing new screens,

00:33we handpick tones and play with each shade,

00:37nudging the values until everything feels right.

00:40Maybe it's cheating a little.

00:42Really, designers do it all the time.

00:44It's a way to make everything come together

00:47so that it's just right for that screen.

00:51It's kinda like tailoring,

00:57but we can't ship a designer with every phone.

01:01Or can we?

01:04We start with an image that you love,

01:06the kind you choose for your home screen.

01:09From the image, one color gets picked,

01:13and from that color, four more are generated.

01:18The first color becomes the basis

01:20for a full pallet of complimentary and contrasting tones.

01:2360 in total.

01:25Those can be used anywhere

01:28because the two tones that get paired together

01:30ensure accessible color

01:31and contrast no matter what color you start from.

01:35We also had to figure out how to keep certain colors

01:38consistent, colors a designer might apply

01:40because they're associated with specific ideas.

01:43Like red to mean record or green for answering a call.

01:47Those get a small nudge

01:48so designers can preserve the functional values of color.

01:52So that problem picking one perfect color?

01:56Turns out it was the start of a new kind of challenge.

02:00A challenge to give everyone the colors they want,

02:03not just the colors our design team likes.

02:07And to do that,

02:09colors had to be designed

02:10as a set of relationships so that everyone's colors

02:14and preferences and style start to feel personally tailored.

02:20Tailored to you because it's made by you.

🎥 Related Videos

What vaccinating vampire bats can teach us about pandemics | Daniel Streicker

a16z Podcast | Things Come Together -- Truths about Tech in Africa

2024 TSCRS Applications of anterior segments diagnostic instruments in cataract surgery

a16z Podcast | The Infrastructure of Total Health

The Robot Lawyer Resistance with Joshua Browder of DoNotPay

NES Controllers Explained

🔥 Recently Summarized Examples

Uncovering Corruption From Health "Experts" | Scott Carney

The Forgotten Geometry: A New Path to Unification

Bitcoin Holders...Watch Out for Sept

View original video