Как использовать фотографии в веб-дизайне

Мощь воздействия на человека красиво выглядящей вещи — это не просто научно доказанный факт, это причина, по которой существует вся индустрия дизайна. Более того, наше существование как вида сильно обусловлено нашей способностью видеть и замечать вещи. То, как мы понимаем то, что мы видим, является главной подсказкой в разгадке природы наших поступков и нас самих.

Можно слышать, читать, думать о чём-то, о чём угодно — концепте, объекте, человеке, но так и не иметь полного представления об этом, пока не увидишь.

Люди, которые никогда не видели снега, просто не представляют, что это на самом деле такое. Они, конечно, знают, что это замёрзшие частички воды в воздухе, но у них нет опыта, они с этим не сталкивались. Некоторые из них считают, что люди, приехавшие из мест, где якобы есть снег, просто разыгрывают их, рассказывая о нём.

Фотографии и видео позволяют нам приблизиться к реальности, которая существует где-то ещё, без необходимости отправиться туда самим. Фото на веб-сайте — это не просто красивая куча пикселей, это маленький опыт взаимодействия с тем, что сайт продаёт или представляет. Очень важно подобрать материалы так, чтобы у посетителя этот опыт был положительным.

---

Фотография как часть дизайна

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

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

Контраст

Убедитесь, что фото, которое вы хотите использовать в вашем дизайне имеет правильный контраст с текстом. Возможность легко воспринимать содержимое сайта не должна быть принесена в жертву красивому внешнему виду. Например, тонкие белые шрифты на светлом фоне — это аццкий ужас.

Подобрать правильный контраст очевидно просто: если фото светлое, используйте тёмный цвет текста и наоборот. Если нужно использовать светлый текст на светлом фоне, сделайте тёмную подложку под текстом. Можно использовать тень, отбрасываемую текстом.

Качество

Скажем, вы создаете дизайн для веб-сайта какого-то маленького ресторана. Какие фото вы будете использовать? Те, кто сделал кто-то дешёвой мыльницей, переходя в спешке через улицу, полную прохожих, размазывая кадры от тряски при ходьбе? Надеюсь, вы не любите отвечать на такие риторические вопросы?

Если у вашего клиента нет качественных фото их бизнеса или продукции, сделанных профессионалом, попробуйте предложить им осуществить это. В противном случае придётся убеждать их в том, как крут минималистичный дизайн :) Отсутствие фото - это тоже вариант дизайна, и это гораздо лучше, чем попытки работать с некачественными изображениями.

В тему

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

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

Большие фотки рулят

Это же очевидно. Большие фотографии производят большее впечатление.

Фотография в качестве контента

Изображения хороши не только в дизайне сайта, но и как его содержимое, особенно если они сочетаются с текстом или аудио. Такие решения могут служить для достижения нескольких целей.

Привлечение внимания

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

Контекст

Визуальный ряд может снабдить посетителя сайта контекстом — портретом автора статьи, фотографиями места, упоминающегося в тексте, и так далее. Будьте осторожны, выбирая изображения для передачи контекста, ведь это повлияет на восприятие статьи читателем, а нам нужно настроить его в тон содержанию.

Права на использование изображений

Если фото не ваше и не принадлежит вашему клиенту, убедитесь, что у вас есть право использовать его в своей работе. Лучше получить разрешение в письменной форме, если это возможно, и всегда, всегда, отблагодарите автора и оставьте на него ссылку, если он не против.

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

Стоковые фото: платить или не платить?

Большим преимуществом стоковых фотографий является отсутствие заботы о правомерности их использования. Фотобанки всё сделают за вас, а некоторые даже бесплатно. Однако, вам стоит стараться заплатить за изображения, особенно, если вы выбираете их для основных элементов дизайна.

Плюсы бесплатных стоковых изображений

• Бесплатность — самый очевидный и весомый плюс
• Среди бесплатного сыра есть и вполне вкусные кусочки

Минусы бесплатных стоковых изображений

• Очень много всякого отстоя. Придётся перерыть кучу всякого мусора, прежде чем найдётся что- то стоящее
• Можно так и не найти то, что нужно. Иногда требуется что-то специфичное, чего нельзя найти на бесплатных фотостоках
• Разрешение на использование может требовать обратной ссылки, которая ну никак не вписывается в ваш дизайн

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

Плюсы платных стоковых изображений

• Если вы покупаете фото, обычно вы получаете право делать с ним всё, что захотите
• Выбор узкоспециализированных фото шире, иногда даже слишком, доходит до странностей :)

Минусы платных стоковых изображений

• Нужно платить бабло... Тут есть один момент, не позволяйте себе кроме действительно необходимой фотографии купить ещё парочку "на всякий случай", который не произойдёт никогда.

Платных стоков целые мириады, выбирайте те, которые предлагают необходимые вам материалы.

Фотографии людей

Отдельно стоит упомянуть о фото людей. Никогда не используйте стоковые фото людей в ваших проектах (или хотя бы только те, что выглядят как стоковые)! Эти тупые лыбящиеся манекены испортят посетителям впечатление и подорвут доверие к сайту.

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

В качестве вывода

Подойдите к выбору фотографий для вашего веб-сайта со всей ответственностью. Убедитесь, что у вас достаточно времени найти правильные материалы и получить разрешение на их использование, этот процесс может занять гораздо больше времени, чем может показаться сначала. Однако, никогда не соглашайтесь на то, что не дотягивает до определения "это реально крутая фотка".