мяу-дизайн – Telegram
мяу-дизайн
2.86K subscribers
1.16K photos
91 videos
37 files
265 links
т.е. «мяу»

публикует поучительные картинки про дизайн и пытается не упомянуть свой армейский дневник @kefiijrw
Download Telegram
А это уже Медиазона, причем фоновая фотография уже была затемнена ради графики поверх:
Чтобы разобраться, как можно улучшить ситуацию, изучим под зумом место соприкосновения текста с фоном на оригинальной картинке и на версии с локальным затемнением ака дропшедоу ака тенюха:
Тень пытается уменьшить пестроту фона, закрасив его возле букв темной краской. Но тут две проблемы.

Во-первых, закрашиваются не только светлые фрагменты изображения, но и темные, хотя они достаточно контрастные к буквам и не мешают читабельности.

Во-вторых, цвет закрашивающей краски выбирается тупым методом «что там максимально контрастное к цвету текста», из-за чего в оригинальную бело-красную палитру внезапно вмешивается черный. Так тень сразу бросается в глаза как чужеродный элемент, да еще и пачкает макет.

Окей, тогда кажется логичным изменить цвет тени на самый темный оттенок фоновой картинки в окрестностях текста. Тогда сохранится и палитра, и темные фрагменты фона не будут темнеть:
Гораздо, гораздо, гораздо лучше. Отзумимся:
Тут уже видны проблемы этого решения: оно локально. Мы подобрали цвет тени по фрагменту возле одного слова, но возле другого слова может быть уже совсем другая палитра, другая яркость фона и другой «самый темный оттенок в окрестности».

Даже если установить у тени режим наложения Darken, то всё равно красная тень у залезшего на правую зеленую часть картинки слова смотрится неуместно:
Чтобы решение было глобальным, оно вместо одного общего цвета тени должно подбирать для каждого пикселя темнейший цвет из окрестностей.

Буквально для этого существует мой любимый фотошопный Filter → Other → Minimum. Пробуем:
Ну как бы да, слева красненьким темно, справа зеленым. Но вообще этот эффект довольно странный, если к нему приглядеться: