Now we know the mess we’re getting ourselves into. The same holds true for black or darker tones. Things can immediately go wrong if your using white text over a whitish or light image. The text matches perfectly against its background. Now, most of the examples above are mockups. Overlaying a text prevents viewing the image completely. It is a measure of how easily a reader can distinguish individual letters or characters from each other.
![change preview mode background color in indesign cc 2017 change preview mode background color in indesign cc 2017](https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/275ee91d-b80a-4815-9688-d585ed2509ec/visual-composer-website-builder-wp-image-22.png)
Readability is the ease with which a reader can understand a written text. When you overlay text on an image, you sacrifice two things: Not to say that its bad, but there are two things that are largely not considered.
![change preview mode background color in indesign cc 2017 change preview mode background color in indesign cc 2017](https://mangools.com/blog/wp-content/uploads/2019/06/01-organic-results.png)
I mean, most of the card designs include an image, with text overlaid on top. Now we could say that this pattern became overly popular thanks to Card design. But my design attempt just showed you that that’s not the case. It assumes that whatever be the image, the text will be readable. The text displayed, does not account for its background images. It’s just that, some interface designs (mockups) are only for aesthetic purposes.Īnyone who translates them into a working project will immediately recognize what’s wrong.
![change preview mode background color in indesign cc 2017 change preview mode background color in indesign cc 2017](https://cburtondd16.files.wordpress.com/2017/01/screen-shot-2017-01-18-at-9-56-25-am.png)
Both are well-designed interfaces by talented people. In fact, I love the typography used in the second one. Good design is when we factor in all possible scenarios. Which means, the image could be anything. After all, when you decide to overlay text, you must be ready for ANY image. The background image is outright disturbing. But the image is not to blame.