Live data from Hacker News

Flat UI: Free Web User Interface Kit

designmodo.github.com

91–100 of 201 posts

Re: Flat UI: Free Web User Interface Kit

#91
post #79
post #28

If I saw the unchecked checkbox without a nearby checked one for comparison, I don't think I would know what it is. The solid fill strays a little too much from the paradigm. Other than that, beautiful design.

Agreed. Perhaps replace the unchecked box with the current disabled checked, then use a darker center to signify "disabled".

Or, for consistency it could have the gray border and white fill like the unselected radio button. (Every designer's dream - unsolicited design by committee. Yay!)

Re: Flat UI: Free Web User Interface Kit

#92
post #89
post #59

I love the work that was put into this and there are some elements that I think are done extremely well and stand on their own...but after seeing a page where everything is flat, I've totally joined the non-flat side of the debate, due to the confusion/ambiguity of the interface...the buttons were especially jarring for me.

Jarring? Really? Anyways. I think what you're missing is that the flat design principles relying on crafty use of shading and visual hierarchy to structure elements. What I do like about the flat style is that it removes all the visual noise. Were you looking for some faux-leather stitching or something? Maybe a nice, literal notepad theme?

No, what was jarring was how the elements were under the heading "Buttons," and so my eyes and brain were fighting each other over what to really think. Having to do that with every possible element on a page seems like more work than it needs to be.

Some of the other elements were easier to interpret, such as the movie UI, because icons in the conventional-nav-control are obviously buttons of some type.

Re: Flat UI: Free Web User Interface Kit

#93
post #59

I love the work that was put into this and there are some elements that I think are done extremely well and stand on their own...but after seeing a page where everything is flat, I've totally joined the non-flat side of the debate, due to the confusion/ambiguity of the interface...the buttons were especially jarring for me.

You typically won't see so many UI controls on one page without content to balance it.

Re: Flat UI: Free Web User Interface Kit

#94
post #89
post #59

I love the work that was put into this and there are some elements that I think are done extremely well and stand on their own...but after seeing a page where everything is flat, I've totally joined the non-flat side of the debate, due to the confusion/ambiguity of the interface...the buttons were especially jarring for me.

Jarring? Really? Anyways. I think what you're missing is that the flat design principles relying on crafty use of shading and visual hierarchy to structure elements. What I do like about the flat style is that it removes all the visual noise. Were you looking for some faux-leather stitching or something? Maybe a nice, literal notepad theme?

Simply disliking the lack of depth in this UI does not imply that he thinks leather stitching would be a better alternative. There is something inherently enjoyable about clicking a button with a bit of depth, even if that depth is subtle. The flat UI perspective often removes that emotional touch. Several prominent designers (@kerem and @craigmod, to name two) have emoted that adding a bit of depth to a button makes clicking it more satisfying. We are in the design business, but that involves making things more than pretty and trendy. Flat design does look beautiful, but there is a growing consensus that in many cases it also removes a bit of soul and energy from a design.

Re: Flat UI: Free Web User Interface Kit

#95
I'm confused as to why people seem to think that only designs featuring large blocks of color and strong accents qualify as "flat UI". What is this 'style' a reaction to? Gradients? Drop shadows? What for? Does anyone really think that employing this aesthetic will free them from some perceived constraints imposed by current fashion? Does anyone think that the elimination of drop shadows will free the user to think about computing in more abstract, powerful terms?

Look around the web, and it is apparent that "flat ui" is already the standard. Indeed, I find it difficult to find many popular sites that makes heavy use of drop shadows and gradients to simulate light. Why is this single aesthetic now being heralded as the way forward while computing has been predominantly "flat" for most of its history?

I think people tend to forget that exercises in style ( such as this ) don't necessarily equate to design. The choices made in any given design must consider content and audience. Anything else becomes decoration, not design.

Re: Flat UI: Free Web User Interface Kit

#97
post #95

I'm confused as to why people seem to think that only designs featuring large blocks of color and strong accents qualify as "flat UI". What is this 'style' a reaction to? Gradients? Drop shadows? What for? Does anyone really think that employing this aesthetic will free them from some perceived constraints imposed by current fashion? Does anyone think that the elimination of drop shadows will free the user to think a…

You used a lot of words to make strawman arguments, gave anecdotal evidence, then berated the same strawman, but really said nothing at all.

This is data dump, much like how there are data dumps of CSS styles, gradient buttons, and WordPress themes all over the internets. People use it if they want to, or not.

Re: Flat UI: Free Web User Interface Kit

#98
post #95

I'm confused as to why people seem to think that only designs featuring large blocks of color and strong accents qualify as "flat UI". What is this 'style' a reaction to? Gradients? Drop shadows? What for? Does anyone really think that employing this aesthetic will free them from some perceived constraints imposed by current fashion? Does anyone think that the elimination of drop shadows will free the user to think a…

> I'm confused as to why people seem to think that only designs featuring large blocks of color and strong accents qualify as "flat UI". What is this 'style' a reaction to? Gradients? Drop shadows? What for? Does anyone really think that employing this aesthetic will free them from some perceived constraints imposed by current fashion? Does anyone think that the elimination of drop shadows will free the user to think about computing in more abstract, powerful terms?

I think you might be over-thinking things. Personally, I like it because I think it looks nice.

Like all design trends it will eventually go out of fashion, be rediscovered and then go out of fashion again, and so the cycle continues.

> Look around the web, and it is apparent that "flat ui" is already the standard.

The web has certainly been moving in this direction for a couple of years. Go back 4-5 years though and you'd see plenty of drop shadows, gradients, wood grain backgrounds etc.

Re: Flat UI: Free Web User Interface Kit

#99

While very pretty, these controls make me feel like an old person who is learning how to use a computer for the first time. I have no idea how anything will respond if I click on it. It's a bit unnerving, but helps me empathize with first-time computer users.

I agree with the usability; in terms of aesthetics, it also simply feels heavy-handed. I don't know where to look, or where to click, because there's simply no nuance -- it's all big boring blocks of colors. It's the opposite of delightful.

Just goes to show how subjective design is. I feel the exact opposite way on all counts. I find this trend to be refreshing and utterly delightful :)
Post reply on HN