Научись уже делать картинки! «Учебник» маминой подруги, или Книга-презентация. Визуальные принципы мультимедиа для начинающих

Введение

Какая первая ассоциация приходит тебе на ум, когда ты слышишь слова «мультимедиа» или «мультимедийный»? Когда в последний раз ты их видел?

Наверняка в настройках смартфона, если он у тебя на Android. А может быть, на сайтах государственных ведомств, где все еще может располагаться рубрика «мультимедиа», что бы это ни значило.

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

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

Если ты «спросишь гугл», он тебе ответит, что МУЛЬТИМЕДИА – это обмен информацией в виде картинки, звука, видео или анимированной графики.

Ок, гугл! Но я добавлю: это еще и обязательно контент в ОНЛАЙНЕ. Иначе все, что написало, нарисовало, наснимало человечество с момента появления Homo sapiens, – мультимедиа.

Есть еще один важный принцип: мультимедийный контент всегда интерактивен. Что я понимаю под интерактивностью? То, что пользователь сам управляет тем, как потреблять информацию. Он действует по принципу, в основе которого возможность и желание: могу и хочу! Могу увеличить или уменьшить, хочу остановить, перелистнуть или установить хронометраж и т. д. И если у пользователя возникло желание взаимодействовать с контентом, у него должна быть возможность это сделать. Запомни это и используй, когда ты придумываешь свой мультимедийный контент!

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

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

Мультимедийный текст живой, потому что интерактивен. Он изначально представлен через аудио, видео, фото, графику. И все это вперемешку![1]

С мультимедийным текстом пользователь может взаимодействовать: трогать, передвигать, останавливать – он с ним контактирует. В этом и есть суть мультимедийности.

Посмотри на ставший легендарным проект Snow Fall[2], он опубликован в 2012 г. The New York Times (NYT), сканируй QR ниже, и ты увидишь первый мультимедийный проект, созданный СМИ и положивший начало эре мультимедийности в медиа.

Бывалым мультимедийщикам от упоминания этого проекта сводит скулы. Так и есть! В свое время про него так много рассказывали на журналистских тренингах и описывали в диссертациях, что он и вправду надоел. Но писать книгу про мультимедиа и игнорировать этот проект – это как рассказать историю возникновения печати и не упомянуть Гутенберга (еще раз привет, Иоганн) или не пытаться цитировать Маклюэна с его не менее набившим оскомину The Medium is the Message, говоря о влиянии смартфонов на нашу способность общаться.

3. Тулина Е. 16 лонгридов, которые хочется пересматривать и перечитывать // Monocler.ru. 2013. https://monocler.ru/16-longridov-kotoryie-hochetsya-peresmatrivat-i-perechityivat/.

Моя старшая кошка Киса на фоне главной страницы проекта Snow Fall газеты NYT

Snow Fall заслужил, чтобы о нем продолжали вспоминать. Он начал эру совершенно другого контента в СМИ: «поженил» смыслы и технические фишки. Многие журналисты и редакторы только после его появления стали смотреть на создание материалов со стороны технологических возможностей онлайна, увидели, что в сети рассказывать истории можно визуально насыщенно и интерактивно. И что от этого история только выигрывает!

Созданный NYT проект был настолько нов для медиа, что появилось сразу несколько определений, которыми пытались обозначить суть формата: мультимедийная статья, лонгрид, лонгформ, мультимедийная история, мультимедийный фичер и др. На пару лет само название проекта стало нарицательным, все большие интерактивные материалы называли snowfall.

В этом проекте все было необычно для медиа 2012 г.:

● Широкоформатная верстка, без отвлекающих внимание боковых виджетов и баннеров.

● Завораживающая полноэкранная шапка со встроенным в нее видео.

● Звук вьюги, сопровождавший картинку и с первой секунды вводивший пользователя в историю.

● Использование параллакс-скроллинга[3], тогда он произвел главный вау-эффект, был впервые применен для верстки журналистского материала, до этого использовался при создании рекламных посадочных страниц.

● Внедрение в повествование 3D-графики, разверстанной во всю ширину сайта.

● Многочисленные видео, фотослайд-шоу.

● И при этом в проекте было очень много текста: 17 000 слов (больше 100 000 знаков).

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

Новаторская визуализация текста в Snow Fall принесла его автору Джону Бранчу Пулитцеровскую премию 2013 г. На страничке премии в Википедии за этот год напротив его фамилии написано: «За прекрасный рассказ истории, усиленный искусной интеграцией мультимедийных элементов».

Младшая кошка Шантель на фоне главной страницы проекта Firestorm газеты The Guardian

Через полгода после выхода Snow Fall британский The Guardian «кидает ответку» и выпускает мультимедийный проект Firestorm[4] – о пожарах в Тасмании.

Сделали ли они это специально, но британцы противопоставили свой проект американскому даже в названии – пусть у них снег, зато у нас – огонь! Ироничненько.

Два проекта, две журналистские школы, два подхода к производству больших мультимедийных историй. Оба уже очень мультимедийные, но с большой разницей: несмотря на визуальную составляющую, в основе Snow Fall – текст, а в Firestorm – видео.

Киса на фоне проекта Snow Fall газеты NYT

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

Шантель на фоне проекта Firestorm газеты The Guardian

Уникальность Snow Fall и Firestorm в том, что они ставят знак равенства в производстве между текстом и картинкой, навсегда закрыв спор, что из них главнее. Надо ли гнаться за оболочкой, если важнее содержание? Оказалось, что оболочка тоже несет смыслы, а содержание может быть представлено не только текстом. Они равноправны, они равнозначны! На визуальное оформление авторы обоих проектов потратили не меньше времени, чем на сбор информации и написание текста.

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

Итак, под мультимедиа в этой книге мы будем понимать контент:

● визуальный – как мы представим текст;

● интерактивный – как с увиденным может взаимодействовать пользователь;

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

Почему мультимедиа – это крутая штука? Переходи по ссылке: https://www.nytimes.com/projects/2012/snow-fall/index.html, читай Snow Fall, переходи по второй: https://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family и смотри Firestorm.

Задание для преподавателей[5]

1 Посмотрите проект по ссылке и ответьте на вопрос: какой элемент в проекте Snow Fall не является интерактивным, если смотреть его на сайте, но становится интерактивным, если смотреть его на телефоне? Задайте тот же вопрос студентам, попросите их привести примеры других интерактивных проектов. Действительно ли то, что они предлагают, – интерактивные проекты? Дискуссия приведет к единому пониманию термина.

Ответ: карта Каскадных гор на первой странице проекта Snow Fall. Она анимирована в 3D-формате и выглядит потрясающе! Но если смотреть ее на сайте, с ней нельзя взаимодействовать: остановить, приблизить, разглядеть. На сайте это графическая анимация, но она не интерактивна. Если же проект смотреть на телефоне, карта представлена в видеоплеере, и там ее можно останавливать и передвигать бегунок.

2 Дайте задание студентам определить: из каких единиц контента состоит проект? В каких разных формах представлен контент? Что именно, на их взгляд, инновационного было в Snow Fall и что из этого является привычным сейчас или даже устаревшим?

Ответ: нет единственного правильного ответа. Это вопрос для исследования проекта студентами и составления собственного мнения.

3 Изучите проект Firestorm. В чем главное отличие этого проекта от Snow Fall? Какой из этих двух проектов вам больше понравился и почему? Спросите студентов, на какой из видеоформатов в TikTok похожи некоторые блоки в Firestorm?

Ответ: авторы Firestorm акцентировали внимание на видео. Сначала в этом проекте ты смотришь и только потом читаешь то, что появилось сбоку. Текст сверстан в боковой панели неспроста. В таком виде он не отвлекает внимание от фона – видео, которое является основным способом рассказывания этой истории. Текст не мешает ему, становясь добавочным объяснением к видео. Тогда как в Snow Fall наоборот – видео было дополнением к тексту. Текста в Firestorm на самом деле тоже немало, но он подан кусочками, на каждый скролл (экран) по несколько абзацев.

И вспомните видео в TikTok с появляющимся текстом. Правда, чем-то похоже?

Фотография первой полосы газеты «Новый вестник» с опубликованным QR-кодом

В карагандинской газете «Новый Вестник» 11 лет назад пытались оживить печатный текст. К некоторым статьям в газете были опубликованы QR-коды, которые вели к дополнительным материалам на сайте – к видео или к фотогалерее. Так в редакции хотели совместить аудитории печатной версии и сайта. Чуда не случилось! Эксперимент не привел к результату: перетекания аудитории печатной газеты на сайт не произошло. Попытка превратить бумажный текст в интерактив оказалась искусственной. Важный вывод: пользователям надо не просто давать техническую фишку, но и понимать, как и для чего они ее используют. Будет ли она их удивлять, развлекать, решать их конкретные проблемы или что-то другое?

Фотография номера газеты «Новый вестник» с опубликованным QR-кодом в теле статьи

К середине нулевых люди, читавшие новости одного и того же СМИ в газете и на сайте, были драматично далеки друг от друга. Это были очень разные люди. Интернет в доме, ноутбуки и смартфоны были не у всех. Возможно, это сложно представить[6], но тогда для казахстанских медиа читатели «бумаги», несмотря на катастрофическое сокращение тиражей, были привлекательнее. По крайней мере, они, покупая печатные номера, еженедельно приносили пусть уже не те, но деньги. СМИ было сложно перестроиться и полностью уйти в интернет, мало кто понимал, как зарабатывать там. Создать новостное медиа только в соцсети? Речь о таком вообще не шла: появившиеся блог-платформы и соцсети СМИ воспринимали враждебно. «Это всего лишь еще один источник информации, не более того», – говорили в редакциях.

Задание для преподавателей

Сервис, в котором можно сгенерировать QR-код: https://www.qrcode-monkey.com.

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

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

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

3 Рассмотрите примеры других СМИ, которые успешно используют новые технологии для привлечения аудитории. Опишите, какие конкретно технологии они используют и как они помогают им удивлять, развлекать и решать проблемы своих читателей/зрителей/слушателей.