Questions tagged [background-images]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
1 vote
2 answers

What is the repeated, blurred image background called?

I have a card component with a photo. I don't want any portion of photos to be cut off, but this means narrow/vertical photos will have empty space to the sides. I want to use that blur tiling often ...
djangodev's user avatar
  • 123
2 votes
3 answers

How to discourage uploading image with text

How can I discourage the user from uploading a header image with text in it? It's explicitly mentioned in the preceding description (in red, as displayed below) and in the tips panel to the right, but ...
bart's user avatar
  • 428
20 votes
7 answers

How can I convince others that text over background images is a bad idea?

I'm being pressured to build a feature that would make it easy for users to create web pages that feature large text over large images. Like this: I am of the strong opinion that this design pattern ...
Adam Balsam's user avatar
2 votes
3 answers

Header img with color overlay or shadow on elements?

I'm working on a web app and this question came to my mind. I tried to look around but found a lot of resources from both approaches. So here I am, trying to figure out a good solution. The web app ...
CelsomTrindade's user avatar
8 votes
3 answers

Background patterns - do or don't?

Is there any data or research on whether or not background patterns have an impact on the user experience of a website as opposed to using a basic (flat/solid) color like white or a light-grey?
MJB's user avatar
  • 2,204
1 vote
1 answer

What is a good representation for a "sticky" area?

I'm prototyping an editor where you can layout HTML pages. Some elements should be sticky, i.e. the user can put elements there that must always be visible in a responsive view also. QUESTION: What ...
gpinkas's user avatar
  • 111
2 votes
4 answers

Are Animated Images considered bad UX?

I read that animated gifs are making a come back but when i saw this on a private business website to get attention to a new feature, put me off. Copy of the image :
tgkprog's user avatar
  • 129
25 votes
4 answers

Readability of overlaid text on images

Text on images seems to be very popular these days, and it does look nice. However, it can be hard to control the legibility of the text. I have darkened the background, and added text-shadow, and it ...
Source's user avatar
  • 2,343
14 votes
6 answers

Background colour suitable for both black and white text

On my web page I have light blue, white, gray, yellow-color texts on a black textured background. Colors that don't go with a black-color background are not visible. Can anyone suggest me a background ...
Hemalatha's user avatar
  • 735
3 votes
2 answers

Images behind text

The new fad is to place background images behind text. Best practice guidelines say it's important for the image to be relevant to the content. From a usability point of view, the content is less ...
Tyler Langan's user avatar
  • 1,260
0 votes
1 answer

Negative Effects on UX from Text on Images [duplicate]

Jakob Nielsen in "Eyetracking Web Usability," recommends against placing text on top of images or textured background in advertisements because only 35% of people will look at it. Is there any other ...
Leslieinva's user avatar
3 votes
5 answers

Text on movie background

I'm struggling how to show logo and text on a background which changes. Live example: It goes form dark to light so choosing black or white ...
Lukasz Madon's user avatar
1 vote
2 answers

Should I use a single gradient or plain color background for my app?

I have an app with a screen for a list, a screen for a photo preview, a screen with fields for entering data and of course a splash screen. Should I use a single gradient/plain color background for ...
vamsiampolu's user avatar
-1 votes
3 answers

CSS or Image for phone development [closed]

Considering how many screen sizes for Android, I am thinking should I put an image for toolbar or responsive background css image. I am developing a mobile web-site. CSS: Good for multiple screens, ...
Jackie Chan's user avatar
7 votes
3 answers

Size of Background Image for Landing Page

I am using a background image on my home page/landing page that's roughly 112kb and I've noticed my bounce rate being higher. Is this image beyond the threshold of load vs. appearance? The reason ...
kurzweilguy's user avatar
1 vote
3 answers

Is it distracting to display fields over a fullscreen image background? [closed]

I was somewhat inspired by the Twitter login page, which has a nice "fullscreen" background picture on the login page. Here is what I did for my webserver: Is using a fullscreen background with ...
Randomblue's user avatar
  • 2,163
2 votes
2 answers

Ideal file size for large backgrounds

Currently I'm developing a widget for a client, which has a step by step wizard style of filling using javascript. However, their widget for desktop would use 2 large backgrounds to fill up the entire ...
koramaiku's user avatar
5 votes
4 answers

Is there any user experience benefit of having a patterned background in iPhone apps?

In your experience, do users of iPhone apps enjoy using an app with a "cool special background", like the one below, or do patterned backgrounds distract from the overall point of the app? I've seen ...
Alex Stone's user avatar
  • 1,617
6 votes
1 answer

UX of background advertising (or other options)

My company's users use a website that features advertising from specific sponsors. The ads are all directly related to the content of the page and the situation in which the user is viewing the page --...
Naa Marteki Reed's user avatar
5 votes
4 answers

Should I place an image behind text data?

We are building a site now and are considering adding a "brand" to the data section in the center of the layout with a subtle background image. There is some concern that with different browser ...
Ron's user avatar
  • 51
6 votes
3 answers

Are dark non neutrals colors suited for page backgrounds or is it more advisable to go for neutral colors like black or dark grey?

I am just finishing up a site for a non profit and we are having a bit of a debate of about what the background color should be I have been trying to emphasise on the need for a neutral color like ...
Mervin's user avatar
  • 43.8k
48 votes
4 answers

What are the best practices for background images?

We are placing a large, non-repeated background image. It's very heavy; takes up almost 60% of the page load time. If you visit MSN or other high profile sites, they are using repeated background ...
Pir Abdul's user avatar
  • 2,270