The washed out look can be making the darkest or/and the white point gray. In mobil devices people do that all the time. If the user feels the webpages are hurting his eyes, he or she can just adjust the brightness of the screen.
One purpose is to make the site feel warmer or cooler by picking a pale pink or blue (here it's a neutral gray though). In general, websites often choose backgrounds which are very slightly off-white. (This applies for both screen and print.) Notice that the background color for the body differs from pure white by only a tiny bit. Hence, I think the choice of 80% black is a compromise between making the top bar less jarring and preserving contrast inside it.įor body text, you generally do want to use pure black against a light background, in order to maximize contrast and thus legibility. The human eye is most sensitive to differences in brightness, so choosing a 50% gray means that no matter what text color you pick, you're using at most half the difference in brightness the user's screen can produce. However, a gray background on anything impedes legibility by reducing the possible contrast between text and background. Making it lighter (gray) reduces the contrast between the top bar and the body's background. Good luck with your colour choices in future, this is another consideration to take into account :DĪ pure-black top bar would look very striking against the white background used by many websites, which is bad because the focus should be on the content rather than drawing the eye to the top of the screen. In the case of StackExchange it's all about questions and answers so the body is where there is most contrast as that is where it is most relevant. It's about where you want to have the most emphasis or focus - wherever that happens to be is where there should be the most contrast. It's more content-dependent than device-dependent. It's not necessarily a rule more of a preference or style. This also seems to be a style that's trending because the lower contrast between bckgrounds makes the contrast of the text a little nicer(in my opinion) as seen with the colour here and here These samples are more for looking at the colour than their content in terms of what I want to communicate here.
#Black and white graphic t code
And discusses the contrast of different colours on background, even giving the hex code which is quite handy.Ĭontrast and colour balance is discussed here also. This is a great site for UX colour suggestions/examples and theory. Black and white create the highest contrast possible.' -Quote from here But too high contrast between design elements might give an unsettled and messy impression. You usually want a high contrast between text and its background color. On a web page, the amount of contrast required varies with different parts of the page. 'Simply put, contrast is the difference between two colors.
0 kommentar(er)
