Tag Info

New answers tagged

14

Rather than RGB values, color perception is better represented as three alternative dimensions, one being darkness, and the other two being the color wheel. The other thing is that human perception does not linearly follow RGB values, so you have to apply some empirically determined transformations. Color differences are then proportional to the Euclidean ...


1

The total estimate you are giving is a huge number of colors for the user to be able to recall and even distinguish to make any sensible overview of the data they are seeing. And I don't think that at any one time you will have more than, say, 20 colors in one graph in most use cases. And if you will, the graph will become illegible anyways, so what is the ...


0

Black text is not the problem. Glaring white background is. That background glare is the cause of eye-strain. Grey text just makes that worse as users often strain to read - which is why grey text often takes longer to read than black text. In fact, many people can "see" a whole page of black text and get a sense of the message in an instant - almost ...


1

For readability, it's necessary to have contrast, but not necessary and even detrimental to have too much contrast. Therefore grey background and black text, or white background and grey text (like #383838) is better than white and black. This question goes into more detail, top answer (as this is an internal link I'm not going to summarise (plagiarise lol) ...


1

I will take white content area for two reasons. Higher contrast between text and text area background. Grey background around text area make the text area optically raised. So the place for content will be more readily distinguishable.


1

Just ask this question to yourself -- "what would I recognize as a place to type in? A white box? Or a dark box?" Since you are talking about a textarea where user has to type something, it is good to leave the input area lighter..


1

The second example has less contrast between the text and the background. This will make the text harder to read than the first one. I would go for better readability.


0

This blog post provides a downloadable pdf with colors and their code numbers. It also provides suggestions for readable color palettes. http://www.dmcinfo.com/latest-thinking/blog/id/8840/simplifying-ui-and-ux-design-with-color-cheat-sheet


1

A few rules of thumb: I recommended providing at least two themes - dark on light and light on dark as some users may not be able to read one of the two. For light on dark, make sure the contrast isn't too high (e.g. use grey on black, not white on black). Make sure the contrast between the intensity of foreground and the intensity of the background is ...


3

If you want to consider users with special visual and/or cognitive requirements, it becomes quite complicated and there's no single answer. The W3C Web Accessibility Initiative's Web Content Authoring Guidelines (WCAG) provide a good starting point. That's probably the single most thoroughly-researched resource on web accessibility, though it's not totally ...


0

I know a lot of people may scoff at the idea, but take a look at Twitter bootstrap for a guide. A lot of time and resources have been put into that project to make the defaults sensible and readable across multiple devices.


1

If you are not concerned about beauty/ugliness just try to imitate the Windows High Contrast colour schemes.


0

IMHO, the best answer is already here fore almost two years now: Note you can specify a different Style Sheet for print which works better for Black and White – Ben Brocka♦ Jul 23 '12 at 10:50 Trying to find a 5-color scheme that'll work well in monochrome is far from ideal. You could make it work, but you'd probably end up with a palette that looks ...


0

To create a palette that works when printed in black and white, you really need colours that differ in brightness/lightness, as that’s the only aspect colour that is conserved in greyscale. You can of course use a simple greyscale palette of various shades of grey, from white to black: But that looks boring when viewed on a colour display. One solution ...


0

Re-designing the graphics is a GOOD idea, from a UX standpoint, though it may be problematic if you're trying to bolt color-blind support onto an existing game. The important thing is going to be making the keys somehow LOOK like they match the doors. I think the easiest way is to do something with the orientation of the key, and the orientation of the lock ...


8

A stands for Accent. They are colors that accent the primary colors. Here's what Google says: UI Color Application Choose your palette Limit your choice of colors by choosing three color hues in the primary and one accent color in the secondary palette. The accent color may or may not need fall back options. Accent color The ...



Top 50 recent answers are included