06Цвет и контрастиз архива
Текст на фото без плашки на первом экране, как сделать читаемо
Карина 91 показала 7 мая 2024
- Правки
- 4 правки
- Последняя
- 26 мая 2024
- В разборе
принятой правки пока нет
кейс
Учусь на курсах, дипломный проект - лендинг йога-ретрита на Урале. На первом экране большое фото: горы, туман, девушка на коврике. Поверх белый заголовок 56 px и подзаголовок 20 px. На светлой части фото, где туман, подзаголовок пропадает совсем. Плашку под текст ставить не хочу, она убивает весь воздух. Наставник пишет «реши вопрос с читаемостью» и больше ничего. Пробовала тень под буквами, получилось грязно, как в старых презентациях. Пробовала сделать подзаголовок полужирным, на тумане всё равно сливается. Фото менять не хочется, оно из реальной поездки, мне его дала сама организатор ретрита, и оно правда атмосферное. Как это делают, чтобы и фото не испортить, и текст было видно?
правка 1
Самый частый способ - затемнение градиентом с той стороны, где текст: от прозрачного до чёрного на 50-60%. Фото не портится, а под текстом фон точно тёмный. Второй способ - выбрать кадр, где под текстом тёмное место, или сдвинуть кадр. Туман под белым текстом не вытянешь ничем, кроме затемнения.
правка 2
Можно и не белым. На туманном фото графитовый или тёмно-синий заголовок иногда смотрится лучше белого и попадает в настроение. Только проверь, чтобы тёмные горы не легли под текст. И на 360 кадр обрежется по-другому, текст окажется на другом месте фото, это смотри отдельно.
правка 3
или на телефоне просто текст под фото. у нас так полгруппы сделало
правка 4
Спасибо всем. Сделала градиент слева на 55%, текст слева, а на телефоне заголовок под фото, как o.isaev подсказал. Наставник принял, попросил только чуть уменьшить подзаголовок. Про обрезку кадра на 360 сама бы не подумала, там девушка уходила точно под текст.