• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

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 — Карта
4 г. назад Инструменты, Примеры визуализациивизуальное мышление, карты
facebook-profile-picture
Мария Голованова
  См. также  
Примеры визуализации

Про юмор в инфографике от Найджела Холмса

Из книги Найджела Холмса Wordless Diagrams Из диалога с Найджелом: Я давно ратую за юмор в инфографике. 1

Колонка со-авторов, Критический взгляд, Теория

Подборка: anti-bullshit

2017 получился годом anti-bullshit. Мы много писали и публиковали статей на эту тему. 0

Инструменты

4 бесплатных инструмента для он-лайн сторителлинга от Knight Lab

Knight Lab — это проект Северозападного университета (Northwestern University) в рамках которого технологи, журналисты, преподаватели и... 3

Книги, Теория

Краткая история визуализации информации

Принято думать, что информационный дизайн имеет сравнительно короткую историю. По факту же визуализация имеет очень развитые корни. 1

События

Визуально мыслящие — семинар в Англии в июне 2012

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

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

Соединение географической карты и временной шкалы

Этот постер был создан как описание летних каникул Ole Ostring. Путешествие из Норвегии в Англию и обратно. 0

Книги

Возвращение салфетки

Второй вечер не могу оторваться от книги «The back of the napkin» by Dan Roam. Спасибо Максиму Горчакову за рекомендацию! 0

Колонка со-авторов, Примеры визуализации

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

Картограф Даниэль Хаффман (Daniel Huffman) сделал схему авиалиний и рассказал о процессе в своем блоге. 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+