Как выделить темные изображения при отображении на веб-сайте с темным фоном? [закрыто]

Я пытаюсь отобразить фотографии на веб-сайте с черным/темно-серым градиентным фоном. Мне трудно выделить фотографии. Я пытался добавить тени, но они теряются на фоне. Я также пробовал границы, но они, как правило, выглядят дрянными и натянутыми.

Существуют ли какие-либо альтернативные методы, кроме тех, которые я упомянул? (Примеры реализации приветствуются). Ключевые слова, которые помогут мне искать в Интернете, также были бы хороши, поскольку я новичок в этих концепциях и мне трудно найти соответствующий материал.

Можете ли вы привести какие-либо примеры эффекта, которого вы пытаетесь достичь? «Поп» очень субъективен.
Обычно темный фон делает фотографии более яркими при просмотре на экране с подсветкой — если нет, это может быть признаком того, что ваши фотографии недоэкспонированы?
Похоже, это вопрос веб-дизайна, а не самих фотографий....
Также был бы полезен пример скриншота того, что у вас сейчас есть и чем вы недовольны.
Я голосую за то, чтобы закрыть этот вопрос как не по теме, потому что на самом деле это не вопрос фотографии.

Ответы (4)

Вы можете попробовать обрамить их в широкое серое или белое паспарту (или паспарту ). Это может выглядеть как настоящее изображение на стене.

Поскольку вы упомянули, что тени теряются на заднем плане, вы можете вместо этого добавить яркое «свечение» (если вы работаете в Photoshop).

Или попробуйте некоторые отражения, подобные этому .

Выбирайте более яркие изображения, если у вас есть такая возможность, и старайтесь иметь изображения одинакового размера/соотношения сторон.

Существует множество библиотек JS-каруселей изображений, подобных этой , со встроенными эффектами, которые могут дать вам «попсу»!

Надеюсь, это помогло :)

Вместо Photoshop, если вы можете повлиять на стиль веб-страницы, вы можете использовать CSS box-shadow (просто используйте яркий цвет, чтобы получить свечение вместо тени).

Вы можете придать изображениям белую или серую рамку в один или два пикселя.

Это помогает отделить изображение от фона и подчеркнуть границы изображения — обычно важный элемент композиции.

Это, очевидно, менее причудливо, чем тени или свечение, но вы можете найти более понятным и простым для пользователя, чтобы сосредоточиться на вашей фактической работе, а не на дизайне страницы.

Я работаю в стартапе по обмену фотографиями, и мы столкнулись с той же проблемой. У нас также темно-серый фон.

Минималистично используя box-shadow (как на внутренней, так и на внешней стороне), мы создали дизайн, в котором изображения выделяются, даже если они темные. Вот пример . Если ваша реализация все еще выглядит вынужденной, я рекомендую вам попытаться сделать ее более минимальной. Легкие прикосновения могут иметь большое значение.

Я надеюсь, что это помогает!

Как выделить темные изображения при отображении на веб-сайте с темным фоном? [закрыто]
СпросиСетьПолитика конфиденциальности1y, 0v