Hot answers tagged color-scheme
34
First things first, this is what it looks like to color blind (deuteranopia; by the most common form of colorblindness) users:
(also the zebrastripes are almost impossible to see, colorblind or not)
Red on green is a classically bad color combo, though your magenta text isn't entirely unreadable. The background color is very loud though which can be hard ...
32
The following screenshot is taken from the speech by Jon Wiley at UXweek 2011 (Original video). He explains the design decisions made by google in the past months.
Look towards the end (after minute 27) of the video to see it by yourself:
red is for "create something"
green is for "share something"
blue is for "do something" (e.g. submit a form)
Keep ...
10
Yes, the colors may not be good for some. The screen is very organized, but I would suggest a better color theme. Not a drastic one, but I would make the background color much lighter than it is, as it is too loud. It seem to draw my attention passed the content.
Also red, is not the best default choice for font, as most website use that for errors, and ...
9
I dont think you will get a definite answer to this since the colors you choose will have to mesh well with your game design and background. However I would recommend making the choices prominent and if possible use pictorial representations to show what each level might be. here is a good example :
Alternatively you could go with a color scheme which ...
8
The background you choose for your website has the power to set the theme and set the mood for your site at a glance. But the main aim of the background should be to enhance the visual experience and not to distract the user too much from the content.
Analysis:
The image with grey background has more depth and there is a sense that the content area is to ...
8
Searching on the web for this I came up with this article.
Quoting from an "Applied Colour Psychology Specialist":
Colour Psychology
Blue is the colour of the intellect, the mind, making it the colour of communication and when you think about social media, it’s all about communicating.
Blue also has the perception as being trustworthy, dependable, safe ...
8
Red text on a green background never works very well, which is counter-intuitive because red and green are opposite on the color wheel, so one would think that the contrast would be great. Unfortunately, it doesn't really work that way, and it creates a kind of micro-haloing effect when your mind tries to sort out the difference. The green background looks ...
8
CheckMyColours.com uses the Web Content Accessibility Guidelines (WCAG 2.0) contrast tests.
The validity of the tests is something to bring up with WCAG rather than checkmycolours.com.
I am unaware of the WCAG providing the research supporting their contrast ratio standards. However, my experience with those standards is that they are fairly lax. I've ...
7
European ski slopes also have black.
Mountain bike trails are also green, blue, red and black.
Since this project is for younger ages, I'd skip the black.
Such sporting activities as skiing, biking and others also make use of shapes to further differentiate, rather than using colours alone - thus appealing (or not) to the subconscious.
So for example a ...
6
The Colour Contrast Check is a great resource to test whether or not your colors are compliant with various standards. After checking your colors here, it seems like your design is only partway compliant.
That aside, the green is rather bold and aggressive for a background. Depending on your target market this may work if it is somewhat of a niche market. ...
6
Both "register" and "Sign up" are bland and should be avoided in an actual call to action. Sign up is generally not preferred as it can be confused with "sign in". Note that "register" is still fine for a secondary command like when you're at a login screen and you don't have a login; register is the obvious thing to look for, so don't break those ...
6
Can't think of any. It's probably aesthetics. Recently I've been split-testing top-bars of large eCommerce website. The reason was changes made due to visual aesthetics
Results:
top of the top bar wasn't making any statistically significant
difference in conversion (cpc business model, large sample - more
than 0,5 mln people), no matther if it was pale or ...
6
This is both hard to read and aesthetically off putting.
To qualify myself, I'm the owner of emeraldcode.com and kitgui.com and you can see UI design choices there. Note that my design choices are just that. I chose them, I didn't build them. I know that I personally suck at implementing design just like I know I should not go out to American Idol and ...
6
Personal opinion:
The font size is a bit small
The serif font isn't the best for readability
Not sure about the colour contrast of some of the selected states/hover of the menu options
Centrally justified text isn't great for readability either
Just checked the green text for colour contrast and it seems to pass WCAG AA guidelines
6
I feel your pain on this one. I like to refer to Adobe's Kuler for some good ideas on color palettes/complementary colors.
Also, PatternTap has a huge gallery of navigation elements, although if you're just looking for new colors it might be a bit much to sift through.
I think the principle to follow here above all else is simple: make sure there's enough ...
6
I know of no good evidence that certain sexes intrinsically respond 'better' to certain colours. Modern gendered coloured schemes are pretty recent - back in the 19th century, pink was a boy's colour, for instance (because it's red-ish, and the thinking was that red = virile).
What you can do, however, is use colours that match the typical branding of the ...
6
My suggestion is not to do this. Hue doesn't have an inherent order (ROYGBIV is surprisingly non-intuitive especially when you have to compare across the rainbow). "Is teal before or after forest green?"
And individual colors communicate entirely the wrong meaning: e.g., when the project is 'red' does that mean it's behind? or in trouble? or blocked?
Not ...
6
The best practice here is to display the social media icons in a neutral color, usually grey. This approach is both widely practiced and accepted.
It's worth noting that most of the major social media brands have usage guidelines that explicitly prohibit the above. For example, Facebook's Brand permission center lists the specific brand assets that are ...
6
Red and Green are standard colors for errors and success and exist there irrespective of what color-scheme a site/application has. But in case you are barred not to use them, you can still live without them but your designer would need to put extra bit of effort to extract "meaningful" colors for SUCCESS and ERRORS from the given color pallet. Something like ...
6
This seems more of a graphic design question. That is, it seems you know you want green for authorization but need to know what shade of green (the graphic design bit).
You can use a green that fits into your colour palette better. Say you took the pale blue and used the same lightness and saturation but changed only the hue to a green, you'd get something ...
5
I think as @agib said, it anchors the top of the page, but I wonder whether it is also serving to create a visual separation from the toolbars and stuff at the top of browsers - it indicates that the page stuff starts here. On the sort of minimalist pages that you link to, this might be sigificant - on SE sites, there is a top header bar in a distinctive ...
5
I think the answer is simply to use emphasis in typography. Indicate question and response either by bold label or by bold text. No colors required.
Example 1
Question
Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper?
Answer
Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean ...
5
When it comes to mood, you can't isolate color from shape and texture. The perception of color hinges on its context. I would suggest that a site about cancer should invoke calm and trust. So create a calming and trusting environment and the colors will follow from there.
I seriously doubt that Van Gogh first started picking colors before painting a ...
5
My guess (and it's just a guess) is that these apps use black because their aim is to bring attention to specific elements in the UI. In this case, graph and numbers. People naturally focus on brighter areas. Now, black is generally associated with bad readability, but this is mainly in the case of blocks of text (so the "Top News" screen is a miss for me).
...
5
The question is too broad... you have to consider a lot of things:
Like your target audience, what information are you going to display
I could argue that white and black combination is not the best for readability, off white like #eee, also dyslectics read better on yellow background.
iPhone 5: 262,144-colour (18-bit), 200:1 contrast ratio.
Take a ...
4
Always keep it as simple as possible - but no less simple than necessary.
The more colours you use, the less the meaning of each colour will be clear, defeating the object of using specific colours for important things.
You've already chosen red and green to mean something specific in the user's mind - positive actions and negative actions.
The only ...
4
Yes, bright ambient light reduces contrast, so going with a black and white display will be the best you can do. Increasing font size and weight may also help. Hue differences also tend to wash out in bright light so your color codes are probably performing poorly anyway. Tinted sunglasses probably don’t help either. If the color codes are very important, ...
4
The 'skinning' concept is something MS has pushed throughout most of the .net frameworks and IDEs. The main concern I have with it is that most of the default themes MS provides are terrible. They tend to lack meaningful emphasis, over-use contrast, and just tend to generally add to chart junk.
Personally, enabling custom skinning of your UI should be the ...
4
Update 7/26/12 :
font-smooth:always was a Mozilla-only property that has been depreciated. I've started maintaining a Coderwall entry about web typography tips that might alleviate some of these pain points.
I've been dealing with this issue a lot lately because I'm incredibly picky with colors and type, and there are a variety of things you can try. ...
4
The dark and complex interface is a badge of honour
This was tackled by IDEO when they set out to redesign the Bloomberg terminal (see the article). They found that...
...the design also incorporated certain “badge of honor” elements inspired by expert users of the previous system...
and
...an estimated 75,000 machines in use worldwide—including ...
Only top voted, non community-wiki answers of a minimum length are eligible
