Если вы планируете представить исследование, рассказать визуальную историю или оформить проект в формате сайта, платформа ArcGIS StoryMaps может стать отличным инструментом. Однако, чтобы ваш проект выглядел современно и профессионально — как, например, этот пример, — важно знать не только, как загружать текст и карты, но и как работать с дизайном, навигацией и мультимедиа. В этой статье мы собрали ключевые советы и приёмы для создания собственного сайта на базе StoryMaps.
1. Используйте навигацию (Story Navigation), если у вас много разделов
Одна из наиболее удобных функций StoryMaps — навигация по разделам, которая отображается в виде бокового меню слева или сверху. Она особенно полезна для длинных историй с несколькими смысловыми блоками.
Как включить:
- Перейдите во вкладку Design в верхней панели редактора;
- Прокрутите вниз и активируйте опцию Enable navigation;
- Убедитесь, что каждый раздел оформлен с помощью заголовка, чтобы он появился в навигационном меню.
Совет: рекомендуем включать навигацию, если в вашем проекте более 3–4 крупных разделов (например, «Введение», «Методы», «Результаты», «Выводы»). Это существенно повышает удобство восприятия для читателя.
2. Добавляйте кнопки (Button) для перехода к дополнительным материалам
StoryMaps позволяет вставлять кнопки с гиперссылками, ведущими, например, на документы, опросы или сторонние сайты.
Как это сделать:
- В текстовом блоке нажмите Insert → Button;
- Введите название кнопки (например: «Открыть PDF» или «Пройти опрос»);
- Вставьте ссылку (на Google Drive, другую StoryMap, сайт и т.п.)
Совет: Используйте кнопки, когда хотите выделить важное действие — доступ к полному отчёту, заполнение формы или просмотр презентации.
3. Встраивайте внешние ресурсы через Embed: видео, презентации, графики
StoryMaps поддерживает встраивание различных мультимедийных и аналитических элементов. Вы можете интегрировать:
- Видео с YouTube или Rutube;
- Презентации Google Slides;
- Интерактивные панели из Tableau, Flourish;
- ArcGIS Dashboards и другие ресурсы.
Как встроить элемент:
- Нажмите Insert → Embed;
- Вставьте ссылку или код iframe (если доступен)
Совет: для презентаций Google Slides рекомендуется включать автопрокрутку и полноэкранный режим. Это делает визуализацию более динамичной.
4. Добавьте блок с источниками и благодарностями (Credits)
В конце проекта обязательно укажите информацию об авторах, источниках данных, использованных изображениях, а также ссылки на партнёров или научные материалы.
Как это оформить:
- Добавьте обычный текстовый блок в конце;
- Назовите его, например, «Источники» или «Благодарности»;
- Добавьте структурированный список с гиперссылками (если есть)
Совет: это не только хороший тон, но и повышает научную добросовестность и доверие к информации, размещённой в проекте.
5. Настройте внешний вид: цвета, шрифты и стили
В StoryMaps можно создать собственную тему оформления, которая будет применяться ко всему проекту. Это позволяет адаптировать визуальный стиль под вашу аудиторию, организацию или личные предпочтения.
Как настроить тему:
- Перейдите во вкладку Design → Manage themes;
- Нажмите Create new theme;
- Настройте следующие параметры:
- Основной и акцентный цвета;
- Фоновый цвет;
- Цвет текста и ссылок;
- Шрифты заголовков и основного текста
Совет: Используйте светлый фон, тёмный текст и 1–2 ярких акцента для кнопок и ссылок. Избегайте слишком контрастных цветовых решений.
6. Используйте блок Sidecar для визуально насыщенных секций
Sidecar — это комбинированный блок, в котором можно разместить текст и медиа (фото, карту, видео) рядом. Он позволяет создавать эффект «журнальной» верстки или пояснять каждую карту отдельным комментарием.
Возможности Sidecar:
- Фиксированное изображение с прокруткой текста;
- Возможность смены карты при смене подписи;
- Поддержка переходов, аннотаций и анимаций.
Совет: используйте Sidecar для пошагового объяснения карты или визуального рассказа. Это повысит вовлечённость аудитории.
7. Обязательно проверьте, как сайт выглядит на мобильных устройствах
Перед публикацией проекта:
1. Нажмите Preview;
2. Перейдите в мобильный режим (иконка смартфона);
3. Проверьте читаемость текста, отображение медиа и корректность всех ссылок
Совет: помните, что значительная часть вашей аудитории будет просматривать сайт с телефона. Убедитесь, что изображения не обрезаются, а текст не уходит за экран.
Заключение
ArcGIS StoryMaps — это не просто платформа для карт, а полноценный инструмент для создания визуально привлекательных и логически структурированных сайтов. Используйте навигацию, кнопки, внешние встраивания, стилизованные темы и обязательно завершайте проект блоком с благодарностями и источниками. С учётом этих приёмов ваш StoryMap будет восприниматься не как черновик, а как профессиональный и законченный продукт.
Для того, чтобы получше ознакомиться с нашим примером, перейдите по ссылке