Как сделать мультимедийный репортаж с помощью Scrollkit
Делать красивые мультимедийные репортажи, подобные знаменитому “Снегопаду”, может каждый. Вам не нужно быть ни программистом, ни дизайнером. Я сам убедился в этом, потратив два дня на освоение бесплатного инструмента Scrollkit, который позволяет создавать веб-сайты с красивыми эффектами легко и быстро. Главное - чтобы был качественный контент, который вы таким образом хотите опубликовать. Ниже предлагается инструкция о том, как пользоваться сервисом.
Всеволод Пуля, управляющий редактор Russia Beyond the Headlines, проекта “Российской газеты”
Материал впервые опубликован в журнале «Журналист» №02/2014
Scrollkit - визуальный редактор веб-страниц - был создан двумя энтузиастами еще в 2012 году, и с тех пор разросся неплохим функционалом и новыми эффектами. На его базе уже создано довольно много интересных проектов. Кстати, сами авторы в качестве промо-акции по привлечению внимания к проекту в свое время создали на своем движке точную копию нью-йорк таймсовского “Снегопада”. Позже им пришлось удалить ее с сайта из-за претензий газеты к соблюдению авторского права.
Лучшее в скроллах, созданных с помощью Scrollkit, - то, что их можно скопировать в редактор и увидеть самому, как автор добился тех или иных эффектов. Главное, чтобы скролл был размещен на хостинге самого сервиса, а не на стороннем сайте. Для этого к любому URL понравившегося скролла достаточно добавить /copy, чтобы получилась ссылка вида http://scrollkit.com/XXXXX/copy. Например, вы можете скопировать к себе мой скролл https://www.scrollkit.com/s/lexNnGE/copy и посмотреть, как были сделаны те или иные эффекты.
Основы
Чтобы начать работу, вам надо зайти на страницу http://scrollkit.com, залогиниться с помощью Facebook (или создать аккаунт на самом сайте), нажать на кнопку Compose и выбрать самый первый, пустой шаблон под названием Blank. Для лучшего понимания принципов работы Scrollkit вы также можете посмотреть, как устроены другие шаблоны.
Scrollkit позволяет создавать веб-страницу в виде свитка - длинной “колбасы” с прокруткой. Любая такая страница называется “скроллом”.
В последнее время все больше коммерческих и новостных компаний используют для презентации продукта или рассказа длинной истории именно такой формат: огромные, во весь экран, картинки, отсутствие лишних кликов для пользователя - знай себе, крути колесо мыши, читай текст, смотри видео и картинки.
Сервис строит веб-страницы из так называемых “стрипов”, то есть полос или блоков. Есть два вида стрипов: обычный и текстовый. Текстовый стрип не позволяет совершать с ним большинства действий, доступных для обычного, зато он удобен для вставки крупных кусков текста, которые будут одинаково хорошо отображаться на разных типах устройств, подстраиваясь под их экраны.
Сами же стрипы под экран автоматически не подстраиваются, так что рекомендую вам экспериментировать с их размерами, просматривая их на разных устройствах и отмечая, как себя поведет страница в тех или иных условиях.
По умолчанию в “пустом” шаблоне уже создан первый, обычный стрип. В верхней части экрана находится панель инструментов. Первые пять кнопок слева направо позволяют вам добавить в стрип текст, форму (квадрат или круг), изображение, нарисовать что-то мышкой “от руки” или добавить интерактивные объекты. Последние скрываются под кнопкой с изображением кубика от конструктора ЛЕГО и пока могут представлять собой видео с YouTube, твит, кнопку, чтобы поделиться страничкой в твиттере, а также любой другой контент, встраиваемый через тег