технология
Как создать ленту времени (таймлайн): краткий обзор сервисов
Временная шкала — простой, но понятный и ёмкий формат подачи информации. Если у вас есть долгая история, попробуйте представить её в виде таймлайна.
Нарисовать примитивный таймлайн можно даже в Ворде или инструменте создания инфографики. Но для того, чтобы наполнить такую историю различным контентом и интерактивом, придется воспользоваться одним из специальных инструментов.
Наш любимый — TimelineJS — бесплатный инструмент с открытым исходным кодом. С его помощью можно построить красивый интерактивный таймлан, наполненный фото, видео, картами и ссылками.
Посмотрите, как журнал Time использовал этот инструмент, чтобы рассказать о биографии Нельсона Манделы.
TimelineJS делит пространство на слайды с описанием и шкалу времени. Получается очень наглядно. Но работает это, разумеется, только, если история имеет чёткий хронологический порядок.
Истории создаются в несколько простых шагов:
HSTRY — заточенный под образование сервис — даёт возможность выстроить события вертикально и добавить на шкалу элементы викторины и поля для комментариев. Вот, как представлен материал про выборы в США.
Таймлайны хорошо зарекомендовали себя в образовании: с их помощью можно наглядно показать историю в развитии. Визуальный контент, сопровождающий временную шкалу помогает последовательно всё запоминать.
Если вы умеете работать со скриптами, попробуйте jQuery Timelinr. Это простой и изящный плагин, который создаёт горизонтальные и вертикальные таймлайны с возможностью автовоспроизвдения. Например, вот так.
Инструкция актуальна на октябрь 2017 года.
С помощью этой технологии были реализованы следующие проекты
Иллюстрации:
скриншоты с платформ для создания таймлайнов
скриншоты с платформ для создания таймлайнов
Знаете похожие технологии? Расскажите о своем опыте, нам интересно!
Читайте также
