New answers tagged


Dotted overlay There is an alternative! You can try using a dotted overlay instead of a full black overlay. This has the benefit of letting some of the brightness from the image through while still creating enough contrast behind the light colored text. (image taken from this answer) You can experiment with the size/color/shape/opacity of the dots to hit ...


Perhaps consider using both the background overlay, as well as the text and logo shadows. To provide enough contrast, you certainly need the background overlay, but I feel the text shadow can also help the text stand out above the background image.


Definitely the first one. If you're overlaying elements on a busy image background such as something like that, you'll need a clear way to show visual hierarchy, otherwise everything appears to have the same level of visual importance (for example, in the second image the logo blends in pretty well with the white dish behind it). Designers use several ...


the aim should be to help to user focus on the content or features on the website, not distract them. the background should take a very low priority in the user cognitive load, like the name "background"


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 ...


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 ...

Top 50 recent answers are included