Hot answers tagged

9

I'll just quickly point out three points: It'll look less clean. I mean this both figuratively and literally. Anytime you add more visual information to something it becomes more cluttered. This is why with very data-dense interfaces people often choose for flat design; it alleviates the business a bit. Secondly, some patterns can actually make it look as ...


6

The only benefit of choosing a white background over a light grey background is that it arguably gives you a broader range of text colours that you can use, and still remain within accepted usability and accessibility guidelines. In other words, if you want to use blue text you would be able to use a slightly lighter shade of blue on a white background, ...


3

You're probably not going to find data on this, because it's not the kind of things that publishable studies are usually focused on. If you're really lucky, some hyper-productive UXer will have turned some test data into blog post, but even then, the sample size will probably be small. This is a case where you have to make decisions based on the ...


2

You could have a set of icons that represent when the elements would appear. Icons that represent device or screen size. Example Or instead of icons, numbers that represent the break points at which they appear/disappear.


2

Short answer: it helps to reduce eye fatigue. There are three types of cones in the eye, each responsible for sensing a different range of wavelength. If you stare at one particular color for a while, those cones responsible for sensing that color will become fatigued, and your perception of color will become skewed (this is why if you stare at an inverted ...


1

Because it's a neutral color that doesn't strain the eye and allows for good legibility when using black or white fonts, and its neutrality aids to place the focus on the real content window. The shade of gray will vary depending on the software, of course, ranging from a light gray to a very dark gray. As for studies, here you can see why to use gray and ...


1

I think it doesn't really matter for the healthy users as long as the content is easily readable. However, you should consider testing the contrast for the color blind and visually impaired users. A way to do it is to use the NoCoffee Chrome extension which can simulate a lot of vision impairments. You need to test the Low Contrast Sensitivity.


1

I'm not sure about strategies to mitigate a white background but if light grey works best and allows you more versatility with the layout color scheme, then by all means use it. If you think it's less glaring than a white background then why not create a mockup and run a quick user test to see what users prefer. Otherwise your rationale for a grey background ...


1

Terms that could be applicable: noise (the specific tool often used in photoshop) textured background (more generic term, but most graphic designers would know what you are referring to. Alternatively: subtle texture grainy (a term that comes from 'film grain')


1

I use the "light noise background". But I think this term might be too technical for clients and non-designer/non-frontend colleagues. I'm not sure there is a common, standardized term for it right now. Not in the way we had it with the "brushed metal texture" or "skeumorphic trend".


1

It's generally known as "[type] mask" where type could be noise, blur, vibrancy, etc. See vibrancy and blur techniques for iOS8 that applies to your scenario, background techniques for iOS7 and Masks in UIVisualEffectView documentation by Apple Please note that I'm taking your SO question as guidance and hwo to make this programatically. If you mean in ...



Only top voted, non community-wiki answers of a minimum length are eligible