it's not that bad. but I find the non-flat giant diamond icon rather ironic. :)
Flat UI: Free Web User Interface Kit
161–170 of 201 posts
Re: Flat UI: Free Web User Interface Kit
#162Earlier quoted context omitted.
Why the ad-hominem? How about trying some civilised discussion? > I think what you're missing is that the flat design principles relying on crafty use of shading and visual hierarchy to structure elements. And what you are missing is that obviously the shading was NOT used in this UI examples. As for the faux-leather stitching etc, this has been discussed to death. Those use of this kind of ornaments depend on the de…
> And to clear another misconception some people have, faux leather stitchings have nothing to do with "skeuomorphism". To test my conceptions (which very well may be mis-): That is, "unless you're interacting with the UI element as if it were stitches", yes?
Yes, that is correct: "Unless you're interacting with the UI element as if it were stitches" -- or cloth.
Re: Flat UI: Free Web User Interface Kit
#163I've actually had a project in mind for a while now that this is perfect for. Cool beans.
Re: Flat UI: Free Web User Interface Kit
#164Text boxes don't look like text boxes. Buttons don't look like buttons. Checked toggles might be easily confused with unchecked. Toggles also look like something you should drag, but do nothing unless you click them. Unchecked check-boxes look like oversized bullets from a bullet list.
Moreover, most controls are not semantic and simply stop working if you disable JavaScript. (And no, I don't care whether you consider this issue relevant or not. Users of text browsers, screen-readers, some mobile browsers and people with JS blockers will consider it relevant.)
Moreover #2, these controls don't blend in with text at all. They will distract users from actual website content.
Re: Flat UI: Free Web User Interface Kit
#165Here's a great article that discusses the 'Metro', or 'Flat' design pattern that is now gracing the shores of many new up and coming projects and websites → http://sachagreif.com/the-flat-sink/
Re: Flat UI: Free Web User Interface Kit
#166I 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.
It gets worse on something like Windows 8's Metro where you get to see like 20 different square blocks, each with a different color, that may update all the time too. Try not to get a brain seizure from that.
Actually, Metro works much better because everything is clickable. Every block has an action. UI kits like this are considerably less intuitive.
Re: Flat UI: Free Web User Interface Kit
#167I can't believe people even mention Josef Muller Brockmann to compare this UI kit with something like Minimalism. People at Designmodo are telling you to "...better to use different shades of provided colors than new." This is not a flat design guide, this is not minimalism. This is fashion trend. This is dogma.
And as designers we shouldn't be following trends so easily, so blindly. We have the knowledge to create interfaces that work. We don't need pre-baked buttons and colors.
Shame on us.
Re: Flat UI: Free Web User Interface Kit
#168Earlier quoted context omitted.
I like the flat button a lot more.
Good for you but understandable user interfaces are (and should be) higher priority than prettiness; the "warning button" looks like a warning message for me. But of course there are alternatives for visual clues that still look flat-ish: http://i.imgur.com/jXN2tpe.jpg
It only takes mousing over the button to get an indicator that it can be interacted with. That combined with placement should be sufficient to communicate purpose.
Re: Flat UI: Free Web User Interface Kit
#169Earlier quoted context omitted.
Good for you but understandable user interfaces are (and should be) higher priority than prettiness; the "warning button" looks like a warning message for me. But of course there are alternatives for visual clues that still look flat-ish: http://i.imgur.com/jXN2tpe.jpg
I have to admit, I like the flat button also but I appreciate you mocking up different versions. I dont think that a button needs to be raised to make people think they can press it. Look at the iOS settings page as an example. These buttons are completely flat. http://cl.ly/image/2j2m3I2R2x1z
Those aren't buttons.
Re: Flat UI: Free Web User Interface Kit
#170No clear link to the normal github page was a bit frustrating.