• Агентство
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости
Инструменты, Примеры визуализации

Как создать карту авиалиний и не запутаться. Часть 1 — Карта

0
Comments
Linkedin
0
ВКонтакте
0
Pocket

Картограф Даниэль Хаффман (Daniel Huffman) сделал схему авиалиний и рассказал о процессе в своем блоге. Несмотря на деформации на карте легко распознать все континенты, несмотря на большое количество перелетов — легко проследить маршруты. Делимся с вами переводом статьи, о том как Даниэль принимал визуальные решения. Эта карта не финальный вариант, принятый клиентом, но фаворит автора.   

Карта перелетов, автор — Daniel Huffman

Карта

Первый вариант расположения карты

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

  1. Промежуток между страницами (gutter). В месте, где соединяются страницы разворота, не должно  быть важной информации. На карте сверху эта проблема решена небольшой деформацией — Атлантический океан шире, чем в реальности. Проблема тут в том, что при таком расположении карта получается несбалансированной — большинство маршрутов оказались справа.
  2. Масштаб. Размер разворота 398 × 270 мм и этого достаточно, но некоторые направления (например, Европа) очень плотные, и сложно будет сделать читаемые подписи.

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

Запад Индии стал шире, чтобы выделить место для разрыва страниц. Места, где мало направлений, стали меньше, и наоборот. Несмотря на это, карта выглядит узнаваемой. Чтобы понять, насколько искажена карта, удобно использовать MapAnalyst.

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

Чтобы нарисовать новую карту, Даниэль взял за основу стереографическую карту Галла и редактировал картинку с помощью инструмента Lasso в Adobe Illustrator.

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

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

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

Вторым этапом стала работа с линиями перелетов, читайте про нее во второй части статьи.

Оригинал статьи: ON AIRLINE MAPPING
Автор: Daniel Huffman

 

мая 30, 2018Мария Голованова
Статья была интересной?
  • Поделюсь (0)
  • Полезно (0)
  • Бесполезно (0)
  • Банально (1)
Две визуализации о материальности интернета - цифры vs деревьяБорьба плачущих младенцев или о том, как Найджел Холмс работал над «Безумными соревнованиями»
Главная Книги Как создать карту авиалиний и не запутаться. Часть 1 — Карта
7 г. назад Инструменты, Примеры визуализациивизуальное мышление, карты
facebook-profile-picture
Мария Голованова
  См. также  
Книги

Свежее про новые медиа и журналистику

  Вышла новая, и к всеобщей радости, даже бесплатная книга про новые медиа и журналистику. 1

События

LEGO Serious Play. Воркшоп по созданию бизнеса, стратегии и решению управленческих проблем

Lego Serious workshop Учит выявлять новые идеи, совершенствовать проекты, находить скрытые возможности, создавать творческие команды, умеющие... 2

Примеры визуализации

Население Европы в мельчайших деталях

Присоединение новых участников к Евросоюзу, урбанизация, глобализация, миграция, слабость экономик – все это постоянно меняет демографическую... 0

Примеры визуализации, Теория

Выбирай серый – не ошибешься!

Подбор цветов в инфографике — непростая задача. 3

Примеры визуализации

Визуальный гид по корпоративным инструментам web 2.0

Мы любим, когда инфографика несёт в себе смысл и информацию для осмысления, а не только красиво подаёт факты. Особенно корпоративная. 1

Теория

Дизайн в инфографике или как не убояться абсолюта

Однако у инфограферов прошлых веков было существенное преимущество. 1

Колонка со-авторов, Теория

Факты

Что такое 60 метров? Это легко представить. 0

Примеры визуализации

Живая лента статистики

интерактивная инфографика,музей,Германия,карты,социальная информация,образование,рабочий... 0

Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+