I am really happy to see such positive feedbacks. It was really cool working on it.
Some may not agree on the style, but they can't say that the design isn't thoroughly thought out and extremely well documented.
I love it. Great work and congrats!
Fantastic documentation. This is great for Google, and for designers as a whole.
Be proud Jean-Marc!
I was so excited to see the direction of android material. I've been expecting google's android team to head into that direction of cross platform design but wasnt sure when. Great work, if you need a mentee on the team let me know. (;
Amazing, coherent work. Everyone on the team should be proud!
I want to work on it too! How do I join up?
I still love this direction. And it's great to see it rolling out across all platforms.
I interned at an agency last summer doing work for Google. We worked with a Google team on a code-named design direction that looked very similar to Material Design.
I'm glad to see how it evolved and that it gets to see the light of day. I'm starting at M.V. in a few weeks, maybe I'll see you around!
Really happy to see the 'polish' in Google's unified design language. Very well-documented. Looking forward to working within these parameters.
One of the most coherent and imaginative design systems I've seen. Google just edged out Apple in a big way.
I think so too. Look at Apple's animation documentation. For an OS that is heavy with animations, it's like they didn't even try. https://developer.apple.com/library/ios/documentation/general/conceptual/Devpedia-CocoaApp/Animation.html
Apple's docs are for engineers; designers should already know how to do their jobs.
So design trends never change, or no designer should use guidelines and samples provided by the platform producer to create experiences consistent with the system where they intend deploy their apps?
....I thought it was /sarc but I'll reply anyways.
What if you're a small dev team without a designer? What if you'e a web designer wanting to get into mobile design? Designing for mobile is a different beast and having these subtle design patterns documented is helpful.
Your comment will just make every post/ talk/tutorial/course/ book about design and technology unnecessary since "designers should already know how to do their jobs", right? We just happen to know it all somehow.
Sounds like you're angry. Guidelines are there to set standards to keep system defaults, and to maintain a certain level of quality for all apps as a minimum to strive for that enhances the user experience. Designers certainly know these styles or at least most of them. Things change and guidelines help keep those standards in place for all. In your thinking... engineers should already know this as well.
I think we'll start to see more and more apps (mobile and web) use the floating circle buttons. They seem to be cropping up all over Google's examples.
I just launched a build that includes a "hanging button" just like this, so that makes me feel pretty sweet.
Yes, one can definitely see the pattern there, but they don't really say what are the use cases for that circular button or when should/could it be used. Or do they? I am curious of how they decided it was a good design pattern to go with.
EDIT: I found this video snippet which explains "the FAB button"
Light years ahead of Apple in UI now.
It seems like the best improvement on UI this year at Apple was "the awesome blurred background", and that was it. I have never understand why people clap so much at so little at Apple conferences. Comment written from a Mackbook.
I love those little things
I just wish that the hamburger didn't rotate and maybe just folded into an arrow, it looks a bit funky now!
If that rotation takes place as an off-canvas tray slides in from the left, it would look prettttty dang slick, like the rotation is what is physically cranking out that tray.
Remember when people said that "Google is getting better at what Apple does faster than Apple can get better at what Google does"? This seems like the result of that change. My heart wants Apple to win, but my eyes… they're feeling convinced.
That quote is so true. I'm loving Google/Android's direction right now. This is why competition is great for users. Both companies are creating some incredible experiences.
| This is why competition is great for users. Both companies are creating some incredible experiences.
1000x this. I know a lot of people who are completely fanboy blind when it comes to different platforms, they're missing out on so much.
Nice animation presentation section, but they still suck at general timing principles. Many of the animation terms are pretty weak too.
I love that the files provided in the new design guidelines are for Illustrator, and all the values presented are for Illustrator styles (such as dropshadows).
I'm gonna be that guy and point out how much shit I get here every time I say Illustrator is 1000x superior to Photoshop for UI design. I guess Google agrees!
I am a Illustrator over Photoshop guy through and through - awesome catch and awesome resources for the Illustrator people!
Yeah, the sheer amount of resources they offered up right away is incredible. No need for UI kits when it's already provided. Super pumped to play around with them more.
Supporting that Illustrator love! The UI kits here are just fantastic.
I'm not surprised they prefer Illustrator over PS - speed, vector-first, multiple artboards.
Yeah but you should see how angry people get when I suggest Photoshop is worse than Illustrator at such things.
They all begin ranting about how the designer matters more than the tool, and anyone can design UIs out of twigs if need be (well that's the result of their logic at least).
Moar lines and circles!
This is a great update, but a lot of the design guidelines are poorly thought out. Seems like Google had the perfect opportunity to learn from Apple's mistakes with iOS7. Instead, they further emphasized Apple's shortcomings.
don't make buttons clearly distinguishable? gj google...
dude, that's taken so out of context. they're explaining to use this style as the lowest level of button hierarchy.
floating action button -> raised button -> flat button http://www.google.com/design/spec/components/buttons.html#buttons-main-buttons
The purpose of a button is to trigger an action, which needs to be easily distinguishable from non actionable elements. It doesn't matter if this button is the last in the button hierarchy, if there is no visual difference between a string of text and a button, it will cause user confusion.
Really liked how they documented animation. http://www.google.com/design/spec/animation/authentic-motion.html#
Yeah. Animation is really cool, but I'm not sure I like "color" section that much. ( http://www.google.com/design/spec/style/color.html#color-themes )
I feel like there's a lot of wordy nonsense in there, but that said, this is nothing short of amazing. The level of depth and consideration that went into this is incredible. Good job, Google.
This is great and I love how they've built all the various parts of the UI as web components so that web apps can take advantage of them.
That said, what % of Android phones are realistically going to be running this even a year from now?
I guess many, since with compat libraries, you can give all new look and feel to your app, and support android since 2.2+
And launchers will get the system UI part, only the base apps will remain with the old look and feel...
this isnt android. this is google. the initiative stretches across web, android and ios.
Too much After Effects. Not enough demos.
Bye Bye Signal bars? Funny, I was able to find this in only one screenshot so far:
Funny that they don't document where to put Google Ads.
I found the Google design specs to be insightful and surprisingly entertaining.
This one was my favorite:
Do not over cardify
The motion really reminds me of some great stuff found at Easings.net
This is so f**king beautiful it brings a tear to my eye. Awesome work.
In terms of documentation, I personally think that this is fantastic. Does anyone of you know of a service that does this kind/scale of documentation?
ANDROID FTW! =))
Some of the colors and icons (triangle, circle, square?) strike me as infantile but it's a very strong introduction that I'm excited to see evolve and mature.