2 заметки с тегом

верстка

Редизайн страницы про миграцию птиц

Исходная статья:
https://www.nationalgeographic.com/magazine/2018/03/bird-migration-interactive-maps/?beta=true

Редизайнил блок с картой на странице про миграцию птиц:

В новом варианте:
— сгруппировал заголовки по смыслу,
— добавил количество птиц,
— сделал более аккуратную легенду,
— текст поставил в правую колонку,
— переделал листалку периодов.
Компактнее, информативнее.

Было-стало:

9 июля   National Geographic   верстка   дизайн   карта

Визуализация миграции птиц

Великолепная статья Нэшнл Географик с картографической визуализацией миграции птиц в Северной и Южной Америках:

https://www.nationalgeographic.com/magazine/2018/03/bird-migration-interactive-maps/?beta=true

Сложно даже представить, какие данные и как надо было собрать и обработать, чтобы сделать статью с подобным уровнем детализации.

Плюсы: в статье интегрированы текст, звук пения птиц, координаты на картах, перемещения птиц, изменения окружающей среды во времени. Совмещены маршруты птиц, места проживания людей, насыщенность растительности. Красивые фотографии птиц, интересные факты. Например, птицы рискуют, прокладывая прямые маршруты над опасными местами.

Вызывает вопросы верстка. Хочется поставить тексты и мини-выноски про птиц с фотками параллельно картам. Сейчас тексты и фотографии отдалены от карт по вертикали. Мешает заигрывание с визуальными эффектами при скроллинге: хочется сказать «да дайте уже, наконец, спокойно посмотреть».

Там же: сбивает с толку, что в листалке периодов первый период — вовсе не период, а анимация всех периодов. Для бета-версии норм, но вообще вот это надо сделать получше:

9 июля   National Geographic   верстка   визуализация   дизайн   карты