Обучайся бесплатно с WAYUP Premiere сегодня вечером

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

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

Как отличить подлинное изображение от обычного

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

Аутентичный образ – тот образ, что выглядит реальным и напрямую подключается к нашему сознанию. Это может быть выполнено посредством фотографии (любительской или профи), видео или иллюстрации. Впрочем, аутентичность не всегда предполагает реалистичность. Небольшой мультфильм или анимация тоже могут восприниматься как аутентичные, подлинные для пользователей.

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

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

Посмотрите на проекты 301 Creativa Studio, Milu, Bills Khakis, Alpha Works, Ballparks of America Website. На всех сайтах используются фотографии реалистичные, несмотря на обилие фотофильтров и дополнительной обработки. Даже сайт бейсбольной команды, казалось бы, состоит из настоящих фотографий. Но присмотритесь. Выбраны те моменты и такие кадры, которые надолго остаются в памяти и способны зацепить взгляд, взбудоражить эмоции. Даже если вы не фанат бейсбола, смотреть на молодую команду все равно интересно.

С другой стороны, стоит обратить внимание на проект  Alpha Works. Дизайнеры использовали видео нового офиса и стандарта работы, социума, как они преподносят проект. Но обратите внимание. Все буквально «сходят с ума» от смеха и радости. Любое время рабочего дня, любое окружение, даже планерка или совещание, обед или беседа с коллегой. Они не просто улыбаются, они смеются и радуются. Не спорим, в офисной работе не всегда и не все ходят угрюмые или педантично-строгие. Но ведь и не хохочут во весь рот. Выглядит, в целом, это видео может и красиво, но эмоции слишком противоречивые. И это уже не аутентично. Это посредственное видео.

Как найти аутентичные изображения

Вы спросите, как выбрать из большого объема работ на фотобанках или в собственном фотике, те снимки или изображения, которые действительно являются аутентичными? Как найти их, использовать или создать? Согласимся, сказать об этом проще, чем сделать. Да, еще стоит задуматься, а оно вам вообще нужно?...

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

Неважно, что вы решите создавать: фотографии или видео, или из готовых работ собирать новое изображение. Но вот некоторые вариации с чего можно начать.

Фотографии сотрудников компании для страницы с контактами. Это хорошо, даже если вы создаете сайт для малого бизнеса. Групповые снимки или индивидуальные – неважно. Все  сотрудники даже могут занимать самые разные позы. Позвольте им выразить себя, показать свою необычность. Например, как это использовано на yandex, Microsoft, Ubisoft.

Покажите местоположение офиса, здания, может, рядом есть парк, сквер, достопримечательности. Это может быть вид из окна или наоборот, вид из сквера на офисное здание. Оттолкнёмся от JAPAN AIRLINES , Oxford Properties.

Изображение продукции всегда ценно и не только для интернет-магазинов. Но куда интереснее видеть, как люди используют эти продукты/услуги, взаимодействуют с ними. При этом такая фотография или видео может очень удачно разместиться на домашней странице. Но вот студийные фотоснимки продукции лучше придержать для карточек товара. Самое простое и наглядное, это: surlat и haberbueni.

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

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

Стоковые изображения – тоже вариант

Мы неоднократно размышляли с вами на тему использования стоковых фотографий в веб-дизайне. Говорили и о том, что они могут ухудшить дизайн в целом, могут улучшить. Все дело в том, как именно осуществляется их отбор, отсеивание ненужного. Не все веб-дизайнеры способны создать сами нужные изображения или нанять профессионала. С одной стороны, сроки поджимают, с другой, бюджет не рассчитан на такое. Соответственно, что мастер обращается на ресурс со стоковыми изображениями, которые и чувствуются подлинно, и выглядят реалистично. Главное здесь – держаться подальше от клише. Например, чересчур счастливых и веселых людей в деловых костюмах, проходящих по полю или лугу.  Или что-то аналогичное, но явно из того, что в реальности просто быть не может.

Посмотрите на небольшое изображение на сайте Microsoft. Оно маленькое, но такое аутентичное, такое эмоциональное. Подарки? Но мужчине и женщине даже не до них. Они смеются, но смех искренен и реален в их ситуации, в той среде, где они находятся. Ни один момент сюжета и композиции не является чужим в данном случае.

Чтобы найти подлинную образность принято вот на что обратить внимание:

  • Тип действия в сюжете.
  • Люди без плакатов и без диаграмм на заднем/переднем плане (особенно за стеклом).
  • Соответствующая эмоция. Если люди что-то изображают веселое, то улыбки должны быть на их лицах. Если они работают, то это должно быть понятно по их мимике.
  • Глубина и баланс композиции. Здесь стоит обращать внимание на фокус, размытость фона.
  • Не стоит смешивать на фотографиях естественное и неестественное. Если демонстрируется напиток, не надо делать тонировку из пузырьков или использовать композиции, где люди смотрят на черный/белый экран монитора.
  • Крупные лица людей тоже стоит обойти стороной.

Аутентичность видео

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

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

Одно изображение вместо тысячи

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

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

Но есть исключение. Это если дизайнер решается на использование небольших картинок с возможностью их увеличения.

Посмотрите на один только сайт  Kempen, который «оказывает эмоциональное влияние на каждого посетителя и при этом не теряет своей утонченности». Вы спросите: «и где здесь аутентичность?». В каждом изображении, будь то модель города, бонсай, пазлы, сложенные  в виде стопочек из игровых фишек или монет (как символ финансов), и прочее. Прогуляйтесь по сайту, переведите услуги компании и задумайтесь над изображениями. Они не просто реалистичны, они представляют реальность в миниатюре с фокусом на главных деталях, относящихся к деятельности фирмы.

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

Выводы

Выбор аутентичных изображений – это как крылатое выражение из-за океана: «узнаю, когда вижу» (обозначающее умение или готовность говорящего классифицировать наблюдаемые явления или объекты при отсутствии точного определения). Если у человека хороший глаз, то аутентичность для него – вторая натура. Приходя в какой-нибудь ресторан, позиционирующий себя, как «самый аутентичный японский ресторан», такой человек может и уйти, потому как его чутье подсказывает, а глаза подмечают недочеты или казусы, из-за которых в действительности ресторан не выглядит аутентичным. На деле, все это не более чем маркетинговый ход.

Аналогично и в веб-дизайне. Если дизайнер сам не чувствует правдоподобность сюжета или концепции, идеи, то ему сложно, конечно, подобрать нужное для конкретного проекта. Просто попросите о помощи родных или друзей. Спросите их: «что вы чувствуете, гладя на этот образ?», «что вы думаете, смотря на виде/фото/картинку?».

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

 

Как вам материал?