I’m creating a website with a flat ui and i’m a little stuck on which colors to use, also where to get those colors from. I’ve used adobe kuler but i’m looking for other colors to use. Which colors would go well with this type of design, or whats a good way to get flat ui colors?http://reallycoolstuff.net/PROJECTS/Unica/
@Jarolin This thing people are calling “Flat Design” has been around for as long as I can remember. Only now that Microsoft has released Windows 8 (“Metro UI”) and Windows Phone UI has it evolved into a trend.
It’s still unfortuante for those in the web community that follow these “trends”.
@chrisburton I think flat design is more about the simplicity and positioning of ui elements than just flat colors themselves. Simple and clean design has only begun to emerge. It’s not only the colors, if anything it’s barely the colors. What all “flat designs” have in common is that they are aligned perfectly in an orderly manner and don’t have more than the necessary content. Microsoft and other companies have just begun to use flat design. Even apple is planning on replacing the IOS interface with a flat design. So it couldn’t have been around for that long.
I’m on my phone right now therefore I can’t really write what all I’d like to say.
> I think flat design is more about the simplicity and positioning of ui elements than just flat colors themselves.
Positioning has nothing to do with Flat Design. I think you’re confused so I’d strongly recommend to do some research. As far as “flat colors”, you might be thinking of “matte” which is flat. Try searching for that.
> Simple and clean design has only begun to emerge.
Yeah, rapidly. But that doesn’t mean no one has been doing this to begin with. Perhaps people are finally realizing that all that junk (graphics, gradients, 3D effects, etc) they were adding to their site really had no benefit.
> What all “flat designs” have in common is that they are aligned perfectly in an orderly manner
Huh? Are you thinking of the Windows UI (“Metro UI”) again? It honestly has nothing to do with Flat Design.
> and don’t have more than the necessary content.
Not sure what you’re talking about here.
> Microsoft and other companies have just begun to use flat design. Even apple is planning on replacing the IOS interface with a flat design.
I’m not following your point. Elaborate?
> So it couldn’t have been around for that long.
Hmm. I wasn’t aware that Microsoft and Apple are the sole innovators for trends on digital platforms.
To conclude, I’ll reiterate with the fact that you have a misconception of what Flat Design is. While you believe it to be the “Metro UI”, it’s just not true. In part of what you stated, you’re right. Flat Design is simplicity.
@Jarolin @AlenAbdula Updated my post above: http://css-tricks.com/forums/discussion/comment/105020/#Comment_105020
> Flat design has been around since 1920’s
Well, I can’t talk about that as I honestly am not familiar with the full history of graphic design. But as far as digital platforms, I would say it’s becoming a trend. Yes, I admit I was initially wrong. But for some of us, we’ve been using this thing called “Flat Design” for a long time. Since Microsoft completely revamped its UI, it started becoming a trend for many big companies and designers. Who would have thought Microsoft would have set a design trend?
Here’s a historical perspective from effectiveui.com: http://www.effectiveui.com/blog/2013/04/26/an-historical-perspective-of-flat-versus-rich-usability-design/
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".