Что может быть хуже сливающегося с фоном текста, который невозможно читать? Соответственно первое, о чем стоит позаботиться, это сделать текст так, что бы он на контрасте отличался от фона. Самые распространенные приемы - светлый шрифт на темном фоне и наоборот, темный шрифт на светлом. Для достижения таких эффектов достаточно открыть Photoshop и затемнить/осветлить будущий фон секции:
Один из наиболее простых способов сделать это - открыть нужную картинку, выбрать инструмент "Заливка" (1), создать новый слой (2), залить изображение черным цветом (или белым, если вы осветляете) и потянуть за ползунок "Непрозрачность" (3) до наиболее оптимального уровня.
Однако если вы хотите результат "посочнее", то существует еще один метод:
Мы применим более гибкий инструмент. Новый слой создавать не нужно, достаточно выбрать "Кривые" (1) и немного поэкспериментировать с ползунками, результат вышел вполне приемлемым для фона.
Теперь, если мы наложим поверх немного текста, то будет уже неплохо, но недостаточно хорошо, текст читается, но кажется не хватает еще немного затемнения.
Минута дополнительных работ с кривыми, и результат стал еще приемлемее:
Осветление происходит по тем же принципам, что и затемнение, а значит текст будет уже темным:
Это достаточно базовые принципы работы с контрастом текста и фона, их можно применять на своем сайте, будучи уверенным в качестве своей работы.
