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

infographer

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

Тема: Теория 4

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

Как рисовать иллюстрированные карты (Часть 2)

Статья10 г. назад 1 Теориякарты, тренды, уроки

Помните советы о том, как рисовать иллюстрированные карты от Ливи Гослинга и журнала Digital Arts? Мы подготовили для вас еще одну порцию. На этот раз от иллюстратома Михаэля Мюллана.

Я начинаю со сбора информации – ищу все, что ассоциируется с местом: популярные места, достопримечательности, слова. Потом я нахожу актуальную карту и использую ее как гайдлайн, чтобы расположить на ней все слова и элементы. А потом приступаю к наброскам.

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

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

Как рисовать иллюстрированные карты (Часть 1)

Статья10 г. назад 2 Инструменты, Примеры визуализации, Теориякарты

Digital arts недавно опубликовал советы о том, как рисовать иллюстрированные карты. Мы выбрали несколько наиболее полных советов и решили поделиться с вами. Начнем с гайдлайнов от иллюстратора Ливи Гослинга, который рисует трогательные карты для журналов про туризм и еду.

Я начинаю с Pinterest – смотрю достопримечательности, популярные места и кафешки. А потом очень свободно рисую чернилами контуры карты и дороги.

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

Cхема энергетического рынка России

Изображение12 г. назад 1 Примеры визуализации, Теорияinfographer, карты, портфолио, рабочий процесс, российская инфографика

Некоторое время назад мы разработали схему, показывающую устройство рынка российской энергетики. Инфографика создавалась для Департамента энергетики и энергоэффективных проектов ОАО «ВБРР». Команда департамента занимается реализацией проектов в области увеличения эффективности использования энергии промышленными предприятиями и организациями ЖКХ и им понадобился простой визуальный инструмент, который позволял бы понятно рассказывать о структуре российского рынка. Мы с радостью включились в задачу!

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

Как это похоже на устройство любого бизнеса в России!…

Начинаем распутывать загадочный клубок. Чтобы разобраться, кто есть кто среди этих квадратиков и кружков, мы взялись за карандаш и начали визуализировать. На нашей условной карте появились различные генерирующие предприятия (АЭС, ГЭС, ГРЭС, ТЭЦ) и потребители электроэнергии (промышленные предприятия, организации ЖКХ, население), затем мы соединили все это проводами (транспортировка электроэнергии) и добавили продавцов электроэнергии (межрегиональные и региональные сбытовые компании). В заключение была проведена граница оптового и розничного рынка.

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

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

На этом этапе мы начали переходить от набросков «от руки» к векторным проектировкам. Заодно стали формироваться графические элементы, которые могли бы использоваться в конечном варианте карты. Чтобы наглядно показать, как электричество попадает в наши дома и на промышленные предприятия, мы построили целый городок со всеми удобствами, канализацией и центральным теплоснабжением, троллейбусной линией, отличным школьным зданием и бензоколонкой. Большинство людей, которые живут в этом сказочном городе, вероятно работают на большом нефтеперерабатывающем заводе, который расположился на южных окраинах. За городом для производства электричества мы построили атомную станцию, гидроэлектростанцию, конденсационную станцию, а в черте города появилась небольшая теплоцентраль. Если же вам претит городская суета, то можно поселиться на природе и пользоваться солнечными батареями, энергией ветра или генератором на биотопливе.

Разобравшись с «генерацией» и «потреблением», мы перешли к более тонким деталям и снова обратились за технической информацией к заказчику. За счет использования изображений стандартных опор ЛЭП различной формы визуально проявилась иерархическая структура сетевых компаний (ФСК, МРСК), была возведена магистральная ветка ЛЭП. Появилось направление движения электроэнергии, определились розничный и оптовый рынки, а так же область «вне рынка» (оказывается, так тоже бывает!).  Продолжить чтение →

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

Статья13 г. назад 9 Книги, Теорияистория инфографики, карты, типы диаграмм
развитие инфографики

В книге Handbook of Data Visualization, пока не переведенной на русский язык (автор Michael Friendly), представлена хорошая аналитическая работа об истории инфографики. Представляю свой вольный перевод этого материала, структурирующего разные события в истории интересного нам предмета.

Основные опорные точки по мнению автора:

  • До 17 века – Ранние карты и диаграммы
  • 1600-1699 – Измерения и теории
  • 1700-1799 – Новые графические формы
  • 1850 – Начало современной графики
  • 1850-1900 – Золотой век статистической графики
  • 1900-1950 – Смутные года
  • 1950 – 1975 – Возрождение визуализации информации
  • 1975 – н.в. – Интерактивная и динамическая визуализация

развитие инфографики

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

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

Пройдем по основным периодам: шкала времени показывает деление на «визуализационные периоды». Это деление условно, но каждый период характеризуется определенными особенностями и имеет свои причины возникновения и свои условия развития. К сожалению, в книге была возможность отобразить только простейшие ч.б изображения.

До 17 века – Ранние карты и диаграммы

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

Среди ранних отображений количественной информации есть график перемещения звездных тел (найденный Funkhouser, повторенный Tufte), где в двумерной системе координат показано движение планет. Этот график служит хорошей иллюстрацией данного периода.

развитие инфографики Продолжить чтение →

Темы раздела
Теория 4Инструменты 1Примеры визуализации 2Книги 1
Мы в 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+