I want to do something like this (ignoring for now the fact that the image isn't properly aligned yet):
Notice the name "Barack Obama" in the center. I want to keep it that size, but I don't know what to do to make it more legible.
My options are:
- Place a background behind the text.
- Blur the image so it's a more flat/single color, then programmatically pick (somehow) the highest contrasting color.
For (1), that is like this:
So for this image:
However, that kind of distracts from the overall image IMO, having this block of black or some other color covering it. I wonder if there are any other creative ways to display the text here. Wondering if one could shed some light on what might look the best.
I could place the text with a background at the bottom or top of the image, but then that messes with overall padding styles.
I could also instead just put the text on the landing page and that's it, then you scroll down one viewport to see the image. Hmm.. maybe that is best.
Wondering what books with a lot of graphics do in these cases, like those coffee-table books.