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

Flat UI: Free Web User Interface Kit

designmodo.github.com

Post reply on HN
Print view View original

11–20 of 201 posts

Re: Flat UI: Free Web User Interface Kit

#12

Post by swalling »

This is particularly interesting in the context of the widespread accusation that flat UIs tend to have worse discoverability (example: http://www.nngroup.com/articles/windows-8-disappointing-usab...). If you inspect the key navigational and menu elements, they did a pretty nice job making it visually obvious (with hover states, borders, shapes etc.) what kind of functionality those flat blobs of color offer. ;)

Re: Flat UI: Free Web User Interface Kit

#16

Post by TheBiv »

andrewmunsell wrote: post #15
TheBiv wrote: post #13

I really love the flat design trend. Does anyone know of any good photoshop/illustrator tutorials that teach this new trend?

Choose some nice colors, and avoid layer styles entirely ;)

:) true, but I always tend to learn from the way people work going from nothing to a finished something (even if it's small). Maybe I'm thinking about it too much and I just need to do it!

Re: Flat UI: Free Web User Interface Kit

#17

Post by winkerVSbecks »

Really beautiful design. However, I'm not really sure what this is trying to be. Is it a fork of Bootstrap or do they see themselves as a separate entity. Because if this is indeed a fork of Bootstrap I do have a few grievances:

- Why are there no fixed to top navbars? - What about lists or stacked navs? - I don't see any responsive behaviour - It seems to be missing almost all of js from Bootstrap and doesn't have equivalent implementations in most cases. - Hover based dropdown menu is a bit irritating, much rather have click based events. But that's a personal preference.

On the whole it's beautifully designed but it's missing so much in comparison to Bootstrap that it becomes useless for building apps.

Also, maybe mention Bootstrap somewhere on the page.

Re: Flat UI: Free Web User Interface Kit

#19

Post by MonsterCritic »

eridius wrote: post #9

Very neat. Couple of nitpicks with the toggle controls though. The animation looks kind of weird here. Instead of sliding the visible "knob" from one end to the other, it animates the "knob" entirely away and brings in a second "knob" that represents the other state. This feels extremely bizarre to me. Also, double-clicking a toggle control selects part of the page.

We will fix it soon. Thanks for the comment!
Post reply on HN