25 полезных сервисов и плагинов для создания лонгридов – Blog Imena.UA

Давно хотели создать красивый лонгрид или цикл публикаций с нестандартной вёрсткой? Для всех, кто занимается контент-проектами, рекомендуем обратить внимание на эти 25 инструментов для создания красивых длинных текстов.

Онлайн-платформы для вёрстки длинных текстов

• shorthand.com — бета-версия сервиса, с помощью которого можно к тексту добавить анимированную инфографику, хроники событий и различные типы мультимедийного контента, способного дополнить этот текст.
• racontr.com — сервис для создания лонгридов от французских разработчиков. Помимо вёрстки красивых мультимедийных историй, может также служить конструктором сайтов и посадочных страниц.
• creatavist.com — онлайн-инструмент для создания «тяжёлых» лонгридов с большим количеством визуального контента, поддержкой локально загружаемых видеороликов и собственной админпанелью для работы с материалами.
• newhive. com — немного необычный сервис, который чаще всего используют совсем не для лонгридов, но вёрстка страниц в нём может вполне послужить для ваших авторских материалов.
• medium.com — если вы ведёте личный блог, верстать на этой платформе свои истории — сплошное удовольствие.
• 1po.st — крайне простой сервис, который может скорее служить в роли «тренажёра» для создания лонгридов.
• readymag.com — проект от разработчиков из России с поддержкой разных вариантов модульной вёрстки, выбора шрифтов и других дизайнерских опций.
• tilda.cc — ещё один российский проект с крайне простой админпанелью, который может стать серьёзным подспорьем для новичков в дизайне и вёрстке длинных текстов с большим количеством фото- и видеоконтента.
• stampsy.com — третий российский проект на тему лонгридов, ориентированный больше на фото-истории, чем на текст, есть поддержка видео из Vimeo и аудио из Soundcloud.
• exposure.co — проект, который позволяет быстро сверстать текст, картинки и видео, а полученный результат встроить на любой другой сайт с помощью встраиваемого кода.

Для мобильных лонгридов

• storehouse.co — самый потрясающий из сервисов. То, что эти проекты были созданы в мобильном телефоне сложно представить, но это так. Вы можете воспользоваться своим iPhone или iPad — и сверстать интерактивную историю, которая не будет уступать профессиональным издательским проектам.

Для «лонгформ» и документалистики

Лонгриды, в которых мало текста, не называют лонгридами. Если в нем много графического, визуализации данных, текст спрятан в графике, коротких видео или фото — такие проекты могут назвать лонгформами (от англ. long form — «длинная форма»).

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

Если вы собираетесь рассказать свою историю в таком необычном формате, обратите внимание на следующие сервисы:

• 3wdoc.com
• klynt.net

Для интерактивных презентаций

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

• projeqt.com
• slides.com
• prezi.com

Для вёрстки книг

Лонгриды можно сверстать и в сервисах для создания электронных книг (если, к примеру, вы хотите презентовать часть литературного произведения или художественную историю). Для этого стоит попробовать возможности следующих сервисов и программ:

• apple.com/ibooks
• storybird.com

Для создания сайтов-лонгридов

• webflow.com, interactions.webflow.com
• weebly.com
• wix.com

Инструменты и темы для WordPress

• aesopthemes.
  com — темы для создания «длинных текстов» на сайтах WordPress. Эти же разработчики создали Aesop — плагин, который позволяет на любом сайте на основе WordPress создать визуальные истории и тексты с нестандартной вёрсткой.
• wp-templates.ru/intergalactic
• wp-templates.ru/radcliffe
• demos.gabfirethemes.com

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

Источник: bestapp.menu

#интерактивные инструменты  #контент-маркетинг  #Лонгриды  #онлайн-журналистика  #плагины  #подборки  #полезные сервисы  #тексты

Создавайте интерактивные статьи в iSpring Learn

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

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

Рассказываем, как работает редактор лонгридов в iSpring Learn и как создать в нём интерактивную статью.

Пишите статьи с нуля или собирайте из черновиков

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

Основой для интерактивной статьи послужит любой текстовый документ. Вы просто копируете текст, вставляете его в редактор лонгридов, добавляете видео с YouTube и Vimeo, картинки и нажимаете «Опубликовать». Статья готова — её можно назначить сотрудникам.

Основой для статьи послужит любой текстовый документ

Создавайте тесты для проверки знаний

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

Добавляйте в статью тесты для проверки знаний

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

iSpring Learn покажет, какие ошибки читатель допустил в тесте

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

Как создать тест в интерактивной статье iSpring Learn →

Читайте статьи с планшета и телефона

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

Интерактивная статья подстраивается под любой размер экрана

Делите статью на главы, как в книге

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

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

Индикатор прокрутки помогает пользователю ориентироваться в статье

Глава — небольшой раздел в статье со своим введением, основной частью и заключением. Это как маленький курс в составе большого. Если материал поделен на главы, пользователь сразу видит его объем, может быстро найти нужный фрагмент и правильно распределить своё время. Например, читать по одной главе в день.

Готовую статью просто отредактировать

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

Как создать интерактивную статью в iSpring Learn

Видеоурок по созданию интерактивной статьи в iSpring Learn

1. Зайдите в раздел Учебные материалы. Нажмите Создать → Лонгрид.
2. В строке Название лонгрида напишите заголовок будущей статьи. Также вы можете задать тематику материала — указать, что это: кейс, лекция, конспект книги. Чтобы добавить титульную картинку к статье, нажмите Добавить обложку.

3. По умолчанию статья начинается с введения. Пишите основной текст здесь же или разбейте на главы, как в книге, чтобы у читателей была понятная навигация. Для этого нажмите Добавить главу.
4. Добавьте в статью картинки, видео, цитаты и списки — достаточно нажать на знак плюса и выбрать нужный тип контента.
5. Чтобы вставить гиперссылки или добавить подзаголовки, просто выделите нужный фрагмент текста — программа сама подскажет, как его можно оформить.
6. Вы можете оформить лонгрид по брендбуку компании — для этого выберите в настройках нужный цвет и шрифт.
7. Здесь также можно настроить навигацию материала: сделать открытой или закрытой.

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

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

8. Еще до публикации вы можете проверить, как статья выглядит на планшете или телефоне — нажмите кнопку Предпросмотр.
9. Нажмите Опубликовать и выберите папку, в которую нужно сохранить статью. Ее можно отредактировать в любой момент, если изменится информация или вы найдёте в тексте ошибку.

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

Получите бесплатный демо-доступ к системе дистанционного обучения iSpring Learn и оцените новые возможности.

Домашняя страница — лонгриды

«Как сторонник прозрачности, особенно тот, кто выступает против демонизации чувств, я не могу — я не буду — больше использовать это слово».

Джозеф Лезза

Помогите нам финансировать больше историй

---

Подписывайтесь на лонгриды:

---

В этом выпуске представлены рассказы Крейга Сильвермана и Бьянки Фортис, Кимона де Грефа, Тома Вандербильта, Дайаны Мехты и Джорджа Стиффмана.

по лонгридам

Когда-то я хотел стать врачом. Не обращайте внимания на мои ужасные оценки по всем наукам. Неважно, что я решил это на втором курсе колледжа, после того, как решил, что…

Лиза Буберт

Фрогги сожалеет. Драгоценный билет на игру Чикаго Буллз. Беседа об ИИ и природе. Профиль самого известного в мире неизвестного писателя. И в заключение вернемся к прошлой пятнице и…

по лонгридам

Выбор редакции

Кассандра Кисленко | Баффлер | 29 марта 2023 г. | 1887 слов

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

Энни Хилтон | Морж | 29 марта 2023 г. | 7 835 слов

«В 2015 году премьер-министр Джастин Трюдо пообещал реализовать все девяносто четыре призыва к действию КИП. По данным некоммерческой организации Indigenous Watchdog, с тех пор полностью реализовано только тринадцать».

Джейсон Грин | Вилы | 29 марта 2023 г. | 4435 слов

«Как Робин Тик, Фаррелл и проклятый мегахит T.I. предсказали все плохое о последнем десятилетии в поп-культуре»

Брайан Хайатт | Роллинг Стоун | 21 марта 2023 г. | 6500 слов

«Когда он стал отцом, его дни тусовщика закончились. Затем случилась трагедия, заставившая его столкнуться со своей скрытой темной стороной — и наступила его самая горячая творческая полоса».

Джордж Стиффман | Журнал «Звездочка» | 9 марта, 2023 | 3 278 слов

«Китай потратил тысячелетия на изучение кулинарных возможностей соевого творога. Запад едва коснулся поверхности».

Рэйчел Хенг | Эсквайр | 22 марта 2023 г. | 5093 слова

«Оглядываясь назад, я понимаю, что овладение способностью видеть сквозь карты не казалось ему чем-то невозможным. Он делал, казалось бы, невозможные вещи раньше».

Загрузка…

Что-то пошло не так. Пожалуйста, обновите страницу и/или повторите попытку.

Очерки и статьи

Сюзанна Форрест 23 марта 2023 г. 27 марта 2023 г.

Кира Хомшер 14 марта 2023 г. 14 марта 2023 г.

от лонгридов 8 марта 2023 г. 10 марта 2023 г.

Мария Цорн 7 марта 2023 г. 2 марта 2023 г.

Дэна Эрнандеса 28 февраля 2023 г. 27 февраля 2023 г.

Джессика Л. Павия 21 февраля 2023 г. 22 февраля 2023 г.

Загрузка…

Что-то пошло не так. Пожалуйста, обновите страницу и/или повторите попытку.

Списки для чтения

Шесть историй, которые изменят ваше представление о природе.

Клэр Иган

21 марта 2023 г. 13 марта 2023 г.

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

Крис Уитли 16 марта 2023 г. 16 марта 2023 г.

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

Николь Р. Циммерман 9 марта 2023 г. 9 марта 2023 г.

Премия «Оскар» — это не просто признание — это постоянно развивающаяся отрасль в постоянно развивающемся обществе.

Элизабет Блэквелл 2 марта 2023 г.

2 марта 2023 г.

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

Мелани Хамон 23 февраля 2023 г. 22 февраля 2023 г.

Эссе из «Катапульты», отобранные редакторами на протяжении многих лет.

по лонгридам 14 февраля 2023 г. 15 февраля 2023 г.

Загрузка…

Что-то пошло не так. Пожалуйста, обновите страницу и/или повторите попытку.

Получите пятерку лучших лонгридов по электронной почте

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

Подпишитесь сейчас

Наша коллекция на конец года

Все лучшие #лонгриды 2022 года, отобранные нашими редакторами, избранными авторами и читателями.

Как создать потрясающий лонгрид

Как

Ознакомьтесь с девятью советами по созданию увлекательного лонгрида и почерпните вдохновение из отобранных нами примеров.

23 мая 2019 г. • 2 мин чтения

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

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

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

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

4. Было бы неплохо, если бы указали вашему читателю, сколько времени требуется для потребления определенного товара .

5. Используйте навигацию и предоставьте пользователю легкий доступ к ней. Книги и длинные статьи имеют оглавление не просто так. Якорная навигация может особенно хорошо работать в лонгридах.

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

7. Используйте вставки и активные области , чтобы выделить определенные фрагменты текста.

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

9. Проанализируй. Платные планы Readymag имеют доступ к Google Analytics: используйте его для контроля уровня чтения. Это можно сделать, разделив лонгрид на разные страницы с разными именами и сравнив эти страницы с GA.

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

---

Нравится эта история? Ознакомьтесь с другими произведениями Readymag.

Раскрытие идей: 6 фреймворков для дизайнерского мозгового штурма

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

Оттачивайте эти социальные навыки, чтобы стать признанным лидером в области дизайна

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

Веб-сайт Readymag 2022 года: реализация образовательных инициатив в рамках дизайнерской активности

Украинский дизайнер Андреас Смолярсон размышляет о причинах и причинах своего обучающего набора для обучения студентов основам веб-дизайна в Readymag.