Если наш сайт отображается некорректно, пожалуйста, измените масштаб страницы в Вашем браузере :)
ОК
Close
MUTIM MEDIA
Создаем мультимедийный проект
Если вы захотели сделать свой мультимедийный проект, но пока на знаете как — мы поможем. Внизу собрана самая актуальная, полезная и доступная для освоения информация. В своих материалах мы собрали все самое необходимое, что нужно знать в работе над проектом. Научись делать мультимедийный проект вместе с нами!
ЭТАП 1
Придумываем идею
Создать проект |
В самом начале определитесь с темой. Какую историю вы хотите рассказать? Если пока не знаете о чем писать, посоветуйтесь на этот счет, например, с участниками вашей команды. Вдохновляйтесь тем, что вам интересно или актуально на сегодняшний день. Идея — это сердце проекта. Заставьте его биться.
Определяем аудиторию
ЭТАП 2
Люди среднего возраста
Дети
Подростки
Пожилые люди
Очень важно знать для кого вы пишите, собираете и оформляете материал. Любому проекту нужен читатель. Читатель задает настроение и может вдохновить на будущие публикации.
Если вы хотите, чтобы ваша информация запомнилась и была востребована, при работе, постоянно представляйте живой образ читателя. Для этого определите, чем человек, читающий ваш материал, живет. Сгенерировав достаточно яркий образ, можно понять, каким образом аудитория будет контактировать с материалом. Зная то, как думают ваши пользователи, вы будете знать что, как и где публиковать.

ЭТАП 3
Формируем команду
Над проектом вы можете работать как один, так и в команде. Обычно, создание проекта — многозадачный и длительный процесс, поэтому авторы предпочитают командную работу.
В любом проекте нужны люди, создающие тексты: журналист, сторителлер, репортер и др. Мультимедийность проекта определяет, кто понадобится команде, кроме «писателей»: фотограф, иллюстратор, программист, верстальщик, монтажер и т.д. Разделите поле своей будущей деятельности на области по характеру представляемой информации. В каждой такой области должен быть свой «эксперт» — вот вы и определились с будущим членами команды.
Как соберете команду, стоит составить план проекта.
Придумайте и пропишите последовательность действий. Сформируйте и раздайте задания для каждого члена команды. Установите дедлайны. Следите за сроками выполнения проекта.
ЭТАП 4
Сбор информации
Самый продолжительный этап в работе над проектом — формирование контента. Советуем организовать некоторые процессы подготовки материала параллельно. Например, когда один пишет текст, одновременно с ним другой снимает и монтирует видео, а кто-то рисует инфографику. Вот здесь лучше всего проявляются плюсы командной работы.
ЭТАП 5
Выбор платформы
Есть идея? Вы уже определили аудиторию? Набрали команду и распределили обязанности? Отлично! Теперь пришла пора выбрать платформу, на которой будет рождаться и расти ваш проект. Способ публикации и выбор платформы может вас ограничить, а может наоборот предложить новые функции и решения. Мы можем посоветовать вам:
ЭТАП 6
Выбор форматов
Это основные группы, в которые можно объединить мультимедийные форматы. Наводите на оранжевые круги со звездочками, чтобы увидеть список форматов, входящих в группу, а затем кликайте на название каждого формата и читайте про него подробнее, чтобы определить, что подходит для вашего проекта.
Изображения
Изображением может являться как фотография, так и любой рисунок, картинка. В зависимости от ваших целей следует подобрать подходящие изображения и разместить их так, чтобы они максимально четко отображали нужные идеи.

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

Слайд-шоу — это серия изображений, демонстрируемая в форме видео рассказа, которая может сопровождаться различными визуальными и звуковыми эффектами.
Современные технологии позволяют быстро и просто создать панорамы и фотографии, отражающие 360°, которые дают полное представление о том, как какое-либо место выглядит в действительности.
Интерактивная фотография позволяет получить более подробную информацию путем взаимодействия с ней. Интерактивная фотография дает возможность сделать точки на конкретных фрагментах фотографии и добавить туда дополнительные данные, фото, видео и т.д. Пользователю не нужно просматривать несколько фотографий, чтобы понять ситуацию и рассмотреть ее с разных сторон. Чем больше будет этих точек, тем, соответственно, больше времени пользователь проведет на вашем сайте, увеличится его заинтересованность и вовлеченность.
Фотослайдером называется удобный инструмент, который помогает рассказывать историю, представляя информацию для сравнения в виде «до/после», показывать, как может измениться человек, объект или событие с течением времени.

Видео
Основные принципы использования видео

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

График
Круговая диаграмма
Столбчатая диаграмма
выражает взаимосвязь величин
с использованием прямоугольной системы координат
отображает показатели частей в процентах по отношению к общему значению
отображает изменения данных в течение какого-либо определенного периода или сравнение между элементами
С помощью таймлайна можно грамотно выстроить события в хронологическом порядке и отразить причинно-следственные связи.
Для создания таймлайна надо выбрать такое событие, которое содержало бы несколько этапов, произошедших в разное время.
Это событие должно быть актуальным не один день или неделю, им должны интересоваться продолжительное время, иначе не стоит тратить на него ресурсы.
Первым этапом создания таймлайна является, конечно же, сбор фактов: ищем всю необходимую информацию, отсеиваем ненужную. Затем мы упорядочиваем эти данные, выстраиваем их хронологически и логически.

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

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

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

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

Чек-лист — это набор кратких и четких пунктов, список контрольных вопросов, критериев или заданий, определяющий направление дальнейшей работы. Внутри чек-листа стоит выделять наиболее важные задачи, те действия, которые нужно сделать в первую очередь.

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


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

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

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

Например, в 2015, 2016 и 2017 годах редакцией сайта The Village велась текстовая трансляция церемонии вручения премии Американской киноакадемии «Оскар», а на официальном сайте «Европы Плюс» можно посмотреть прямую видеотрансляцию из студии

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


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


Подборки цитат помогают еще лучше раскрыть тему и показать, каким образом она освещалась ранее. Цитаты могут отражать личное отношение к заданному вопросу людей из различных сфер, среди которых могут быть и эксперты, и простые наблюдатели.
«Одно из самых удивительных заблуждений — заблуждение в том, что счастье человека в том, чтобы ничего не делать.»
Л. Толстой
«Я рожден, и это все, что необходимо, чтобы быть счастливым.»
А. Эйнштейн
«Я счастлив, потому что мне некогда подумать о том, что я несчастлив.»
Б. Шоу
Подборка ссылок дает возможность заинтересовавшимся пользователям узнать добавочную информацию, изучить вопрос более подробно. Это могут быть ссылки как на дополнительные материалы, факты, какие-либо документы, так и на социальные сети компании. Выбор зависит от того, какие цели вы преследуете.

Больше информации
А еще предлагаем посмотреть подборку ссылок на интересные мультимедийные проекты

Daft Punk: Machines For Life / Pitchfork Media
The Long, Strange Trip of Dock Ellis / ESPN
The Dawn Wall: El Capitan's Most Unwelcoming Route / The New York Times
Земля Отчуждения / Коммерсантъ
Tomato Can Blues / The New York Times
Рейтинги и топ-листы отображают значимость каких-либо событий, явлений, объектов с точки зреия качества или количества, являются порядковыми и числовыми показателями их важности. Такие форматы позволяют оценивать и структурировать сложную информацию в соответствии с определенными критериями.

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


Информационный портал Meduza активно использует формат карточек, чтобы быстро, просто и понятно преподнести материал (чаще всего партнерский) в виде вопросов, которые могут возникнуть у пользователей
93%
всей коммуникации
составляет
невербальная
коммуникация
Врезки в виде цитат, цифр и коротких фактов — художественно оформленные элементы, располагающиеся посреди полосы или на полях. Иногда эти форматы четко говорят сами за себя, поэтому к ним не требуется развернутое пояснение. Их основная цель — привлечь взгляд пользователя, акцентировать внимание на важном. Оформлять врезки можно с помощью выделения кеглем, цветом, начертанием, какими-либо рамками, линиями, цветными подложками. В некоторых социальных сетях эти микроформаты могут являться самостоятельной единицей контента.

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

Например, на сайте storymap.knightlab.com можно рассмотреть триптих Иеронима Босха «Сад земных наслаждений» и много других проектов, а также создать свою собственную карту историй

Выбор программ
ЭТАП 7
А здесь собрались все сервисы и программы, которые помогут вам при создании мультимедийного проекта. Наведите курсор на звездочку рядом с каждым форматом, чтобы увидеть список инструментов, которые вам понадобятся
Программы для создания и обработки видео-контента:
• Movavi Video Suite;
• Adobe Premiere.

Платформой для создания вашего мультимедийного проекта, может стать Tilda Publishing.
Для создания тестов, опросов и викторин вам отлично подойдет сервис под названием ProProfs.
Сервисы, которые сделают ваши фото и видео интерактивными:
JuxtaposeJS, поможет вам сделать слайдер «было/стало»;
Thinglink – сервис для создания интерактивных фото;
ResizePicOnline.com – инструмент для изменения размера фото онлайн;
PlayPosit – это бесплатный сервис для создания интерактивного видео;
•Adventr – простой сервис для создания интерактивных видеороликов.

Сервисы для проведения вебинаров, онлайн-конференций и трансляций:
Clickmeeting;
Webinar.ru.
Readability.io – удобный и простой сервис для проверки читаемости текста.
360 PANORAMA – сервис для создания флэш-панорамы;
Сервисы для создания таймлайн:
Timeline JS;
Sutori.
SoundCloud – этот сервис поможет вам встраивать свои аудио на любой сайт и сервис.
Для создания инфографики вам помогут следующие сервисы:
Infogr.am.
Slemma
Creately
Venngage
Canva
Visme
Программы для редактирования фотографий:
• Adobe Photoshop;
Movavi Photo Editor.
ЭТАП 8
Дизайн и верстка
Контраст — ваш лучший союзник
Для того, чтобы помочь своему читателю понять информацию и при этом не загубить его зрение, цвет шрифта и цвет фона должны быть достаточно контрастными. Самым оптимальным сочетанием является черный текст на белом фоне. Наиболее опасными цветовыми сочетаниями являются оттенки светло-серого, желтого и зеленого цвета.
Черный vs Почти черный
И в этой категории просто черный проигрывает почти черному, так как текст с таким цветом рябит в глазах, и в итоге читателю сложно сфокусироваться и понять о чем же идет речь. Поэтому при выборе цвета шрифта попробуйте использовать цвет #333 333 RGB (51,51,51) вместо чисто черного.
С чего начать? Начните с главного!
Многие дизайнеры неустанно говорят о необходимости иерархии в дизайне. Ваш читатель должен сразу понимать о чем идет речь, без скролла и кликов. Поэтому при создании дизайна расположите самую главную информацию в самом начале, чтобы сразу обозначить цель вашего сайта или проекта.
Примерами хорошей иерархии являются, знакомые всем пользователям социальных сетей — Instagram и Pinterest.
Если Instagram фокусируется именно на фотографии или видео пользователя, то главной функцией Pinterest является поиск идей и вдохновения, поэтому строка поиска стоит на самой верхней строчке сервиса.
Ровняй меня полностью!
Выравнивание, наверное, самый эффективный и быстрый способ исправить, то что выглядит плохо на странице буквально за пару кликов мышью.
Чтобы избежать «волнений» убедитесь, что все ваши элементы на странице выровнены по одному краю и начало каждого элемента соответствует началу другого.
Нужно больше воздуха
Никто не станет читать текст, написанный мелким шрифтом. Не бойтесь менять межстрочное расстояние и увеличивать размер шрифта, так текст не будет выглядеть слишком загроможденным и не станет нагонять тоску на читателя (ведь никто из нас не любит читать слишком много текста).
Используйте цветовые палитры
Если ваш «мятный недостаточно мятный», а желтый цвет не подходит к серому, рекомендуем воспользоваться генераторами палитр Coolors или Color Claim.
Эти сайты спасут ваши нервы и время от бесконечных споров и дискуссий.
ЭТАП 9
Привлекаем внимание
Существует ряд проверенных приемов и способов, которые действенно помогают в решении следующих вопросов: «Как привлечь внимание читателя? Как сделать так, чтобы ваш труд, который создавался не одну ночь, а может и месяц, был прочитан?».
Чтобы таких вопросов не возникало, мы подготовили для вас несколько советов.
Советы
Пишем крутой заголовок:
1
Откройте какой-нибудь сайт или газету;
2
Вооружитесь ручкой и листочком или подготовьте какой-нибудь гаджет для того, чтобы записывать информацию;
3
Читайте весь материал, не обращая внимания на заголовок;
4
После этого попытайтесь сформулировать свой заголовок, выделить основную мысль, выделить то, что может зацепить, удивить, заворожить, привлечь и сфокусировать внимание читателя;
5
Готово! Вы справились! Вероятнее всего, то, что вы записали, будет вполне неплохим заголовком.
Пишем текст, который дочитают до конца:
1
Решите на какую аудиторию вы расчитываете;
2
Используйте шутейки (если это позволяет тема текста);
3
Достоверная информация всему голова!;
4
Разбавляйте текст: интересные фактами, статистиками, опросами, диаграммами, всевозможными инфографиками;
5
Взбодрите читателя! используйте вопросно-ответную форму в тексте (важно сильно этим не увлекаться);
6
Пишите просто и понятно. Не нагромождайте текст.
Теория
Не забудьте первоначально изучить
какой-либо вспомогательный материал.
=
+
Результат
Практика
ЭТАП 10
Публикация проекта
Вот и все! Осталось лишь нажать на кнопочку, чтобы опубликовать проект и показать его всему миру!
Вам помогали
Аксёнова Екатерина
Instagram: @purple_student
Базарон Светлана
Instagram: @bazaron_
Вагина Анна
Instagram: @annieblack
Дрючкова Екатерина
Дрягунова Ксения
Instagram: @dr.ksiu
Михайлова Анна
Instagram: @miivva.a
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website