Текст поверх фотографии
Дизайнер иногда ставит текст поверх фотографии, и получается нечитаемо:
![Текст поверх фотографии](https://ilyabirman.ru/meanwhile/pictures/text-on-image-ineligible.jpg)
Если дизайнер это замечает, он пытается спасти ситуацию. Затемняет фотку под текстом:
![Текст поверх фотографии](https://ilyabirman.ru/meanwhile/pictures/text-on-image-darken.jpg)
Или кладёт контрастную плашку:
![Текст поверх фотографии](https://ilyabirman.ru/meanwhile/pictures/text-on-image-plaque.jpg)
Или делает полупрозрачную плашку, но размывает фотографию под ней:
![Текст поверх фотографии](https://ilyabirman.ru/meanwhile/pictures/text-on-image-matte.jpg)
Это всё костыли: в результате хуже видно и фотку, и текст.
Ставить текст на фотографию можно, когда она специально сделана или подобрана для этого. То есть на ней есть чистые места — голубое небо, тёмная ночь или другой равномерный фон:
![Текст поверх фотографии](https://ilyabirman.ru/meanwhile/pictures/text-on-image-background.jpg)
Здесь почти весь текст читается нормально без костылей (много других проблем, но сейчас не о них речь):
![Текст поверх фотографии](https://ilyabirman.ru/meanwhile/pictures/text-on-image-light.jpg)
Здесь нормально читается всё, что выше горизонта в зоне расфокуса:
![Текст поверх фотографии](https://ilyabirman.ru/meanwhile/pictures/text-on-image-blurry.jpg)
Здесь фон вполне позволял поставить текст без проблем, но автор сделал его светло-оранжевым, поэтому он всё равно не читается:
![Текст поверх фотографии](https://ilyabirman.ru/meanwhile/pictures/text-on-image-orange.jpg)
Правило: если фотография не подходит для размещения текста на ней, то размещать текст на ней не стоит. Поставьте текст под фотографией. Следствие: если вы не контролируете фотографию (скажем, её загружают пользователи вашего сайта), то ставить на ней текст — плохое решение.
Читайте также секрет дизайнерских правил.
В заметке использованы работы студентов-дизайнеров.