TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Flat UI Colors

145 pointsby brescover 10 years ago

20 comments

davidwover 10 years ago
You guys just aren&#x27;t old enough to remember twm, the original flat design.<p><a href="http://upload.wikimedia.org/wikipedia/commons/6/67/Twm.PNG" rel="nofollow">http:&#x2F;&#x2F;upload.wikimedia.org&#x2F;wikipedia&#x2F;commons&#x2F;6&#x2F;67&#x2F;Twm.PNG</a>
评论 #8487266 未加载
评论 #8487241 未加载
评论 #8489031 未加载
评论 #8487253 未加载
评论 #8491980 未加载
评论 #8488152 未加载
评论 #8487198 未加载
评论 #8487189 未加载
afandianover 10 years ago
I find the current trendy &#x27;flat&#x27; UI pastel-y colours, honestly, disgusting. Design is a matter of taste, and there&#x27;s no accounting for other peoples&#x27; taste, but I am genuinely baffled about how anyone could like them.<p>Obviously <i>someone</i> does.<p>I wonder whether this is because flat design does away with all the helpful instinctive visual cues that were developed over the last decades (e.g. shadows, faux-3d borders etc) and needs to find new colours because there&#x27;s no other way of expressing relationships?<p>Is it the case that designers have been forced to come up with &#x27;more&#x27; colours under duress because of this, and have to try out new colours? Or is it that people genuinely like them? Or does &#x27;like&#x27; not come into it? Or is there just one very influential designer at e.g. Google who has a different aesthetic to me?<p><i></i>EDIT<i></i>: I&#x27;m commenting on the colours on the page linked to this discussion. Not colours in general.
评论 #8487252 未加载
评论 #8487910 未加载
评论 #8488117 未加载
评论 #8487905 未加载
评论 #8487932 未加载
评论 #8487321 未加载
tompover 10 years ago
It looks like UI design is becoming like fashion; you need to completely revamp your visual presentation every few years, unless you want to look ancient. Personally, I much prefer OSX and iOS before it became flat - I understand why Google jumped on the FlatUI bandwagon (to differentiate themselves from Apple), but I really don&#x27;t understand why Apple did too - do this people <i>really</i> think that there 5 year old&#x27;s drawings are the height of visual experience?
评论 #8487174 未加载
评论 #8487431 未加载
评论 #8487151 未加载
评论 #8487184 未加载
评论 #8487182 未加载
评论 #8487147 未加载
评论 #8487154 未加载
评论 #8487450 未加载
评论 #8489960 未加载
评论 #8487308 未加载
评论 #8487767 未加载
评论 #8487286 未加载
评论 #8487208 未加载
sspiffover 10 years ago
Kind of annoying every tile becomes a Flash object when you hover over it. This makes it much harder for people without Flash to access (like me) to get the color codes. Even the people with Flash can&#x27;t see the color code until they paste it somewhere.
评论 #8487353 未加载
评论 #8487070 未加载
scottcanoniover 10 years ago
What am I missing? Isn&#x27;t this just a hardcoded set of 20 colors that doesn&#x27;t change? What if I don&#x27;t like those particular 20 colors?
评论 #8487249 未加载
评论 #8487177 未加载
lpszover 10 years ago
What makes these colors &quot;flat UI colors&quot;? (Not trying to be snarky, actual question from someone who spends much time in Sketch.) Is it just a palette of somewhat matching colors or is there an underlying theme that I&#x27;m missing?
评论 #8487124 未加载
thisjepisjeover 10 years ago
So why does the colour change on mouseover? Which colour am I copying when I click a rectangle while my mouse is hovering over it?
ahmetsulekover 10 years ago
you should also check the flat ui terminal theme I&#x27;ve made <a href="https://dribbble.com/shots/1021755-Flat-UI-Terminal-Theme?list=users&amp;offset=10" rel="nofollow">https:&#x2F;&#x2F;dribbble.com&#x2F;shots&#x2F;1021755-Flat-UI-Terminal-Theme?li...</a>
评论 #8487108 未加载
codebeakerover 10 years ago
Hasn&#x27;t this been reposted often enough? <a href="https://hn.algolia.com/?q=flatuicolors.com#!/story/forever/0/flatuicolors.com" rel="nofollow">https:&#x2F;&#x2F;hn.algolia.com&#x2F;?q=flatuicolors.com#!&#x2F;story&#x2F;forever&#x2F;0...</a>
评论 #8487230 未加载
jbrooksukover 10 years ago
I find that <a href="http://flatuicolorpicker.com" rel="nofollow">http:&#x2F;&#x2F;flatuicolorpicker.com</a> provides a better interface.<p>This site never seems to copy the colour code first time.
NicoJuicyover 10 years ago
I knew i came accross this somewhere : <a href="http://codepen.io/noahblon/pen/EGbCs" rel="nofollow">http:&#x2F;&#x2F;codepen.io&#x2F;noahblon&#x2F;pen&#x2F;EGbCs</a><p>But who was first?
评论 #8487411 未加载
chetangoleover 10 years ago
Made with Flash! are you kidding me?
laexover 10 years ago
Great colours. If you&#x27;d like to use them in OSX, you can use the palette that I made. <a href="https://github.com/hemantasapkota/FlatUIColorPaletteXCode" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;hemantasapkota&#x2F;FlatUIColorPaletteXCode</a>
normlomanover 10 years ago
5 must have colors for fall, plus 11 hot fashion trends.<p>Hey dummies: Flat design is a concept. It&#x27;s not a fashion trend with specific &quot;in&quot; colors.<p>Some time ago, a bunch of idiots got their hands on UI design, and are turning into a fashion show.
oltmangover 10 years ago
Reading the color names, I thought Nephritis (#27ae60) sounded like something else…<p><a href="http://en.wikipedia.org/wiki/Nephritis" rel="nofollow">http:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Nephritis</a>
calgooover 10 years ago
looks good, but the animated icon in the tab title is really annoying. My brain is wired to connect movement in small tab icons as notification indicators these days. Its catching my eye every few seconds while reading the comments here.
odoodesignover 10 years ago
Love it! I used it a lot.
vblordover 10 years ago
This site is really easy to use. I like it. I just wish there were more colors!
mro95over 10 years ago
+1 but old.
drtover 10 years ago
looking good!