Questions tagged [background-images]
The background-images tag has no summary.
23 questions
0 votes
2 answers
97 views
Clickable background image on a home page
I created a web site for my client that has a background image that takes up more than 80% of the screen area. My client asked me to make this whole background image clickable, linking to a product ...
1 vote
3 answers
389 views
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 ...
2 votes
3 answers
184 views
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 ...
20 votes
7 answers
13k views
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 ...
2 votes
3 answers
300 views
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 ...
8 votes
3 answers
3k views
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?
1 vote
1 answer
125 views
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 ...
2 votes
4 answers
2k views
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 : http://postimg.org/image/...
25 votes
4 answers
6k views
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 ...
14 votes
6 answers
110k views
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 ...
3 votes
2 answers
259 views
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 ...
0 votes
1 answer
414 views
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 ...
3 votes
5 answers
950 views
Text on movie background
I'm struggling how to show logo and text on a background which changes. Live example: http://firestartr.co.s3-website-eu-west-1.amazonaws.com/ It goes form dark to light so choosing black or white ...
1 vote
2 answers
2k views
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 ...
-1 votes
3 answers
128 views
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, ...