Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Material Design

material.io

Post reply on HN
Print view View original

61–65 of 65 posts

Re: Material Design

#61

Post by mcv »

desuvader wrote: post #36
drusepth wrote: post #31

For being a site about design, I absolutely hate the monospace font they've chosen here; it really wrecks the design as a whole and disrupts the clean and simple paradigms MD shoots for. I love material design (and use it in the majority of my products e.g. [1]), but their existing docs[2] look so much better than this new site. [1] http://www.notebook.ai/ [2] https://material.google.com/

I actually like the monospaced font. Maybe it's an unpopular view, but it has really grown on me. Here is another one: https://design.google.com/

It can work, but it's not exactly a universal solution. For a site that tries to sell this as a design that should be a good basis for everybody, it's not.

Re: Material Design

#62

Post by felipeerias »

Klathmon wrote: post #14
mi100hael wrote: post #5

Maybe I'm missing something, but I just don't get MD. * The name: What do a bunch of geometric, flat-looking, solid colors have anything to do with "materials." "Material Design" always makes me think the direct opposite: skeuomorphism. * The look: It goes way past "clean" and "elegant" into "bland" and "childish." I don't want a bunch of tiny buttons with indecipherable icons and pastel colors. I want well-organized…

WRT the name, Material design is (very loosely) "Skeuomorphism in behavior, not in look". The idea is that things should act like their physical counterparts where it makes sense. So when you slide a drawer in from the left, it should cast a shadow on something below it, it should slide over-top of things. Things should always "come from" somewhere, instead of just fading in and out. They should have a "home", and th…

"Skeuomorphism with sheets of paper".

Re: Material Design

#63

Post by wuhrghuiwhui »

bad_user wrote: post #13
mi100hael wrote: post #5

Maybe I'm missing something, but I just don't get MD. * The name: What do a bunch of geometric, flat-looking, solid colors have anything to do with "materials." "Material Design" always makes me think the direct opposite: skeuomorphism. * The look: It goes way past "clean" and "elegant" into "bland" and "childish." I don't want a bunch of tiny buttons with indecipherable icons and pastel colors. I want well-organized…

Material Design, contrary to the one you see in iOS or in Windows phone, isn't totally flat. The difference is that objects, such as popups and buttons, have shadows. Also my main gripe with other flat designs is that it is now hard to see what things can be clicked, because now all of a sudden things are flat without a 3D hint, never-mind the tactile feel you'd get with real objects. But MD compensates not only with…

"my main gripe with other flat designs is that it is now hard to see what things can be clicked"

everything on the screen can be interacted with these days, so adding hints is pointless

Re: Material Design

#64

Post by mikeleeorg »

wuhrghuiwhui wrote: post #63
bad_user wrote: post #13

Earlier quoted context omitted.

Material Design, contrary to the one you see in iOS or in Windows phone, isn't totally flat. The difference is that objects, such as popups and buttons, have shadows. Also my main gripe with other flat designs is that it is now hard to see what things can be clicked, because now all of a sudden things are flat without a 3D hint, never-mind the tactile feel you'd get with real objects. But MD compensates not only with…

"my main gripe with other flat designs is that it is now hard to see what things can be clicked" everything on the screen can be interacted with these days, so adding hints is pointless

I would argue that many apps/sites don't have UIs where everything can be interacted with these days, and therefore hints are very important.

Re: Material Design

#65

Post by idid »

davnicwil wrote: post #10

Buried in there is a tool for a quick view of any site across laptop, tablet and smartphone form factors: http://material.io/resizer/ I've never seen this tool before and don't know if it's new with this site, but it is amazing and I'll be using it a lot from now on! Edit: Thanks for the references to the browser dev tools, which clearly are more appropriate for development - I intended rather more emphasis on the qu…

And, guess what, it works with http://localhost:* too! It's brilliant. Thanks for the tip. As mentioned previously, I think it's super nice non-development related tool.
Post reply on HN