Craftum — конструктор сайтов
Создайте сайт с помощью профессиональных шаблонов или придумайте дизайн с нуля

7 советов, как выбрать хорошие иллюстрации для сайта

1 комментарий

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

Побор изображений для сайта

1. Думайте о цели

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

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

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

2. Дополняйте информацию, а не повторяйте ее

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

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

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

3. Выбирайте нетипичные фотографии

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

Пути достижения этого: необычная картинка – либо ее кадрирование (вырезание определенной части) – либо оригинальная обработка (цветокоррекция, добавление элементов и т.д.).

4. Делайте фото сами

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

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

5. Осторожно выбирайте фотографии с людьми

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

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

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

6. Будьте смелее

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

Однако не забывайте отслеживать цели и обратную связь от своих посетителей (или клиентов) – легко перегнуть палку и вместо интересного изображения выбрать пугающее или вызывающее неприязнь.

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

7. Выбирайте качественные изображения

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

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

Где искать картинки?

Существуют платные и бесплатные стоки изображений. И всегда есть Google (который также может вас отправить в один из стоков). Здесь упомяну лишь некоторые.

Платные стоки:

Бесплатные стоки:

Фотостоки

Я нашел картинку, что дальше?

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

  1. Оптимизируйте изображение. А именно: уменьшите его размер и вес, чтобы картинка (и сама страница) загружались быстрее.
  2. Используйте разные размеры для разных устройств. Если ваш сайт можно просматривать на различных устройствах, от компьютера до мобильного телефона, то есть смысл сделать несколько изображений с разными размерами для того, чтобы на каждом устройстве отображалось подходящее адаптированное изображение.
  3. Укажите авторские права (если они есть).
  4. Пропишите атрибут alt у всех изображений. Эта оптимизация поможет вам получить дополнительный трафик из поисковых систем.
  5. Пропишите атрибут title у всех изображений. Подсказка будет всплывать при наведении курсора на изображение. Мелочь, а приятно.

Вывод

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

Комментарии

Четко, ясно, просто, спасибо Катерина за статью !)
С помощью соцсетей
У меня нет аккаунта Зарегистрироваться
Нажимая кнопку «Зарегистрироваться», я даю согласие на обработку своих персональных данных, указанных в форме регистрации.
С помощью соцсетей
У меня уже есть аккаунт Войти
Нажимая кнопку «Зарегистрироваться», я даю согласие на обработку своих персональных данных, указанных в форме регистрации.
Инструкции по восстановлению пароля высланы на Ваш адрес электронной почты.
Пожалуйста, укажите email вашего аккаунта
Ваш баланс 10 ТК
1 ТК = 1 ₽
О том, как заработать и потратить Таймкарму, читайте в этой статье
Чтобы потратить Таймкарму, зарегистрируйтесь на нашем сайте