Don't know if you are aware of this bootstrap material design/paper theme: <a href="http://bootswatch.com/paper" rel="nofollow">http://bootswatch.com/paper</a><p>I personally think it matches the Google's implementation a little better, but that isn't to take away from the great work you've done.<p>One thing I noticed off the bat, is that the buttons have a shadow on them by default, not just on hover. And the click animations are slightly better.<p>But again, great work to you.
So "Material Design" is "Flat Design" with shadows?<p>I'm not sure I can quite get used to this particular theme at all. The colors are pretty gaudy, the main action buttons (brown and purple) particularly are almost unreadable to me. I couldn't find the input boxes at all even though they had a header, they just parse as horizontal rules rather than something I can click on an add text. I respect the effort that has gone into creating this, but on a fundamental level I don't feel this is a good step in interface design.
I can't quite place it, but there's something about it that doesn't feel so "material"... the effects are over-used, like combining the hover effects with the click effects with shadows. It gets hard to follow what interactions are really happening.<p>This is a good start and could be really great, but it but needs some refining before it can be considered a true implementation of Material Design.
Material design isn't very suitable for the desktop web... and I'm not even sure it will work on mobile but let's hope it will.<p>Firstly, it's too constraining, too specific, this style could get pretty boring and bland if every app uses it. And for lots of apps (and majority of webs), different spacing, structure, etc. is optimal – forcing them to use a different spacing would lead to worsened usability and ugliness.<p>Secondly, the animations can get annoying and distracting quickly.
Does anybody have any examples of actual websites being built using material design? I know Google has a bunch, and there are websites like this, but when I was thinking of a design for a website a few weeks ago, I couldn't find any good examples of a website using material design -- they were all apps, which my website was not.
It seems to be pretty much completely broken in chrome on a nexus 7. Animations either don't fire or run at about 2fps.<p>For comparison, all the polymer demos for material design run buttery smooth.
Certain elements work very well with Material Design, but one thing that is not working for the web are input fields and text areas. I tried it out for one of my projects and I didn't like it at all. It's very counter intuitive and text areas are a pain if you want users to be able to write more then 3 lines...
Hmm. Overall I like it, but I have some gripes:<p>- The inputs don't look like inputs.<p>- The animations on the navbars are really strange.<p>- The breadcrumbs are really out of place.<p>- So are the labels and panels. The colors are entirely
wrong.<p>- Selects look weird.<p>- The contrast on the buttons at the top is atrocious. If I
turn down my brightness I can't read the button text.<p>Other than that, it looks good.
Google still hasn't released updated Roboto font on Google Fonts yet.
<a href="https://twitter.com/addyosmani/status/492367467176792064" rel="nofollow">https://twitter.com/addyosmani/status/492367467176792064</a>
I thought the point of material design was to push polymer, and try and get people into web components?<p>If it can be boiled down to just another bootstrap theme, then it's pointless.
It acts really weird on mobile.<p>On windows phone 8, it has an odd button highlighting deal, and on iOS 8 there is an uncomfortable 800 or so millisecond delay.
Am I the only one who's disappointed by Google's UI library chops? How can they think it is sensible to release a UI design without having concrete, usable implementations in all the major UI frontends, including bootstrap, out of the box?<p>The fact that someone outside of Google had to build this makes it look like Google's design guys have no credibility inside of Google, and are ignored by other Google devs.
Original Google's inspiration for reference:<p><a href="http://metroui.org.ua/" rel="nofollow">http://metroui.org.ua/</a><p><a href="http://aozora.github.io/bootmetro/docs/docs-index.html" rel="nofollow">http://aozora.github.io/bootmetro/docs/docs-index.html</a>