11
votes
4answers
243 views

Light text on a dark background vs. dark text on a light background: which allows the reader to keep focusing for longer?

I did not want to get to the endless war of dark-on-light vs light-on-dark, but recently I discovered something interesting: while light-on-dark text is still less tiring for my eyes (and I also ...
2
votes
1answer
142 views

How to determine exact contrast ratio

Because of the recent Web accessibility Law in my region, I need to ensure I'm designing with an appropriate contrast ratio. WCAG says the value of this ratio is 4.5:1 ...
2
votes
1answer
65 views

How to calculate how much contrast you need in a header if the focus is on content?

I am redesigning a dental blog. So the focus is obviously content, they can read related news, download technical documents, watch videos, etc. So I wanted the design to be subtle. But the header I ...
1
vote
1answer
62 views

For the main image on the landing page, can a dark contrasting background help increase conversion?

BACKGROUND OF PROJECT Initially I envisioned that the header would have an image that can span the entire width of the page. I was thinking centered, and it would be so wide that as you stretched it, ...
6
votes
3answers
659 views

How to calculate the best type colour for a random background colour?

I might need to present content at multiple levels depending on the distance of the observer to a display. Let's say from far away the user perceives a flat colour, but from a close distance the user ...
7
votes
1answer
119 views

Is there a metric for “apparent” chroma?

I'm not sure this is the right place to ask, but is anyone aware of a metric for apparent chroma? Now I understand that "chroma" and "chrominance" are very overloaded terms, so to clarify, I ...
3
votes
3answers
205 views

How to make red icon on gray background less jarring?

My app has a button to record or play videos. When there are problems with this feature, we notify the user by overlaying an exclamation point. This "red !" UI works OK elsewhere in the app but on ...