Как создать единый стиль для стоковых изображений для веб-сайта?

В настоящее время я применяю изменения к этому сайту .

Бекки, мой клиент, требует, чтобы изображения были изменены таким образом, чтобы содержимое изображений также было совместимо друг с другом .

Я пытался использовать иконки, векторную графику и т. д., но они отвергли все, что я предлагал.

введите описание изображения здесь

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

введите описание изображения здесь

Первое изображение взято с сайта smashing magazine .com, а второе — с сайта devpedia.ir.

По сути, создание слоя наложения цвета с текстом, наложенным сверху.

Они отвергли эту идею.

Тогда я подумал, может быть, создать другую форму из изображений в том же стиле? Что-то вроде этого:

введите описание изображения здесь

Но они отвергли и эту идею. Я испробовал много идей и способов, но заказчик отвергает их все.

Существуют ли какие-либо другие способы обеспечения согласованности между группой различных изображений?

Единственный вопрос, который я вижу здесь, - в заголовке, но он довольно открытый ... Описание только сбивает меня с толку. Я понятия не имею, чего ты хочешь.
Привет, разработчики Pedia, ваши вопросы, кажется, больше направлены на мозговой штурм, который считается не по теме. Можете ли вы перефразировать свой вопрос, чтобы быть более конкретным?
Похоже, у вас просто заноза в заднице, клиент. Это случается иногда. Иногда приходится отпускать таких.
@joonas Мне нужна идея, чтобы бросить вызов моему клиенту...
@AndrewH да, абсолютно
@ DA01 Они хотят, чтобы у меня был полный дизайн. но не знаю, чего он хочет. ищу хорошую идею
Такие клиенты могут не реагировать на «хорошие идеи». Они думают, что у них есть идея в голове, но обычно она не такая глубокая. Они знают, что им не нравится, но не знают, что им нравится. Это больше похоже на проблему управления клиентами, чем на проблему дизайна. Я бы посоветовал попросить их привести примеры. спросите их, какие веб-сайты, по их мнению, хорошо подходят для того, что они ищут. Заставьте их на самом деле визуализировать то, что они хотят для вас.
@DA01 Я спрашивал их тысячу раз, и каждый раз они говорили: «У меня нет идеи, сделай сам».
Ну, в таком случае, я бы сказал, что это определенно клиенты, которые вам не нужны. Если у вас есть возможность уволить их, я предлагаю вам это сделать. Если нет, я не знаю, что вы можете сделать, но не забудьте взимать с них плату за каждый час работы, которую вы делаете над этим. В определенный момент вы должны позволить бюджету принимать решения.
Чтобы повторить то, что должен был сказать @DA01: однажды у меня был такой клиент. Я продолжал взимать плату за их нерешительность и изменение масштабов. Я заработал много денег, прежде чем, наконец, мне сказали, что с этого момента они будут заниматься своими делами самостоятельно по «экономическим соображениям». Просто убедитесь, что вам платят по ходу дела — не давайте им один большой счет в конце!

Ответы (2)

Цвета

  • Настройте четкость, яркость и насыщенность на одинаковый уровень для всей коллекции изображений, насколько это возможно, на глаз

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

  • Я склонен маскировать оригинальное небо в коллекциях плохих фотографий на открытом воздухе и заменять их стабильным, солнечным, (счастливым) небом.

  • Иногда на этапе поиска фотографий может быть полезно добавить дополнительное ограничение поиска фотографий с цветами, соответствующими вашей цветовой схеме, или поиска изображений, на которых изменение цветов в соответствии с вашей схемой не будет слишком сложным.

Перспектива

  • Поиск фотографий с похожей общей «плоскостью»/перспективой действительно помогает создать согласованность.

    Например, многие из ваших изображений, за неимением лучшего термина, «на уровне глаз». Это делает изображение с высоты птичьего полета очень противоречивым. Либо найдите общий ракурс, либо убедитесь, что ракурс достаточно различается по всей коллекции (не делайте 95 % на уровне глаз, 5 % с высоты птичьего полета — попробуйте еще немного смешать).

Уровень проработанности деталей

  • Используйте изображения с постоянным уровнем детализации

    Например, большинство ваших изображений являются фотографическими, что просто не соответствует простой, «нереалистичной» графике. Придерживайтесь либо простой графики, либо фотографики, но не для одной и той же цели.

Обрамление / Фон

  • Убедитесь, что изображения в основном выглядят так, как будто они были сделаны специально для своего кадра .

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

  • Используйте изображения с похожими фоновыми композициями

    Это не означает, что все фоны природы или все фиолетовые фоны, это означает, что у вас не должно быть некоторых полных фоновых изображений, а также некоторых «лайт-боксов» (с большим количеством буквально пустого пространства).

Во-первых, спасибо за изменения, о которых идет речь. Далее эти фотографии выбираются заказчиком/работодателем и мне осталось только изменить стили.
@DevelopersPedia Если бы я был на вашем месте, я бы сначала настроил цвета для всех изображений и исправил рамку на этом разбитом сердце (возможно, даже изменил цвет фона, чтобы он лучше соответствовал цветовой схеме). Затем объясните клиенту, основываясь на некоторых пунктах выше, что ему нужно повторно выбрать два изображения (3D-изображение и одно с высоты птичьего полета), если они хотят, чтобы оно выглядело как можно лучше. Если они откажутся, я просто исправлю то, что могу, и скажу им, что я не делал/выбирал фотографии, поэтому я не могу нести ответственность за их эффективность.

Я не могу реально помочь вам с вашими потребительскими требованиями – и боюсь, вряд ли кто-то сможет.

Может быть, вы на самом деле не участвуете в создании реального веб-сайта — и вы «просто» создаете образцы макетов? Но все же я хотел бы порекомендовать вам не изменять сами изображения, загружаемые на веб-сайт, а вместо этого изменять внешний вид изображений, применяя стили CSS3 .

Все приведенные вами примеры могут быть достигнуты с помощью CSS. Фактический эффект будет отображаться в браузере, а изображения останутся прежними. Это сделало бы использование стилей css более гибким, чем фактическое манипулирование изображениями. Вы можете изменить все стили изображения сразу, и вам не нужно повторно отображать и повторно загружать какие-либо изображения. Поэтому, даже если позже ваш клиент решит просто применить другой стиль, вы можете сделать это без особого стресса.

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

Большое спасибо за ваше предложение. Я попробую это и объявлю результат.
Как создать единый стиль для стоковых изображений для веб-сайта?
СпросиСетьПолитика конфиденциальности1y, 0v