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

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

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

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

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

Научная точка зрения

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

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

Мировой опыт

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

Uber

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

McLellan Jacobs Kayak

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

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

Apple

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

Bing

Еще один проект, который использует не просто фотографии природных красот, но сфокусированных на чем-то или ком-то. Это может быть птица, цветок, ветка дерева, маяк. Дополнительно Microsoft даже подписывает фотографии (правый нижний угол, иконка фотоаппарата).

Mah Ze Dahr Bakery

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

И еще один красивый проект.

Let's Travel Somewhere

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

Ошибки веб-дизайна с большими фокус-фотографиями

  • Размеры. Самая большая и частая ошибка веб-дизайнеров это неправильный выбор разрешения. Необходимо подбирать такие фотографии, что будут четко и хорошо отображаться во всех браузерах, а смысловой центр не будет теряться. Например, если в центре пара мужчины и женщины, то при любом разрешении экрана монитора и размера окна браузера это пара должна оставаться в центре, а не смещаться в сторону, чтобы для просмотра приходилось использовать горизонтальную линию прокрутки.
  • Время загрузки. Фотографии большого разрешения имеют и больший размер. Соответственно, они долго загружаются. И не стоит полагать, что буквально у всех в мире высокоскоростной интернет дома/на работе/в мобильном. Страны разные, регионы, местности и прочее. С помощью использования разных форматов файлов необходимо добиваться баланса качества и размера.
  • Неправильный формат. Многие проблемы сайтов и посетителей возникают оттого, что браузеры не могут загрузить то или иное фоновое изображение. Не стоит искать что-то уникальное, оно может попросту не поддерживаться браузерами еще или вообще. Самые удобные веб-форматы файлов для фотографий: JPEG, PNG. Иногда допускается Webp.
  • Сочетание. Использование фокус-фотографий должно быть воображаемо-ориентированным. Иными словами, не быть одиночным или от большого количества красивых отредактированных картинок превращать сайт в фотоальбом. Цель и направленность должны соответствовать.

Тренд не общей направленности

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

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

Вывод

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

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

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