Кратко

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

Каталог генераций устроен так, что красивых кадров в нём всегда больше, чем подходящих. Именно поэтому выбор затягивается: глаз оценивает картинку саму по себе, а работать ей придётся в чужом окружении — рядом с заголовком, кнопкой и соседними изображениями. Ниже — порядок, который переводит выбор из «нравится» в «подходит»: сначала описываем место, потом ищем, потом проверяем.

С чего начинать выбор: с задачи или с картинки?

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

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

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

Пять шагов выбора изображения: место, бриф, отбор, проверка, серия

Методика целиком: от описания места до сборки серии.

Что должно быть в брифе на поиск?

Бриф на поиск — это не список красивых слов, а перевод описания места в признаки кадра. Он отвечает на вопрос «что должно быть видно», а не «в каком стиле».

  • Сюжет. Что происходит в кадре: человек работает, продукт стоит на столе, город снят сверху. Сюжет — главное; стиль подбирается после.
  • Роль в макете. Иллюстрация объясняет, фон держит текст, герой продаёт первое впечатление. У фона требования обратные требованиям героя: чем он спокойнее, тем лучше.
  • Ориентация и запас. Горизонталь под шапку, вертикаль под мобильный экран, квадрат под ленту — и запас по краям на случай обрезки.
  • Тон. Тёплый или холодный, дневной или вечерний, светлый или контрастный. Тон легче сформулировать, чем «стиль», и он лучше проверяется глазом.
  • Серийность. Нужен один кадр или комплект. Если комплект — ищите сразу его, а не «первый, а потом что-нибудь похожее».

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

Как отличить кадр, который выдержит увеличение?

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

Два кадра рядом: слева перечислены слабые места, справа признаки надёжного кадра

На что смотреть в первую очередь: руки, надписи, повторы текстур, тени и границы объектов.

  • Руки, пальцы, украшения. Самая частая поломка и самая заметная: читатель находит её раньше, чем прочтёт заголовок.
  • Надписи и вывески. Нейросети уверенно рисуют правдоподобную бессмыслицу. Если в кадре есть текст, он должен быть либо читаемым и осмысленным, либо заведомо размытым.
  • Повторяющиеся текстуры. Плитка, кирпич, листва, ткань, толпа: ищите места, где узор сбивается или «плывёт».
  • Тени и отражения. Свет должен приходить из одного места. Тень, лежащая не в ту сторону, разрушает доверие к кадру даже у тех, кто не сможет объяснить, что не так.
  • Границы объектов. Стык волос и фона, край очков, ручка чашки, ножка стула — там, где заканчивается один объект и начинается другой.

Важно соотносить строгость проверки с размером показа. Кадру, который живёт превью размером с монету, огрехи на стыке волос не помешают; тому же кадру во всю ширину первого экрана — помешают обязательно.

Фотореализм или иллюстрация: что выбрать под задачу?

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

Фотореализм

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

Иллюстрация

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

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

Как проверить кадр за две минуты?

Короткая проверка перед покупкой ловит почти все обидные ошибки. Она не требует редактора — достаточно страницы работы и вашего макета.

  1. Посмотрите в масштабе показа

    Уменьшите картинку до размера, в котором её увидят. Половина сомнений исчезает: то, что мешало при рассматривании, в ленте не видно вовсе, а то, что казалось мелочью, вылезает на первом экране.

  2. Найдите текстовые поверхности

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

  3. Проверьте свет и геометрию

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

  4. Примерьте кроп

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

Где оставлять воздух под текст?

Там, где по макету стоит заголовок или кнопка. «Воздух» — это область без важных деталей и без резких перепадов яркости: белый текст читается на ровном тёмном участке и перестаёт читаться на пёстром.

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

Одна картинка или серия?

Если изображение на странице одно, ошибиться сложно. Как только их становится три и больше, работает не качество каждого кадра, а согласованность набора: одинаковая точка съёмки, близкая температура света, сопоставимая плотность деталей.

Для фонов и подложек берите спокойные поверхности — раздел текстур даёт кадры, которые не спорят с текстом. Для сюжетов о среде и настроении помогает раздел природы: в нём проще найти кадр с готовым свободным полем под заголовок.

Что чаще всего идёт не так?

Отдельная и почти невидимая ошибка — выбирать под сегодняшнюю задачу, забывая про завтрашнюю. Кадр с первого экрана почти всегда потом едет в превью ссылки, в письмо и в пост; если он живёт только в одной пропорции, вы обнаружите это в момент, когда времени на поиск уже нет.

Главное

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

Опишите одно предложение: что читатель должен понять, увидев картинку. Из него выводятся сюжет и роль кадра в макете, а из них — всё остальное: пропорция, тон, запас под текст.

Как понять, что кадр не выдержит крупный формат?

Увеличьте его до предполагаемого размера показа и посмотрите на руки, надписи, повторяющиеся текстуры и границы объектов. Если приходится уговаривать себя, что «в макете не будет видно», значит, будет.

Можно ли использовать один кадр в нескольких местах?

Можно, если он переживает все нужные обрезки. Проверьте заранее: герой не должен уходить за край при переходе от горизонтали к квадрату и вертикали.

Что делать, если в кадре есть текст на непонятном языке?

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

Как собрать серию, если подходящих кадров мало?

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

Что важнее — разрешение или сюжет?

Сюжет. Недостаток разрешения ограничивает только размер показа, а неподходящий сюжет не спасает никакое разрешение: читатель считывает смысл кадра раньше, чем его качество.