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

Итак, выработана концепция, собран богатый и многоплановый визуальный материал (изображения) разного качества и разрешения, а также найдены статьи, главы книг, сделаны закладки на нужных сайтах… Что дальше? Как из большого объёма изображений и текстов собрать визуальное исследование?

Для начала надо проанализировать богатый и разношёрстный материал и, применив некую методологию (функциональный подход), разложить на категории (качественные характеристики) предмет исследования. На основе выработанной структуры придумать сценарий: как с помощью визуальных рядов донести до зрителя / воспринимателя свою мысль, главную идею, заложенную в концепции. Другими словами, студент выдвигает гипотезу и доказывает её с помощью логически выстроенных визуальных рядов. Помните формулу любого сюжета? завязка — развитие — кульминация — развязка Завязка — это описание концепции. Развитие — опора на исторические события и предпосылки возникновения рассматриваемого явления. Кульминация — наивысший момент в развитии действия. Выражаясь визуально-исследовательно, доказательство с помощью визуальных рядов той идеи, которая заложена в концепции. Развязка — это выводы, к которым в результате исследования приходит автор.

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

1. Обложка проекта — это лицо ВИ. Подходить к созданию обложки надо, как к созданию плаката. В обложке не стоит использовать название проекта и другие тексты, особенно набранные мелким кеглем. Название проекта появляется при подведении курсора к обложке любого проекта на странице visual research. Обложкой лонгрида должна быть яркая, привлекательная композиция без мелких и тонких деталей, другими словами, обложка сохраняет информативность даже при сильном уменьшении.

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

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

4. Использование фрагментов украшает и делает интересным для рассматривания, изучения любое ВИ. Изображения должны быть такими, чтобы их было приятно и комфортно воспринимать. Разность масштабов цитируемого объекта 100% и фрагмента 200– 300% вносит не только разнообразие, но и делает подачу материала более выразительной.

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

1. Нельзя использовать лоурезы (от англ. low resolution) — файлы низкого разрешения. Изображение не должно быть из размытых пикселей.

2. На протяжении всего лонгрида межколонники (разделители) — в слайдах должны быть одной ширины 24 рх (не варьироваться шире-уже).

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

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

5. В лонгриде недопустимо использование слайдов с текстом, стоящим поверх изображения. Даже если вы скачали такой файл, это не повод оставить его без коррекции в Photoshop. Для комментария к изобразительным слайдам платформой предусмотрены подрисуночные подписи объёмом до 200 знаков.

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

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

8. Гигиена текста — висячие предлоги, союзы, неправильно набранные тире и кавычки можно исправить, если прогнать текст через типограф:

Типограф

9. Все изображения, которые составляют лонгрид, должны пройти цветокоррекцию в Photoshop. Если используются изображения, которые невозможно найти в достаточном качестве и высоком разрешении, используйте фильтры для обработки. Например, можно усилить зернистость ч/б фотографии начала XX века, чтобы не возникли размытые пиксели в слайде. Усиление недостатка изображения может стать стилистическим приёмом, возникнет приятная фактура, которая объединит все фотографии изначально низкого разрешения. Исправляйте перспективные искажения, характерные для архитектурных объектов. Исправляйте геометрию тех объектов, которые должны иметь прямые углы, например, книги, столы, экраны мониторов, окна и двери и т. п.

10. Орфография и пунктуация — обязательно проверяйте тексты, которые используете в своих проектах. Проверка орфографии текста https://text.ru/spelling поможет избавиться от опечаток, грамматических и логических ошибок, повтора слов или лишних пробелов. Лонгрид с ошибками в текстах не может претендовать на высокую оценку.