Как создать ленту времени (таймлайн): краткий обзор сервисов

Получается очень наглядно. Но работает это, разумеется, только, если история имеет чёткий хронологический порядок

МОЖНО СДЕЛАТЬ
ИСПОЛЬЗУЕТСЯ В:

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

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

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

Посмотрите, как журнал Time использовал этот инструмент, чтобы рассказать о биографии Нельсона Манделы.

TimelineJS делит пространство на слайды с описанием и шкалу времени. Получается очень наглядно. Но работает это, разумеется, только, если история имеет чёткий хронологический порядок.

HSTRY — заточенный под образование сервис — даёт возможность выстроить события вертикально и добавить на шкалу элементы викторины и поля для комментариев. Вот, как представлен материал про выборы в США.

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

Если вы умеете работать со скриптами, попробуйте jQuery Timelinr. Это простой и изящный плагин, который создаёт горизонтальные и вертикальные таймлайны с возможностью автовоспроизвдения. Например, вот так.

Над материалом работали:
Иллюстрации:

Подводя итоги:

1
2
3